@Riot Ability Icon Designers and Splash Artists: Please stop.

Krake Pha··42 votes·4,033 views

For the past several months, you've been updating art like crazy. And to be clear, I generally love the direction of everything. New splashes are terrific, the summoner rift update is awesome, new particles are greatly appreciated, VUs and TUs and whatever we're calling them are much needed and much appreciated.

But there's two real problems. First, the new splashes, while great, are so immensely detailed and hi-res and cool that when you cut out a tiny square and shrink it down to minimap size, you can't figure out what you're looking at. For almost any of the new ones. Old champ art was a little more, for lack of a better word, cartoon-y, and that's fine, because when you got it down to a dozen pixels, the color contrast and specific palette made each champion's mini-image identifiable, for the most part.

But the new ones use so many lighting effects that colors blur together. And that looks great for splashes, even portraits, but not for the icons in-game. It looks awful. It's indecipherable. And In a game that's so gung-ho about clarity of information, keeping champ icons that are, for all intents and purposes, splashes of a random color (often not even a color related to the champion), it reeks of hypocrisy and poor design.

Look at Vik and Rumble: Viktor's primary colorings are blue, gray and black. Some yellow and red highlights, maybe. That's what is on his model, that's what we expect to see when we look at the minimap. Viktor Instead? It's an orangey-blesh around a rusted metal that looks more or less bronze. In the context of the splash, it's fine. It makes sense there. But that doesn't help me in game. The champion has almost no red or orange on his body, and yet that's the color I see when I look at the minimap.

Rumble's primary colorings are blue, white and gray. That's what is on his model. That's what we expect to see when we look at the minimap. Rumble Instead? It's a splash of red and this pinkish hue that makes no earthly sense. Again, in the art this makes sense. In the game, it hurts.

And keep in mind, the icons here are still larger than they will be in game. Maybe zoom out a bit on your browser if you still can't see the problem. 50% should be accurate. Then look at it through your peripheral vision and see if you can decipher in a moment who it's supposed to be.

If it takes even a tenth of a second to decipher what I'm looking at and which champion it corresponds to, using only my peripheral vision, it is a problem.

Which brings me to my next point:

Can you just fire whoever does the new ability icons? Every time I see icons get updated, they get turned into.. well. It's looks like they choose two colors and throw them into 4 different tie-die patterns. I'm not a bad player. I map the skills to the keys internally, not to their pictures. I don't even typically look at abilities to know what's off cd (barring ulti). Still though, look at Karthus. I'm glad we got rid of the neon-rave lights, but now all of his ability icons are just that same green-teal-mesh that you use on everybody now. Considering his abilities are all vastly different things, it's odd to me that if I showed you his new Wall of Pain and said it was Defile, you'd probably believe me.

The new Singed one is fairly problematic. For the abilities that aren't blatantly green (read: all but 1 of them), you add green aura around them, to the point where the actual picture is drowned out by green. Empowered Bulwark scales with Mana and provides Health. Mana is blue, Health is Red. Why is there a radiating green aura around the shield in the picture?

And Maokai.. Well he's the reason I'm here right now, actually posting this. I think Sapling toss has a strong enough coloring to stand out (though that might change once I see these in game), but the rest... It's a slurry of that same neon teal you use for everything Shadow Isles. I see what they're supposed to be, but still.

Diversity between champions is important, and Riot has noticeably, definitively been striving toward that. However, diversity within champions is significant as well. You want your champions to feel like they have a toolbox of abilities that reflect who they are as a character. Not as though they have one skill or one direction or one rotation of abilities. If you've decided that a champion is teal and brown, that's fine. But everything he does and everything he is doesn't have to be teal and brown. You can add other colors. Please add other colors.

22 Comments

Steelclaw10 votes

A possible solution would to make good icons of character faces that are easily discernible at small sizes that are completely SEPARATE from the splash yet obviously recognizable as being from the character's regular skin. Then double check to make sure that none of the faces look similar to another. The icons need to have distinctive colors, and if the champion has a unique shape such as Renekton, use it somehow.

I sometimes confuse Janna with Riven on the minimap. Rumble is hard to identify for some reason, and I keep thinking that Riot added Midna from Zelda: Twilight Princess. Ezreal and Orianna look similar now. JarvanIV shows more of his helmet than anything. Veigar is this dark smear with tiny bits of yellow. MonkeyKing reminds me of Graves.

Again, the icons shouldn't always be based on the splashes. Try looking at the character (especially as they appear in game without skins) and give us something easy to identify quickly. Yes, this means doing more artwork, but all you need to do is a low-res face or perhaps some shoulders or other identifying features. It MUST be identifiable as a specific champion at a quick glance on the minimap. Straight on facial views are fine, but if you insist on angled views, make Janna face the right since Riven faces left. Though I think Janna's icon should still be redesigned. Right now we're dealing with a lack of clarity, and there's a lot of room for improvement.

Jobyr2 votes

For me, I can't determine which is which when there is a Tristana Tristana , Singed Singed , and Veigar Veigar all in the same game. Like I said above, I am running the game on an 18" screen but for some reason all I see is generic dark blurs. Looking at the icons on here I can see the difference fine, but you're right veigar's becomes a black blur with yellow dots.

AdgharKH9 votes

JarvanIV Magneto??? Is that you????

CupcakeTrap8 votes

JarvanIV Magneto??? Is that you????

GET OUT OF MY ULT, CHARLES!

CupcakeTrap4 votes

This post has it right. Especially for the most confusing pairs, some sort of modification should be made, like making Janna face right.

ModWulf Helhammer4 votes

Yeah, one game I was playing, I looked at the mini map and thought there was a Trundle in the game. Which was weird because I didn't remember one in the loading screen. Turns out it was actually Cho'Gath. The icons look almost identical at the level of zoom the mini map is: Trundle=Chogath

Centuros6 votes

I can still only see Brand when I look at Vik's minimap icon.

I remember the big reason given why they wouldn't make a minimap icon look different when you use a different skin because it would confuse players, but that's exactly what they do every time they change the default art (and thus, the icon).

LA U GH IS F UN5 votes

Agreed I like the new artwork a whole lot, but the minimap icons SUCK. It is impossible to tell who is who. Udyr looks like Gangplank, Rumble looks like nothing, it's just confusing as heck. I thought "For Clarity!" was the chant we've been seeing again and again. This is a step backwards.

I really miss the old preseason 1 cartoony icons. Those were the best. I wish we still had one of those for every champion. Using MS paint to make a cutout of a character's face does not a readable icon make.

Tentacle Love5 votes

I agree completely, and voiced my opinions here: http://boards.na.leagueoflegends.com/en/c/story-art/8A9BlIAJ-regarding-the-new-champion-icons-they-look-terrible-when-shrunk

If I'm not mistaken they toned down the little white dots at least once. Someone probably got yelled at for making terrible looking icons for that replay viewer thingy, and I'd bet that they're working on it some more. Who knows how long it'll be before they're willing to admit it's a problem though?

Arc Noir5 votes

I feel like the biggest problem with all these icons are the lighting. There is so much lighting going on it's taking away from the natural color pallet of the champion. I couldn't tell that was Tristana because it's being drowned in this massive wave of orange colors and it's all shiny looking and I don't really think lightning affects the champions IN THE GAME. So I tend to not even know what it is because it just isn't a thing you see in the game.

Also, why is the new SR going for this hand painted style when the splash arts are trying to go for CG quality?

Motajo1 votes

I couldn't tell that was Tristana because it's being drowned in this massive wave of orange colors and it's all shiny looking and I don't really think lightning affects the champions IN THE GAME.

I keep mixing Trist's new icon up with Kog's old one.

Bowlbo4 votes

These new splashes can be hard to discern. But honestly, I think familiarity is the driving force in your argument. Given a couple of months if you are playing regularly enough to be concerned about this you will probably be able to make distinction between these champ icons. Considering the work and care that has gone into this new art, I say bite the bullet until you get used to them. (I am biased by being someone who incredibly appreciates all these new splash arts).

Jobyr1 votes

First day after the patch I got into a game vs. a Tristana and Singed (on a threes map). I spent the entire game trying to figure out which splash was which. Albeit, I'm only running League on a 18" screen or something like that but man...I honestly just paused in the fountain for a bit to try and figure out if there was anything that indicated which was which.

Dunderflump4 votes

Orianna's ingame icon looks like a brown/grey rock. I thought maybe she was Malphite.

AdgharKH4 votes

Every time I see a Viktor icon in game I'm fooled into thinking we're facing Twisted Fate

Saelani4 votes

LOOK OUT! I'm getting ganked by Surfer Singed, a Thumb and the purple blob man.

Ohh no wait, it is just Ezrael, Lee Sin and Cho'Gath.

Momorae3 votes

It wouldn't be too difficult to tune the hue of the pictures to reflect original colors with starker contrasts. You're right, icons are usually of flat color because small details are mostly lost and sometimes get meshed with general outlines to cause confusion of shape. Smaller it is, simpler makes clearer. Doing a color tuning on highlights and shadows on the small icons would make things easier.

Adrenalotr3 votes

Agreed. The champion portrait should reflect the colors of the base skin. Readability.

I heard Riot's big on Clarity. Might wanna make sure al of Riot got the memo.

Stompburger3 votes

I agree about the ability icons. More color differentiation with them would be nice.

I agree with Bowlbo though about the ingame icons though - I think we'll get used to them.

Ryvaku2 votes

I rather see the old splash of Tristana because it looked better. >.>

AbiwonKenabi1 votes

I'm so glad I'm not the only one noticing the ability icons. Its especially present on Karthus but when they did it to Maokai...none of his icons should be teal/blue in the first place. Shouldn't at least one be green?

Salty Waifu1 votes

@Rioters can you use the quote feature? this QA is a mess I dont even know what you are talking about and im certainlyT not going to read all the comments coming from the players.

More from Story, Art, & Sound

More by Krake Pha