I like buttons to feel like you could really push them and they'll actually move. Made the button "raised", added more of a shine, added a tiny bit of texture, moved text and arrow up 1px, gave it a "channel". Here's my PSD.
I made my adjustments assuming the colour scheme and general feel were to stay fairly similar, here were my changes (original on top, mine on the bottom):
• Moved the text and arrow up to vertically center
• Moved the text and arrow towards each other to center horizontally with the perceptual length of the button (rounded edges taken into account)
• Tiny adjustments to text to make vertical strokes stronger
• Made the gradient slightly less intense, and moved the center upwards to give more dimension
• Made adjustments to the highlights and shadows on the button, text, and arrow to give more dimension
• Darkened text to add a bit more contrast
• Added a tiny bit of noise to make the button more tactile
40 Responses (page 1 of 2)
This button is a product of obsession. But I know it can be better.
So... take this PSD: http://cargo.dustincurtis.com/improve_this_button.psd
Make it better. Then post a rebound or something.
over 1 year ago
Pro
Patrick Haney
Really, just a button? 224 views? I can't even begin to comment since I have no context here.
over 1 year ago
Pro
Chris Jennings
I like Sahil's arrow, but can't say the same for his humor ;)
over 1 year ago
Rebound
Headshot
by Michael Whalen
over 1 year ago
Pro
Michael Whalen
For the record, here is the link to the PSD of my version. Enjoi.
http://dl.dropbox.com/u/104495/whalesalad_improve_this_button.psd
over 1 year ago
Rebound
Chunkier and more "clickable"
by Sean Duran
I like buttons to feel like you could really push them and they'll actually move. Made the button "raised", added more of a shine, added a tiny bit of texture, moved text and arrow up 1px, gave it a "channel". Here's my PSD.
over 1 year ago
"This button is a product of obsession."
Is it part of a project you're obsessed with, or you're obsessing about the button itself?
over 1 year ago
@darrenhoyt Both, I think.
over 1 year ago
Move the text up a pixel
Probably lose the "cool" unless you feel it's super critical to the tone. Otherwise it's noise for the user trying to easily spot the primary action.
Spice up the arrow a bit. Low hanging fruit for making the whole thing a bit more interesting.
Consider mixed case, might give it a bit more importance. Again, I don't know the mood/tone you're going after.
---
I agree with Patrick that more context is needed for any feedback beyond that.
over 1 year ago
Rebound
Okay, Cool
by Matt Gist
teehee. JK, you did said "button".
over 1 year ago
Rebound
Improve This Button
by Joel Glovier
over 1 year ago
Rebound
Improved Button
by Youssef Sarhan
Top: Before
Bottom: After
Text & Arrow colour changed to: 003300
Text moved: up 1px right 1px
Arrow moved: up 1px
over 1 year ago
Rebound
Improve This Button
by Chris Rowe
over 1 year ago
Pro
Matthew Smith
Without context, I think any of us are simply designing with personal style. However all these buttons are also hhhot.
over 1 year ago
Rebound
Okay,Cool
by Aaron Moody
Not sure which to use for the Hover and Pressed states.
over 1 year ago
Pro
Trav
nudge the type & arrow up 1 pixel. done.
over 1 year ago
Rebound
... button
by Alex Boamfa
over 1 year ago
Pro
Andrew Fiorillo
must have seen the text being low...
This is like leaving the fly down on a really nice suit and asking a bunch of fashion designers what they think of your outfit.
over 1 year ago
Pro
Visual Idiot
FUCKING COMIC SANS IT.
over 1 year ago
Rebound
Okay, Cool
by Evan Dinsmore
I made my adjustments assuming the colour scheme and general feel were to stay fairly similar, here were my changes (original on top, mine on the bottom):
• Moved the text and arrow up to vertically center
• Moved the text and arrow towards each other to center horizontally with the perceptual length of the button (rounded edges taken into account)
• Tiny adjustments to text to make vertical strokes stronger
• Made the gradient slightly less intense, and moved the center upwards to give more dimension
• Made adjustments to the highlights and shadows on the button, text, and arrow to give more dimension
• Darkened text to add a bit more contrast
• Added a tiny bit of noise to make the button more tactile
over 1 year ago
Rebound
Cool Button
by Jason Kleist
Thumbs up?
over 1 year ago
I like the labeling. Maybe a reference to the band, "OK Go"
over 1 year ago
Rebound
Keep Cool
by Travis Hines
I like OK, okay?
over 1 year ago
Rebound
Improve This Button
by Kevin Dees
Well that was fun
over 1 year ago
Rebound
3D Button
by Sam Asante
Just added some more effects to give it some depth.
over 1 year ago