One of the first things to do when planning out a new website is to work out all of the content that will be in the site. You then divide that up into sections and then into various levels of navigation.
The result is a boring list of links.
That list of links is one of the most important part of your website though, it goes without saying that every visitor to the site will be using them to get around.
In this post we’ve pulled together some of the best designed navigation bars (both horizontal and vertical) to help give you ideas to enhance your own.
A beautiful minimalist menu with fast colors and a compact design.
Sleek looking tabs with drop shadow and a beautiful background pattern.
iPhone style menu for an Iphone app.
Simple, compact and sleek.
Light colors and creative symbols make this menu stand out from the crowd.
Solid colors and simple MouseOver effects make this menu pretty.
A nice multi-colored menu. The tiny green car indicates the current page.
A beautiful black and white themed menu with block fonts.
A simple menu with beautiful contrasting colors.
Another simple, light-colored design with unique tabs.
A black-and-white menu with a transparent effect.
A simple multi-line menu with soft blue colors.
A classy example of a minimalist multi-line menu.
Wide tabs and simple fonts give this menu a pretty sophisticated look.
Another multi-line menu with a great color scheme.
A truly dynamic menu. A thumbnail pops up every time you hover on a menu item.
A cool multi-line menu with the traditional underline effect.
Wide tabs and simple colors.
Another wide-tabbed menu with a transparent effect.
Refreshing use of numbers with each menu item.
Chalk-on-blackboard effect makes the menu casual yet creative.
Another great menu with elegant fonts and nice contrasting colors.
A really creative and unique menu for a DJ.
Pretty colors, elegant fonts and light effects.
Another creative menu with a nice casual look.
Each item in the menu is of a different color when you mouse over it. Really creative and fun.
Another casual sticky-note style menu.
One of the most elegant menus. Nice use of bullets in a minimalist design.
An expandable vertical menu with lots of colors.
A casual arrow and a circle indicates the current page. The casual font also adds to the beauty of this menu.
Every item in this vertical menu turns a different color when you mouse over it.
A black-and-white vertical menu in the shape of a post card.
An elegant, multi-line vertical menu.
Sophisticated fonts and a transparent effect make this menu stand out.
A colorful menu with extra large fonts and symbols.
Another multi-line menu with a nice textured background.
A casual menu with a notebook effect.
Simple and elegant.
A highly dynamic menu with great effects and contrasting colors.
Another vertical menu with a transparent effect.
Your Favorite Menus
Every site on the internet has its own menu, which means it’s simply impossible for us to even come close to finding all of the amazing menu designs out there.
What sites have you visited with a menu so nicely done, that you actually paused to look at it?