Oblig. 06 Navigasjon

Jeg valgte et design på nettsiden som krevde en vertikal meny.
Nettsiden jeg skapte designet jeg i Photoshop og brukte slice tool før jeg deretter satt den sammen igjen i Dreamweaver. Menyen er derfor knapper jeg lagde i Photoshop, og disse knappene plasserte jeg på nettsiden ved hjelp av CSS.

Jeg var litt usikker på om jeg skulle velge en vertikal meny til å begynne med, da det virker som om det blir først og fremst brukt når man har menyer som tar plass (og jeg skulle ha en enkel meny uten mye innhold). Men etter å ha lest artikkelen “Showcase of beautiful vertical navigation designs” på nettsiden Smashing Magazine hoppet jeg ut i det.

Jeg valgte også å benytte meg av en mouseover effekt, da jeg synes dette er en fin måte å gjøre menyen mer dynamisk og spennende på en enkel måte. Brunfargen på effekten har jeg hentet ut ifra bakgrunnen på siden.

Navigasjon – Innhold

Ulike typer navigasjon.

Horisontal tekst
Kanskje den mest brukte “meny-typen”. Enten ren HTML tekst eller bildeillustrasjoner, har ofte roll-over effekter.

Vertikal tekst
Brukes ofte når det trengs lengre tekst i menyen, eller det er mye som skal inn i menyen. Er også ofte brukt som en undermeny. Jeg synes det virker som vertikal tekst begynner å bli mer og mer populær og vanlig som hovedmeny.

“Drop-down” meny
Brukes både i horisontale og vertikale menyer. Er en måte å vise undermenyen på. Sider med mye info bruker ofte denne typen.

Sub-meny/undermeny
Kan fort ta opp stor plass sammen med hovedmenyen, men viser samtidig innholdet til nettstedet på en oversiktlig og ryddig måte.

Undermenyer
Undermenyer som ofte går igjen er home, contact og about. Hovedmenyer viser ofte fram hva nettsiden inneholder og tilbyr mens undermenyene viser som oftest infoen bak artisten/firmaet/personen osv.