# 006: Photoshopping en la navegación principal - Trucos CSS

Anonim

Comenzamos a diseñar la navegación de nivel superior (principal) del sitio. Comenzamos con la pantalla del tamaño del escritorio (con un ancho ciertamente arbitrario), pero no nos preocupa que la navegación tenga algún problema para adaptarse a una pantalla pequeña.

Decidimos que los íconos son algo muy bueno para usar para distinguir visualmente los enlaces de navegación entre sí. El último diseño utilizó imágenes, pero seremos inteligentes y usaremos una fuente de iconos. Entraremos más en eso en el siguiente video.

La organización de las capas de Photoshop comienza a suceder. ¡Esto es algo de lo que tendremos que estar al tanto durante todo el proceso de diseño para mantener la cordura de Photoshop!

Los enlaces de navegación superiores sombreados están algo inspirados en mi Kindle Fire. El navegador tiene pestañas que tienen una sombra muy fuerte debajo de ellas en la siguiente pestaña. No parece "real", pero me gusta.