5 ms·

Hopefully, the Ultimate Guide to a Flat Icon Set

68 points by josephscott 9y ago

kingkongjaffa 9y ago
Those gifs are awful and distracting. Awful UX.
- deleted 9y ago
  [deleted]
sachleen 9y ago
Don't really see a point in all the gifs. Would be much easier to see the difference if you just showed two separate images of good/bad examples.
- pavel_lishin 9y ago
  Took me at least three loops to even realize what the gifs were illustrating.
ggm 9y ago
Good guidance badly executed. Click to reveal with no sideways scroll might have been better
- allover 9y ago
  > Good guidance badly executed. Could you not think of a nicer way to word this, given that you consider the guidance 'good', and presumably understand a lot of work went into it?
  - ggm 9y ago
    The words about how to design icons are very good. But the execution of how to show them wasn't nearly as good. I think it had an overall consistency, but unfortunately it worked against the intent of the 1->2 reveal because it was hard to get a stable view of the icon images before/after. Hows that?
    - allover 9y ago
      > Hows that? There's a balance and you missed it both times
et2o 9y ago
The persistent webpage bar takes up 1/3rd of my screen on landscape. Highly irritatng
- forevercrashing 9y ago
  This plugin fixes that: https://github.com/thebaer/MMRA https://github.com/thebaer/MMRA
- allover 9y ago
  That's the fault of Medium, not the author. Are you going to post this comment on every Medium post?
  - et2o 9y ago
    No it isn't. It's a feature of what Muz.li added and isn't as bad on other medium articles.
na85 9y ago
Questionable UX and site design choices by the author aside, I found the advice for graphic design of flat icons to be spot-on. Re-packaged into a gist or some other less-annoying format sans-gifs, and this would be a stellar resource.
ollin 9y ago
Agreed on points in the article. Would be good to note that using thinner stroke for interior details (and thicker strokes for "important" lines that represent large depth discontinuities) is also a reasonable design choice (example: https://dribbble.com/shots/1324699-Icons https://dribbble.com/shots/1324699-Icons https://dribbble.com/shots/1329630-More-Icons https://dribbble.com/shots/1329630-More-Icons )–this is pretty common in non-icon illustrations as well.
jensvdh 9y ago
Those GIFS are highly annoying and not useful at all.

68 points by josephscott 9y ago

kingkongjaffa 9y ago

Those gifs are awful and distracting. Awful UX.

deleted 9y ago
[deleted]

sachleen 9y ago

Don't really see a point in all the gifs. Would be much easier to see the difference if you just showed two separate images of good/bad examples.

pavel_lishin 9y ago
Took me at least three loops to even realize what the gifs were illustrating.

ggm 9y ago

Good guidance badly executed. Click to reveal with no sideways scroll might have been better

allover 9y ago
> Good guidance badly executed. Could you not think of a nicer way to word this, given that you consider the guidance 'good', and presumably understand a lot of work went into it?
- ggm 9y ago
  The words about how to design icons are very good. But the execution of how to show them wasn't nearly as good. I think it had an overall consistency, but unfortunately it worked against the intent of the 1->2 reveal because it was hard to get a stable view of the icon images before/after. Hows that?
  - allover 9y ago
    > Hows that? There's a balance and you missed it both times

et2o 9y ago

The persistent webpage bar takes up 1/3rd of my screen on landscape. Highly irritatng

forevercrashing 9y ago
This plugin fixes that: https://github.com/thebaer/MMRA https://github.com/thebaer/MMRA
allover 9y ago
That's the fault of Medium, not the author. Are you going to post this comment on every Medium post?
- et2o 9y ago
  No it isn't. It's a feature of what Muz.li added and isn't as bad on other medium articles.

na85 9y ago

Questionable UX and site design choices by the author aside, I found the advice for graphic design of flat icons to be spot-on. Re-packaged into a gist or some other less-annoying format sans-gifs, and this would be a stellar resource.

ollin 9y ago

Agreed on points in the article. Would be good to note that using thinner stroke for interior details (and thicker strokes for "important" lines that represent large depth discontinuities) is also a reasonable design choice (example: https://dribbble.com/shots/1324699-Icons https://dribbble.com/shots/1324699-Icons https://dribbble.com/shots/1329630-More-Icons https://dribbble.com/shots/1329630-More-Icons )–this is pretty common in non-icon illustrations as well.

jensvdh 9y ago

Those GIFS are highly annoying and not useful at all.