# 006: Photoshopowanie głównej nawigacji - CSS-Tricks

Anonim

Rozpoczynamy projektowanie nawigacji najwyższego poziomu (głównej) witryny. Zaczynamy od ekranu rozmiaru pulpitu (wprawdzie dowolnej szerokości), ale nie martwimy się, że nawigacja będzie miała problem z dostosowaniem się do małego ekranu.

Zdecydowaliśmy, że ikony są całkiem fajną rzeczą do wizualnego odróżnienia od siebie łączy nawigacyjnych. Ostatnio zaprojektowane używane obrazy, ale będziemy sprytni i używamy czcionki ikon. W następnym filmie zajmiemy się tym więcej.

Zaczyna się organizować warstwy programu Photoshop. To jest coś, nad czym będziemy musieli być na bieżąco przez cały proces projektowania, aby zachować zdrowy rozsądek w programie Photoshop!

Zacienione górne linki nawigacyjne są nieco inspirowane moim Kindle Fire. Przeglądarka na tej karcie ma karty, które mają bardzo silny cień pod nimi, przechodząc do następnej karty. Nie wygląda „prawdziwie”, ale mi się podoba.