Download button

7 Responses

1. Pro Guido Bouman

   Second teaser for the UnityPHP project. It's an open source PHP framework available on GitHub.

   Here's the good news: Because the project is open source, my design will be open sourced too! So, when it's done I'll attach it to the final shot.

   Follow me for more updates on this awesome project.

   12 months ago

2. Yassine Bentaieb

   Looks good. The button doesn't really look clickable though, maybe reverse the lighting (gradient)?

   1likes

   12 months ago

3. Pro Eelco Guntlisbergen

   Love the blue but i have to agree with @Yassine Bentaieb. The button seems pressed already. Love the background though. Personally i would change the color of the button so that it stands out a bit more..

   1likes

   12 months ago

4. Pro Guido Bouman

   Thanks for the feedback guys!

   I tried that out earlier, but decided to go for this style. When you see the full design I think it's quite clear that you can press the button to download the tool.

   Design is in my opinion supposed to serve the content & message sent out. A button doesn't always need a specific gradient to be able to tell if it's clickable or not.

   Take for example the new build site. (http://2012.buildconf.com/) The top button doesn't have a gradient and uses minimal text, but you instantly know it's a button, or at the very least a clickable object or link.

   12 months ago

5. Yassine Bentaieb

   It's not about what gradient you use, if you use a flat button there is no problem. But with this button the lighting comes from below, which isn't consistent with the shadow of the text you have in the header. Just my opinion, but if you reverse the gradient it would seem more clickable, now it seems like it's in a pressed state.

   2likes

   12 months ago

6. Pro Eelco Guntlisbergen

   minimalism = perfect, but you aren't working minimal on that button. You're using a gradient, but the opposite way which makes it look like it's pressed.
   The example you showed doesn't use gradients at all so this way a background color and a small radius make it easy to recognize it's a button. It sure is obvious that it's a button, but i'm just saying the direction of the gradient needs to be reflected :p

   1likes

   12 months ago

7. Download button v2 As per popular request: A more button-ish feeling. =] The more I look at it, the more sense it does make in the end. (Thanks for the extensive feedback @Ya...

   Rebound

   Download button v2

   by Guido Bouman

   As per popular request: A more button-ish feeling. =]

   The more I look at it, the more sense it does make in the end.

   (Thanks for the extensive feedback @Yassine Bentaieb & @Eelco Guntlisbergen)

   • 2
   • 3
   • 286

   12 months ago