60 horizontal navigation bar design inspiration
14.12.07Filed Under: Inspiration, Web Design
Horizontal navigation bar is one of the basic elements of web design. It occupy less space and grouping the menus horizontally can make page navigation easier too. Plus, it can be customize to be fitted to any kind of designs, from clean and sleek to retro wooden style. Here, I presented you 60 good looking horizontal navigation bar designs that I collected through out my web design research.
I found out that games related sites especially online games utilized horizontal navigation bar, because it can display the menus without using a large space. Navigation bars that build using flash can have cool rollover animation, however horizontal bar also achievable by using CSS list style and rollover effects if you know the ever popular sliding door effect. But in here, I won’t talk about the technique but pure beauty of navigation bar design for your design inspiration and reference. I separated into 3 categories: games related, non games related and good design examples from DeviantArt.
Games Site
Non Games Site
From DeviantArt
Basically this is it. There is more good examples over Cool Home Pages as well as Design Snips. If you have other great horizontal navigation bar design examples, feel free to inform me and I will add it up there 
.
Simply beautiful. Thanks for sharing. Always wanted to create something like that, but I don’t have any good ideas. Creating such bar (design), is Photoshop enough? or need Illustrator too?
December 15th, 2007 at 11:36 am@Apple:
Well, if you think that illustrator can handle the thing better, why not? You can do the basic shape in illustrator and export to photoshop to do the styling and so on.
December 15th, 2007 at 5:51 pmhey Jayhan, nice and well explained about the navigation bar. Well… u went to CF at Sunday? Y dunt u post some of ur photos in ur blog?
thx for linking back my blog.. however can i know how u found my blog? coz i m nt active in that.. and i put ur link there coz i like ur posts about design and japan…
nice to meet u anywhere~^^
December 17th, 2007 at 7:22 pmHi Wee09, as stated in my comment in ur blog, my pictures ain’t good, im so sad for it. And I’m not shooting people alot, but concentrated on those figurines XD, perhaps i will post some in Lowyat.net. There’s is a cosplayer quite pretty, like her^^.
and thanks, i’m really appreciate that you like my posts. And how I found you? This is because I check my site’s incoming traffic URL, and I found your blog
.
Nice to meet you too!
December 17th, 2007 at 10:57 pm[...] 60 horizontal navigation bar design inspiration [...]
December 22nd, 2007 at 6:00 pm[...] Web Site Alegodesign Banyak Direview oleh beberapa web international antara lain adalah : Design melt down : The Design Element Noupe.com : 70+ Visually Impressing Header Graphics Jayhan.com: 60 horizontal navigation bar design inspiration [...]
February 12th, 2008 at 1:18 pmWebsite Interfaces and navigations
April 9th, 2008 at 3:18 pmWow, I was just looking for cool navigation bar designs and I reached here. Got a huge collection of navigation bars
Thanks for sharing.
July 28th, 2008 at 3:20 amИ мне понравилось…
August 3rd, 2008 at 11:58 amThanks for sharing this designs.
I believe I’ve seen an article with same concept as yours about a year ago.
September 28th, 2009 at 11:13 pmHey, what web log platform are you using? It looks great.
March 20th, 2010 at 1:21 amHi Lawrence, I’m using the popular WordPress as the platform.
March 22nd, 2010 at 9:14 pm