Working on something. Wishing Mad Men was back on already.
I used Marshall Bock's iPhone illo in this shot. The photo in the background is of a dirty caltrain window that I took with an olloclip.
about 1 year ago
An arrow on an arrow shaped button..
Here is two suggestions to avoid this:
- remove the arrow icon and label the button with the title of the prev. page or,
- change the shape of the button to a rectangle
Having an arrow icon on an arrow shaped button is like the inception movie. A dream within an another dream..
Other than that, it looks yummy.
@Farzad Ban That actually doesn't disturb me that much. It clearly symbolizes 'Back'. I understand it may be weird for some, but not at all for me. :)
@Morgan Allan Knutson Love it. Nice colors, it's smooth and simplistic. Maybe a tad faded for me. I'd add some contrast on the characters elements. Other than that, badass.
I'm just glad its not a picture of an iphone and a real shot.
+1 for not being a trendwhore.
I really like it, and also the back button!
Very nice, love the smoothness & colors scheme !
Needs a bit more contrast in my opinion but it's definitely a great design
Farzad, let me preface with this by mentioning this shot is experimental and is at the very beginning stages.
I aim to make the app so minimal that it renders a contextual back button superfluous.
I can see why you're annoyed at an arrow within an arrow, but I'm elated for the same reason. Why wouldn't an arrow be on an arrow shaped icon?
For now, I think it's pretty cool. You're welcome to change my mind.
And as I replied on twitter to yah "I don't like the word 'back'. I prefer a tiny icon that contours to the shape of a button. I think it's elegant."
Love the soft feeling!
@Morgan Allan Knutson
Take a look at Neven Mrgan's post regarding labeling the back button. I think it pretty much covers everything that needs to be said.
absolutely gorgeous mate.
But, @Farzad Ban, he even recognizes an arrow in a back button as a viable option. Neven actually points out the exact reason I've chosen as his justifiable use case.
Looks great, I agree with the others - pump up the contrast slightly (I'm one to talk, my contrast is usually pretty low..).
Re: Back button. Hard to say without knowing the IA of the app, but I don't see why having an arrow in there is doing any harm if the app is just like you said - minimal.
i think the back icon fits, it looks great tbh
@Morgan Allan Knutson I know but for me labeling the button with "Back" or an left-arrow icon is the same. The arrowed shaped button already explains that by clicking on it, it takes you back to the prev. page. So having an arrow within it is just not a smart decision imho.
Facebook avoided this by having an arrow icon within a rectangle shaped button which I think is the right direction to take here if you don't want to label the button to prev page title.
@Farzad Ban :P
Imma join in on the back button discussion, to me it feels out of place cus there's much room in the button now, compared to the button on the right, also the space between the back and the middle label is not the same as the space between the middle label and the right button, but that's just being nit picky ^^
Maybe if the arrow followed the button a bit more, having a square on the right of the arrow making it a bit fatter to fill the space.
But in the end it's all about how you want it, I guess were just giving some feedback lol
@Pedja Rusic You are just as much right as you are a goofball. It's got way too much junk in the trunk.
nice, very clean
Looks really nice. Love the style. The back button is fine — have you considered it to make it a bit wider to make the tappable area larger? I'm so used to wide back-buttons.
I love it, great colours, great atmosphere. Just don't like the arrow in back button, maybe I would use the whole arrow.
And I would make lines and buttons with 2px strokes and lines, because it looks much nicer making it friendly in iOS retina devices.
Looks pretty cool, just wanted to second Jan Vu Nam's comment about the lines/strokes not being "retina-friendly". Viewing this screen on an iPhone 4 would have really, really thin lines, and using 2px strokes (or at least 1.5px strokes where the second pixel is semi-transparent, Apple does this in most of their @2x graphics) is a key part of designing for retina displays. Just something to keep in mind!
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