60 horizontal navigation bar design inspiration

60 horizontal navigation bar inspiration

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

blacksitegame.com
 

ridgeracer7
 

Crysis
 

drift.ijji.com
 

GRAW2
 

huxley.co.kr
 

importtunerchallenge.com/
 

kart.nexon.net
 

Mass Effect
 

newgrounds.com
 

nfs carbon
 

PGR Nation
 

Ray City
 

starcraft2.com
 

Swype Out
 

Test Drive Unlimited
 

TimeShift
 

codemasters.com/turningpoint
 

unrealtournament3.com
 

Xiah
 

Non Games Site

3dsunfilm.com
 

alegodesign.net
 

a-sign.ch
 

A V P R
 

bluri.com
 

boukarabila.com
 

cakeadoodledo.co.uk
 

clik-fx.com
 

cndiv.com
 

detrans.com.ve
 

dibato.pt
 

digitmotion.com
 

dlanham.com
 

e-motionlab.com
 

godskitchen.com
 

jeoleos.com.br
 

knoxville.org
 

larissameek.com
 

macthemes2.net
 

mochiads.com
 

prartweb.com
 

rockherk.be
 

theskinsfactory.com
 

2006.sndk.no
 

thespaniardbar.com
 

spectreperformance.com
 

ungarbage.com
 

wyburzenia.pl
 

yeechino.cn
 


 

From DeviantArt

Assembly_Summer_2007_by_Mellikki
 

C_RANGE_Layout_by_ejsing
 

Echelon_Skin_by_DemonDan666
 

eQualize_Layout_by_stARNix63
 

Kavern_v4_by_frozenration
 

ParaSigns_by_fee3R
 

Shine_Layout_by_ejsing
 

Spacer_Lounge_by_the_danzor
 

Superleggera_by_venom1209
 

Tuner_Show_Racer_by_vica
 

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 :D.

Similar Posts:
Powered by Shutterstock

Comments