This is HOT man. Love the user of texture and shadowing. Really gives it a lot of dimension. Arrows could be a quick fix to make it look even hotter. SWOOSH!
Nice stuff Brian. You're use of subtle texture always makes me green with designer envy ;)
I agree with Rogie. It would be cool to see the same sort of arrow-in-circle as we can see in the orange button. Might add just an extra bit of continuity?
Transition from the 3 buttons/tabs (?) to the list on the right could use more contrast. The shadow is so close in tone to the color of the buttons/tabs that I think doing any one of the following would go a long way:
- Darken the shadow
- Darken the color on the buttons/tabs
- Add a 1px inset vertical highlight to the right side of the buttons/tabs
Matt,
Thanks man. I took Rogie and your advice with the continuity of the circle/arrow. Much improved.
Phil,
As always great recommendation. I added the 1px inset highlight and darkened the shadow by 10%. Definitely helps to create separation on the tabs and overall improves the entire experience of that box. Thanks buddy.
Yep, Phil has got it right. Although I think it depends on the rest of the elements on the page. If you want to differentiate it's meaning, I would use a different arrow style. For instance, the orange button may reload a page, but these buttons may just cause a jQuery effect. Maybe you have the right arrows, they are just a little too wide. Try something like in this only smaller, maybe?
Phil you rock, Rogie you rock, Brian, I suck. Goodbye (AOL noise).
Brian, yeah, I've had a few suggestions from people saying I should try my hand at design. I don't know though. I always thought designers were balding opinionated jocks with Woody Allen glasses and stubbled facial hair. Also, I think I would suck at it — I've got no style. I'm a redneck from the hills of Montana.
Can you post a rebound? I'd love to see the selected tab look more pressed in. I think the suggestions so far have already pushed it in this direction.
15 Responses
Pro
Patrick Algrim
This is HOT man. Love the user of texture and shadowing. Really gives it a lot of dimension. Arrows could be a quick fix to make it look even hotter. SWOOSH!
almost 2 years ago
Nice Brian. I like the color pallet, and that orange button is quite eye-catching!
almost 2 years ago
Pro
Rob Alan
I like the colors. Warm n' fuzzy.
almost 2 years ago
Pro
Brian Hoff
Patrick,
Any suggestions for the arrows? Thanks for the kind words all around though ;)
almost 2 years ago
Pro
Rogie
Sexy stuff Hoff. I suggest using the same in-circle arrow style for those arrows as you used on the submit button, only larger.
almost 2 years ago
Pro
Brian Hoff
Rogie,
You sir are a genius. Anyone ever mention in passing that you should try your hand at being a designer. ;) Thanks for the recommendation man.
almost 2 years ago
Pro
Matt Ward
Nice stuff Brian. You're use of subtle texture always makes me green with designer envy ;)
I agree with Rogie. It would be cool to see the same sort of arrow-in-circle as we can see in the orange button. Might add just an extra bit of continuity?
almost 2 years ago
Pro
Phil Coffman
Transition from the 3 buttons/tabs (?) to the list on the right could use more contrast. The shadow is so close in tone to the color of the buttons/tabs that I think doing any one of the following would go a long way:
- Darken the shadow
- Darken the color on the buttons/tabs
- Add a 1px inset vertical highlight to the right side of the buttons/tabs
almost 2 years ago
Pro
Brian Hoff
Matt,
Thanks man. I took Rogie and your advice with the continuity of the circle/arrow. Much improved.
Phil,
As always great recommendation. I added the 1px inset highlight and darkened the shadow by 10%. Definitely helps to create separation on the tabs and overall improves the entire experience of that box. Thanks buddy.
almost 2 years ago
Pro
Patrick Algrim
Yep, Phil has got it right. Although I think it depends on the rest of the elements on the page. If you want to differentiate it's meaning, I would use a different arrow style. For instance, the orange button may reload a page, but these buttons may just cause a jQuery effect. Maybe you have the right arrows, they are just a little too wide. Try something like in this only smaller, maybe?
Phil you rock, Rogie you rock, Brian, I suck. Goodbye (AOL noise).
almost 2 years ago
Pro
Patrick Algrim
I must have edited that last comment 5 times and it's still not right. You know what I am saying. #fridayyet?
almost 2 years ago
Pro
Rogie
Brian, yeah, I've had a few suggestions from people saying I should try my hand at design. I don't know though. I always thought designers were balding opinionated jocks with Woody Allen glasses and stubbled facial hair. Also, I think I would suck at it — I've got no style. I'm a redneck from the hills of Montana.
almost 2 years ago
Pro
Morgan Allan Knutson
Can you post a rebound? I'd love to see the selected tab look more pressed in. I think the suggestions so far have already pushed it in this direction.
Can't wait to see it!
almost 2 years ago
Rebound
Mit rebound
by Brian Hoff
almost 2 years ago
Pro
Matthew Smith
Liking this stuff. Well done.
almost 2 years ago