Buttons should look and feel natural/familiar (and delightful!) to interact with. Everything from the level of affordance they get, to the way they respond to a hover (the digital version of a tactile interaction), to the way they respond to a click needs to be cared for.
Here, on hover, the button changes colour subtly but enough to provide the visual feedback needed. On click (:active), we've used an inset shadow along the top and a 1px drop of the button label to convey the sense that the button gets pushed into the surface.
Clicking this baby is addictive!
keyboard shortcuts: ← previous shot → next shot L or F like Z toggle zoom
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–2015 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.