Innovative and Creative Navigation Menu, Part 2
Oggi facciamo una panoramica reltiva al design dei menu, molto importanti perchè permettono agli utenti di muoversi all'interno di un sito, devono essere progettati facendo molta attenzione all'accessibilità, all'usabilitò, allo stile e alla rilevazione dei singoli collegamenti da parte degli spider dei motori di ricerca. Buona visione e ricordate di lasciare i vostri commenti o le vostre segnalazioni.
Today we show you more than 40 innovative and creative Navigation Menu, sorted by category.
Sidebar Navigation Menu
Features: elegant, clean.
gabbo.cz/graficke-studio.html
Features: good use of margins.
23andme.com
Features: Sliding Menu (JS powered)
concentric-studio.com/work/dealbreaker/?nav=2
Features: one color for each menu
ministryofsound.com
Features: Simple text + images
rubytuesday.com/
Features: Minimalistic vertical tabs
districtsolutions.co.uk/candidates/
Horizontal Navigation Menu
Features: Rounded tabs + shadow effect
codegreene.com
Features: gradient effect from left to right
veer.com
Features: Images including text
twitterlane.co.uk
Features: jQuery used for the cascade effect. Clean design and easy to use.
inkd.com/default
Features: transparent cool navigation menu
evaneckard.com
Features: an other design paper based
jobs.webdesignerwall.com
Features: hover effect on tabs
simplebits.com
Features: clean and big design + helps user
clearleft.com
Features: big images used in this navigation menu
cosmicsoda.com
Featues: cool JS effect in hover state
weathervanefoundation.org
Features: cascade expanded menu when cursor on single tabs
creative-exposure.co.uk
Featuer: cool JS effect used fot this navigation menu, a vertical menu appears when the cursor it’s on a menu
weprosper.org
Features: creative cascade menu
noizikidz.com
Vertical Tabs
Features: big and amazing vertical tabs
nopokographics.com
Features: stylish menu, noir style.
noamdesign.com
Features: JS powered
venveo.com
Features: fantastic wood background effect
bonsaistudios.com
Features: Photo with link hover effect + simple text
worshipleaderinsights.com
Features: not intrusive design, very clean.
dizidesigns.co.uk
Icons based Navigaion Menu
Features: communicative icons, no text description
inside.nile.ru
Features: minimal design, very cool!
bohemiancoding.com/fontcase/
Features: cool icons!
rawnet.com
Features: clean design and minimalistic icons style
macrabbit.com
Features: large and clears icons
duartepires.com
Features: absolutely impressive, minimal desgin, one color for each menu with fading effect.
pixelresort.com
Features: stylish, realized using the CSS sprite technique.
blog.fluxiom.com
Experimental and Impressive Navigation Menu
Features: keyboard buttons enabled help to browse in the website (like gmail and others web-application)
marcdahmen.de
Features: big icons + text. Easy to use fot users.
tastyplanner.com
Features: sequential numebers, from left to right, user can choose the menu number or can choose to press the left or right arrow. Very usefull.
concentric-studio.com/work/
Features: differents menu style for differents section of this website. Absolutely impressive effects!
nisgia.com
nisgia.com
nisgia.com
Features: an other numbers based menu, like the Concentric Studio but this thime it's vertical.
domestika.org/coolsites
Features: vertical sliding effect realized with JS
mariusroosendaal.com
Features: horizontal sliding effect + large images
icondesigner.net
Features: hide left menu, amazing!
playgroundblues.com
Features: simple and creative graphic navigation menu
watersmedia.com
Features: rope and clips make it very creative.
cassysdesign.ro
Features: dark design but more light where cursor is.
ericj.se