We have been working really hard on a new app from Collective Ray which requires Location Services.
We needed an solution for when Location Services has been disabled. So I re-created the steps (in icon form). These icons are super close to native (with a bit of the app's personality).
I started off making the top ones because I thought they would look cool...they do, but they look like buttons to tap, and that's not what we want. So, I went with a flatter version.
This is retina, so, the @2x is actually @4x.
What do you think?
4 months ago
Fingers maybe a tad too skinny on the flat version of the hand, methinks
@Alden Thanks for the feedback. I was going for stock Apple, but I'll try to beef up the fingers a bit.
Flawless @4x. Nice work!
Looks great. Though I would nix the little tiny specks of white that show through on the gears when they cross. Some points where the corners intersect and leave a couple awkward jagged edges.
@Tyler Yeah man, wondered about those guys. I'll remove them. Thanks!
Awesome! I would simplify the gears even more.
@Jeff Broderick I think what @Alden Haley means is that the fingers on the bottom version of the privacy icon look visually thinner than the ones up the top — in that the shadows up the top give it a slightly 'depth-ed' feel. If you know what I mean.
But I like it like how it is. It's perfect. AND YAY @4X.
Why did you use the old ugly and spikey gears?? :P
Have you tried inverting them? (White pictogram on a black base) Other than that, they look really good.
Looks good, the spikes don't seem to work as well when they are inverted on a white background. It reads more like a spike wheel than a cog/gear.
The fingers look skinnier because it's dark surrounded by white. The white is pushing the darker hand inward and the dark hand recedes. While the original top one, the white pushes outward, making your eye thinking it's bigger, the stroke helps too. That's the issue with dark foreground elements and light background elements, it's a push and pull relationship.
Love those flat icons bud, really nice indeed!
Super sweet! But I'd use the original settings icon - the spikes always made me hate my iPhone :D
Nah, not my favorite shot, yo can do better!
I don't like the settings icon. It just doesn't work when it's so flat.
Looks great. I would even look at the Cog Icon (http://thenounproject.com/noun/gear/#icon-No6052) as a possibility. Making everything single elements - might look clean.
@Jeff - Yeah I hear you man, I just think the stroke on the styled Apple version gives the fingers a little more perceived weight that is lost in the flat version.
I like the flat style but for me the spikes on the gears are not working they look a bit dangerous :P and yeah I agree with @Alden Haley about the hands. I'm not sure if the arrow 'visually' sits too high also. I really like the way your heading with these though :)
I think your execution is great, but I'll echo the sentiments of the "spike-y" settings icon not being as nice looking as the newer one that has replaced it.
I also think the hand icon is okay as is, because at smaller sizes the separation between fingers will end up making it look nicer.
@Jeff Broderick @Alden Haley I agree about the fingers. They look great in the top icon with the stroke, but without the stroke they are too skinny. Maybe just add the stroke back, but with the same color as the hand so you don't have to redraw the shape.
I would change the gears to have more rounded spikes to not only match the new icon in iOS, and because it's a bit easier on the eye (especially on the flat version). The fingers also look a bit too skinny in the flat version. Perhaps that could be modified too? Looking good so far!
This is cool Jeff, but I really wish you told me where you worked and linked to it, so that the name renders in bold.
I like the style, though I would darken the border stroke and drop shadow of the navigation arrow to increase contrast a bit.
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