# 006: Fotoshopping af hovednavigationen - CSS-tricks

Anonim

Vi begynder at designe det øverste niveau (hoved) navigation på webstedet. Vi starter med skrivebordsstørrelsesskærmen (i en ganske vist vilkårlig bredde), men vi er ikke bekymrede for, at navigationen har problemer med at tilpasse sig en lille skærm.

Vi beslutter, at ikoner er en ret sej ting at bruge til visuelt at skelne nav-links fra hinanden. De sidst designede brugte billeder, men vi er smarte og bruger en ikonfont. Vi kommer nærmere ind på det i den næste video.

Organisering af Photoshop-lagene begynder at ske. Dette er noget, vi bliver nødt til at holde øje med under hele designprocessen for at bevare vores Photoshop-sundhed!

De skyggefulde topnavigationslink er noget inspireret af min Kindle Fire. Browseren på den har faner, der har en meget stærk skygge under sig til den næste fane. Det ser ikke "rigtigt" ud, men jeg kan godt lide det.