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

Anonim

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

Мы решили, что значки - это довольно крутая вещь, которую можно использовать, чтобы визуально отличать навигационные ссылки друг от друга. В последнем дизайне использовались изображения, но мы будем умны и будем использовать иконочный шрифт. Мы поговорим об этом подробнее в следующем видео.

Начинает происходить организация слоев Photoshop. Это то, что мы должны будем контролировать на протяжении всего процесса проектирования, чтобы сохранить работоспособность Photoshop!

Затененные верхние навигационные ссылки отчасти вдохновлены моим Kindle Fire. В браузере на этой вкладке есть вкладки, которые имеют очень сильную тень под ними на следующей вкладке. Это не выглядит «настоящим», но мне это нравится.