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.
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.
@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.
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.
@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!
28 Responses (page 1 of 2)
Pro
Jeff Broderick
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
4 months ago
Pro
Jeff Broderick
@Alden Thanks for the feedback. I was going for stock Apple, but I'll try to beef up the fingers a bit.
4 months ago
Pro
Haziq Mir
Flawless @4x. Nice work!
4 months ago
Me gusta.
4 months ago
Pro
Tyler Galpin
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.
4 months ago
Pro
Jeff Broderick
@Tyler Yeah man, wondered about those guys. I'll remove them. Thanks!
4 months ago
Pro
Alexander Haniotis
Awesome! I would simplify the gears even more.
4 months ago
Pro
CJ Melegrito
@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.
4 months ago
Why did you use the old ugly and spikey gears?? :P
4 months ago
Pro
Rok Benedik
Have you tried inverting them? (White pictogram on a black base) Other than that, they look really good.
4 months ago
Pro
Johnny Waterman
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.
4 months ago
Pro
Luke Etheridge
Love those flat icons bud, really nice indeed!
4 months ago
Pro
Patrik Inzinger
Super sweet! But I'd use the original settings icon - the spikes always made me hate my iPhone :D
4 months ago
Pro
Gustav Ågren
Nah, not my favorite shot, yo can do better!
4 months ago
Pro
Matt Helm
Nice!
4 months ago
Pro
Roy Abbink
I don't like the settings icon. It just doesn't work when it's so flat.
4 months ago
Pro
Paul Farino
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.
4 months ago
@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.
4 months ago
Pro
Jamie Heuze
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 :)
4 months ago
Pro
Jake Desaulniers
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.
4 months ago
Pro
David Keegan
@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.
4 months ago
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!
4 months ago
Pro
Robert Padbury
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.
4 months ago
Pro
Guillaume Gaubert
I like the style, though I would darken the border stroke and drop shadow of the navigation arrow to increase contrast a bit.
4 months ago