# 006 - Móvil de Photoshopping, Parte 2 - Trucos CSS

Tabla de contenido

Tenemos el "encabezado" del diseño en su lugar, solo necesitamos descubrir el resto de la página. Tenemos una lista de los objetivos más importantes que estamos tratando de lograr, por lo que nos ayudará a guiarnos. Básicamente, un conjunto de enlaces ("navegación principal") nos servirá bien.

Por ejemplo, necesitamos mostrar la escritura de Jeff. Un enlace al blog tiene sentido. No tiene sentido hacerlo pequeño. Estamos trabajando con pantallas pequeñas aquí, así que hicimos un enlace de barra grande y obvio de ancho completo. Un pequeño degradado le da cierta dimensionalidad (empujable) y lo separa del control deslizante de arriba. Si hay alguna duda, un icono de flecha vende la capacidad de hacer clic (o tocar).

Debido a que hemos usado un degradado para el enlace, más botones debajo de él ya están separados del que está arriba. Podemos seguir creando enlaces hacia abajo en la página hasta que tengamos todas las áreas principales cubiertas. No quiero exagerar, pero 4-5 debería estar bien. Y el hecho de que el "pliegue" ocurra justo en medio de un enlace de barra es genial. Al igual que las diapositivas que cuelgan de los bordes de la pantalla, tener un enlace colgando en la parte inferior hace que sea obvio que también puede desplazarse hacia abajo.

El pie de página será lo más simple posible. Solo un enlace de derechos de autor y algunas cosas de las redes sociales. Todo el mundo sabe lo que significa un enlace que dice "Twitter" o "Facebook".

Articulos interesantes...