Tool Bar Gradients

Thursday, April 5th, 2012

Okay, so “Tool Bar Gradients” doesn’t sound exciting, but it’s an important concept, which has been grasped and used by a whole bunch of multi billion dollar companies, including Google, Twitter and Facebook.

Facebook:
Google:
Twitter:
By toolbar I mean the little bar used for navigation at the top of the page. And if we look very very closely at these toolbars we can see some reoccurring tricks which the big shots use make their websites look neat, clean and together.
Some extreme toolbar close ups:
Facebook:
Google:
Twitter:
At the bottom of each title bar you’ll notice that there is a dark line which marks the end of the bar. Just underneath this, you can see that a shadow has been drawn on, making the title bar appear distinguished from the rest of the page.
All of the cool kids are doing it. Just take a look at the wordpress toolbar:
Close up:
If you use this $5 trick, it’s a part of making your site look a million bucks.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: