# 006: Фотошопінг основної навігації - CSS-хитрощі

Anonim

Ми починаємо розробку верхнього рівня (основного) навігації по сайту. Ми починаємо з екрану розміру робочого столу (з довільно довільною шириною), але нас не турбує, що навігація матиме якісь проблеми з адаптацією до маленького екрану.

Ми вирішили, що піктограми - це досить класна річ, яка використовується для візуального розрізнення навігаційних посилань один від одного. Останні розроблені використовували зображення, але ми будемо розумні і використовуватимемо шрифт значків. Ми дізнаємось більше про це в наступному відео.

Організація шарів Photoshop починає відбуватися. Це те, що нам доведеться залишатися в курсі всього процесу проектування, щоб зберегти нашу здорову розсудливість у Photoshop!

Тіні верхні навігаційні посилання дещо натхненні моїм Kindle Fire. У браузері є вкладки, які мають дуже сильну тінь під собою на наступну вкладку. Це не виглядає “справжнім”, але мені це подобається.