# 006: Photoshopping a navegação principal - CSS-Tricks

Anonim

Começamos a projetar a navegação de nível superior (principal) do site. Estamos começando com a tela do tamanho da área de trabalho (com uma largura reconhecidamente arbitrária), mas não estamos preocupados que a navegação tenha qualquer problema de adaptação a uma tela pequena.

Decidimos que os ícones são uma coisa muito legal de usar para distinguir visualmente os links de navegação uns dos outros. As últimas imagens projetadas usaram imagens, mas seremos inteligentes e usaremos uma fonte de ícone. Vamos falar mais sobre isso no próximo vídeo.

A organização das camadas do Photoshop começa a acontecer. Isso é algo que teremos que acompanhar durante todo o processo de design para manter nossa sanidade no Photoshop!

Os links de navegação superiores sombreados são um tanto inspirados no meu Kindle Fire. O navegador tem guias que têm uma sombra muito forte abaixo delas na próxima guia. Não parece “real”, mas gosto.