HOME | DD

mattdanna β€” User Interface Button Kit

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

NoxNo [2014-03-10 09:08:05 +0000 UTC]

niiiice

πŸ‘: 0 ⏩: 0

MonsterMMORPG [2013-07-18 01:31:39 +0000 UTC]

Flagged as Spam

πŸ‘: 0 ⏩: 1

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

MonsterMMORPG In reply to Tea-Doq [2014-11-04 21:51:36 +0000 UTC]

Flagged as Spam

πŸ‘: 0 ⏩: 1

Tea-Doq In reply to MonsterMMORPG [2014-11-04 21:54:13 +0000 UTC]

Ok ?

πŸ‘: 0 ⏩: 0

jonniedee [2013-06-17 23:27:47 +0000 UTC]

Very nice, Matt!

πŸ‘: 0 ⏩: 0

tanicos [2013-02-06 11:07:33 +0000 UTC]

awesome design indeed.

πŸ‘: 0 ⏩: 0

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

MetroGamerX [2012-10-25 17:35:52 +0000 UTC]



πŸ‘: 0 ⏩: 0

Astrikos [2012-09-10 23:16:46 +0000 UTC]

This is fantastic. Elegant and well made.

πŸ‘: 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

iresol [2012-07-27 09:23:09 +0000 UTC]

Hello!
[link]

πŸ‘: 0 ⏩: 0

iresol [2012-07-27 09:21:47 +0000 UTC]

Very Good!!

[link]

πŸ‘: 0 ⏩: 0

KovoWolf [2012-07-21 03:42:23 +0000 UTC]

Beautiful and slick

πŸ‘: 0 ⏩: 0

jvsef [2012-07-20 22:35:02 +0000 UTC]

Looks great!

πŸ‘: 0 ⏩: 0

MathieuOdin [2012-07-20 22:25:43 +0000 UTC]

High resolution or pixel perfect ?

πŸ‘: 0 ⏩: 1

mattdanna In reply to MathieuOdin [2012-07-20 22:30:52 +0000 UTC]

Woops. Fixed the preview image.

πŸ‘: 0 ⏩: 1

MathieuOdin In reply to mattdanna [2012-07-20 23:22:40 +0000 UTC]

It's better Thanks

πŸ‘: 0 ⏩: 0

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

iYoonaRawrx [2012-07-10 20:04:09 +0000 UTC]

how to use?

πŸ‘: 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

mattdanna In reply to TheRyanFord [2012-07-20 22:22:42 +0000 UTC]

Fixed.

πŸ‘: 0 ⏩: 0

bradleysays [2012-06-28 00:36:46 +0000 UTC]

This is fantastic! Thanks for sharing.

πŸ‘: 0 ⏩: 0

PurpleQuasar [2012-06-27 21:29:10 +0000 UTC]

Superb!

πŸ‘: 0 ⏩: 0