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.
over 1 year ago
If only it was real.
How will you adjust the button for the highlighted state?
@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!
Wow @Bill Labus this is amazing! So I take it you are for skeuomorphic ui? XD
Really awesome work. Looks very "comfortable" to use. Can't wait
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!
@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.
This is beautiful, well done!
Awesome use of textures and color, very wel done!
Looks great! Where did you get that texture from?
oh gosh, this looks amazing
@Coen van Hasselt ◕‿◕ Subtle patterns I believe.
very detailed. nice.
This Rocks Dude.
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!
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 ;)
Pretty amazing! So much detail in that stitching! Nice work!
Very nice @Bill Labus
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.
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