HOME | DD

Published: 2012-06-27 21:26:28 +0000 UTC; Views: 8563; Favourites: 154; Downloads: 0
Redirect to original
Description
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!
Related content
Comments: 26
Creativesm75 [2017-01-19 09:54:19 +0000 UTC]
cool. Β inspiration Β for websites... hmmm.
π: 0 β©: 0
Tea-Doq In reply to MonsterMMORPG [2014-11-04 21:34:55 +0000 UTC]
1. I know this is old
2. That's rude
3. It's cheap - $1.50 or 150 points.
π: 0 β©: 1
Nordeva [2012-11-04 11:12:44 +0000 UTC]
They look so good! .3.
Can we use this in our deviantart's main profile page?
π: 0 β©: 0
AngelheartTheWarrior [2012-09-07 23:12:38 +0000 UTC]
Wow! When I have more point's I'll buy this.
π: 0 β©: 0
k-eesri [2012-08-24 21:46:12 +0000 UTC]
I couldn't stop laughing. This is really cool! I loved how you did this!
π: 0 β©: 0
ValentineRain [2012-08-05 23:00:12 +0000 UTC]
This is very clean and sexy.
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!
π: 0 β©: 0
mattdanna In reply to MathieuOdin [2012-07-20 22:30:52 +0000 UTC]
Woops. Fixed the preview image.
π: 0 β©: 1
Nick356 [2012-07-13 11:56:08 +0000 UTC]
Nice! Did you use photoshop? and if so, how did you get it at such a high resolution?
π: 0 β©: 1
mattdanna In reply to Nick356 [2012-07-20 23:25:40 +0000 UTC]
Yup! It's just Photoshop and the canvas has a resolution of 72 dpi (standard for monitors).
π: 0 β©: 0
TheRyanFord [2012-06-28 16:09:01 +0000 UTC]
Why is the top-left "Red" in helvetica, but the other Reds look like Arial?
π: 0 β©: 1