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.
120,932,877,205 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
26 Responses (page 1 of 2)
An evolution of my previous concept app for accepting card payments. This will be turned into a more full-featured app and released on the App Store.
Also check out the full-size attachment for real pixels.
about 1 year ago
If only it was real.
about 1 year ago
How will you adjust the button for the highlighted state?
about 1 year ago
@Jared Sinclair, RN Funny, was just experimenting with that now. Reversing the gradient seems to provide a more tactile feel to match the skeuomorphism. But of course I'm open to suggestions!
about 1 year ago
Wow @Bill Labus this is amazing! So I take it you are for skeuomorphic ui? XD
about 1 year ago
Really awesome work. Looks very "comfortable" to use. Can't wait
about 1 year ago
nice job man! lookin' clean. Loving the stitch work and texture. The add card button color seems to be too vibrant in the attachment, maybe hue it down a bit? Great job though!
about 1 year ago
@Bill Labus I don't there's any right or wrong approach. Overall I think a variation on the iOS method is usually the most satisfying, and the most tactile.
By "iOS method" I don't mean the glassy look, so much as the depth effects; iOS navbar buttons and App Store buttons have an etched bottom highlight, not a drop shadow, as if the button is set inside of a little space carved out especially for it. It makes it easier for the button to "sink in" deeper, behind the plane, when it's tapped.
When a button has a drop shadow, as you do above, the normal state looks great: saturated colors, nice contrast between the button and the leather because of the shadow. But it creates problems for the highlighted state. It would be unnatural for the highlighted state to use an etched bottom highlight when the normal state doesn't. So what's the alternative? Most of the time, designers just make this kind of button look darker and flatter, leaving the drop shadow untouched. They might also make the drop shadow slightly thinner and lighter.
This is longwinded, but I like thinking through these kinds of things. I'm interested to see what you think. Perhaps you can teach me something much cooler than I've tried before.
about 1 year ago
This is beautiful, well done!
about 1 year ago
Awesome use of textures and color, very wel done!
about 1 year ago
Looks great! Where did you get that texture from?
about 1 year ago
Perfect!
about 1 year ago
oh gosh, this looks amazing
about 1 year ago
Thanks all!
@Coen van Hasselt ◕‿◕ Subtle patterns I believe.
about 1 year ago
very detailed. nice.
about 1 year ago
This Rocks Dude.
about 1 year ago
This is looking really good! One thing I think needs a tad bit of love is the pouch with the call to action on it. It seems to have a very hard divided line on it. I would soften that border and tone down the highlight near the top. Does that make sense?
I still think this is great though!
about 1 year ago
Loving the colour of leather you've selected. Had you considered it gaining a patina the more you use it. An idea I've been considering for some time ;)
about 1 year ago
Pretty amazing! So much detail in that stitching! Nice work!
about 1 year ago
Looks great!
about 1 year ago
Very nice @Bill Labus
about 1 year ago
WOW
about 1 year ago
That stitching is just amazing. I would have never thought of introducing a subtle angle but it's one of the things which make the stitches look so real! Well done.
about 1 year ago
simply nice!
about 1 year ago
dope!
about 1 year ago