A few pet peeves that I see some people do that can be avoided. I wouldn't call them hints or tips but they're things that can be overlooked by new or experienced folk. Spurred by noticing Sketch's 16px icon was guilty of the bottom-left.
Top set: The first is using diagonal paths snapped to pixel grid, which ends up being fuzzy and out of place on icons that have straight elements to them. I prefer to nudge the paths so that they appear crisp and interact with layer styles better. Attached are the path comparisons.
Bottom set: The second is using an inner glow or opaque stroke for light icons that will be exposed to multiple colours (such as OS X icons), rather than using a semi-transparent stroke that will keep them nice and sharp.
over 1 year ago
I remember discovering these things last year, changed the way I design small icons :)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter