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.
112,777,883,060 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
26 Responses (page 1 of 2)
Pro
Bill Labus
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.
12 months ago
If only it was real.
12 months ago
Pro
Jared Sinclair, RN
How will you adjust the button for the highlighted state?
12 months ago
Pro
Bill Labus
@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!
12 months ago
Pro
Marco Moreno
Wow @Bill Labus this is amazing! So I take it you are for skeuomorphic ui? XD
12 months ago
Pro
Mitchell Bernstein
Really awesome work. Looks very "comfortable" to use. Can't wait
12 months ago
Pro
David Kovalev
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!
12 months ago
Pro
Jared Sinclair, RN
@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.
12 months ago
Pro
Gav Hoffman
This is beautiful, well done!
12 months ago
Awesome use of textures and color, very wel done!
12 months ago
Looks great! Where did you get that texture from?
12 months ago
Pro
Muhammad Ali Effendy
Perfect!
12 months ago
oh gosh, this looks amazing
12 months ago
Pro
Bill Labus
Thanks all!
@Coen van Hasselt ◕‿◕ Subtle patterns I believe.
12 months ago
Pro
Bruno Felicio
very detailed. nice.
12 months ago
Pro
Kartik Mahant
This Rocks Dude.
12 months ago
Pro
Eric Hoffman
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!
12 months ago
Pro
Otto Greenslade (Chaotic)
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 ;)
12 months ago
Pro
Trent McBride
Pretty amazing! So much detail in that stitching! Nice work!
12 months ago
Pro
Joel Reid
Looks great!
12 months ago
Very nice @Bill Labus
12 months ago
Pro
Paulina Solis
WOW
12 months 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.
12 months ago
simply nice!
12 months ago
Pro
Eddie Lobanovskiy
dope!
11 months ago