# 006: Photoshoppen in de hoofdnavigatie - CSS-trucs

Anonim

We beginnen met het ontwerpen van de (hoofd) navigatie op het hoogste niveau van de site. We beginnen met het scherm van de desktopgrootte (op een weliswaar willekeurige breedte), maar we zijn niet bang dat de navigatie problemen zal hebben met het aanpassen aan een klein scherm.

We besluiten dat pictogrammen best cool zijn om te gebruiken om navigatielinks visueel van elkaar te onderscheiden. De laatst ontworpen gebruikte afbeeldingen, maar we zullen slim zijn en een pictogramlettertype gebruiken. We zullen daar in de volgende video meer op ingaan.

De organisatie van de Photoshop-lagen begint te gebeuren. Dit is iets waar we tijdens het ontwerpproces op de hoogte moeten blijven om onze Photoshop-gezond verstand te behouden!

De schaduwrijke bovenste navigatielinks zijn enigszins geïnspireerd op mijn Kindle Fire. De browser daarop heeft tabbladen met een zeer sterke schaduw eronder op het volgende tabblad. Het ziet er niet "echt" uit, maar ik vind het leuk.