Deviation Actions

mattdanna's avatar

User Interface Button Kit

Published:
By
27 Comments
7K Views
Here's a user interface button kit that I made for a side project. I thought I'd share because other people might find it useful.

---
Update: Added in more UI elements...more to come! :B
Image details
Image size
479x884px 270.68 KB
© 2012 - 2021 mattdanna
Comments26
Join the community to add your comment. Already a deviant? Log In
SwordTiger8888's avatar
cool.  inspiration  for websites... hmmm.
NoxNo's avatar
Tea-Doq's avatar
1. I know this is old
2. That's rude
3. It's cheap - $1.50 or 150 points.
jonniedee's avatar
Very nice, Matt!
awesome design indeed.
Nordeva's avatar
They look so good! .3.
Can we use this in our deviantart's main profile page? :?
Astrikos's avatar
This is fantastic. Elegant and well made. :la:
AngelheartTheWarrior's avatar
Wow! When I have more point's I'll buy this.
k-eesri's avatar
I couldn't stop laughing. This is really cool! I loved how you did this! :)
ValentineRain's avatar
This is very clean and sexy. :eager:

One question, though. All of you buttons seem to use the "grayed when pressed" idea to show when something has been selected. This works out really well because it lends to the illusion of a button being physically pressed down in a virtual space when selected. Why then is your checkbox reversed? The empty, presumably default checkbox is grayed, and the check appears in the non-pressed box instead. This is counter to the rest of the buttons, in that if a user wants to enable a thing, they have to click on the grayed out box to ungray it and change the button to its "presssed" state.

In the grand scheme of things this is a teeny tiny nitpick. I was just wondering if you did that on purpose (with the idea that "checked" is actually the default) or if it just wasn't considered important.
Either way, keep up the great work!
iresol's avatar
KovoWolf's avatar
Beautiful and slick :)
jvsef's avatar
:la: Looks great!
MathieuOdin's avatar
High resolution or pixel perfect ? :D
mattdanna's avatar
Woops. Fixed the preview image.
MathieuOdin's avatar
It's better :D Thanks ;)
Nick356's avatar
Nice! Did you use photoshop? and if so, how did you get it at such a high resolution?
mattdanna's avatar
Yup! It's just Photoshop and the canvas has a resolution of 72 dpi (standard for monitors).
iYoonaRawrx's avatar
Join the community to add your comment. Already a deviant? Log In