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

Krake Pha·11/10/2014, 4:43:21 PM·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

Steelclaw11/11/2014, 4:41:19 AM10 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.

Centuros11/11/2014, 12:04:33 AM6 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).

Arc Noir11/11/2014, 10:37:38 AM5 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?

LA U GH IS F UN11/10/2014, 11:08:42 PM5 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 Love11/11/2014, 2:47:37 AM5 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?

AdgharKH11/11/2014, 8:46:13 AM4 votes

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

Dunderflump11/11/2014, 2:49:48 AM4 votes

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

Saelani11/11/2014, 9:17:38 AM4 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.

Bowlbo11/10/2014, 9:04:24 PM4 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).

Stompburger11/11/2014, 2:52:28 AM3 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.

Momorae11/10/2014, 9:17:32 PM3 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.

Adrenalotr11/11/2014, 2:06:49 AM3 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.

Ryvaku11/11/2014, 2:53:53 AM2 votes

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

AbiwonKenabi11/11/2014, 7:56:58 PM1 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 Waifu11/11/2014, 8:19:13 PM1 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.