En la clase de hoy veremos como funcionan las mesas de trabajo en Photoshop y crearemos las guías en 12 columnas para estructurar nuestro diseño web.
Este consistirá en una one page en los 3 saltos de ancho de pantalla: 689px para móvil, 768px para tablet y 1200px para escritorio. Veremos la importancia de las mesas de trabajo y cómo distribuir todos los elementos de la web en función del espacio que tenemos disponible.
Como veis, las mesas de trabajo son un recurso fantástico que nos permite tener múltiples pantallas de nuestra web a la vista al mismo tiempo. Un recurso que Photoshop ha implementado para acercarse a illustrator y a la influencia externa de Sketch.
Recordad que podéis bajar el PSD de la base de diseño web responsive usando el enlace de descarga que hay debajo del vídeo. Y también os recomendamos la clase de Photoshop aplicado a web para complementar la clase de hoy.
Y ya lo sabéis: Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de la Intranet de suscriptor, y Álex os atenderá. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso de diseño responsive #1. Introducción
- Curso de diseño responsive #2. Tips de diseño responsive
- Curso de diseño responsive #3. Mesas de trabajo y guías
- Curso de diseño responsive #4.Wireframe web de escritorio
- Curso de diseño responsive #5.Wireframe Web Tablet
- Curso de diseño responsive #6. Wireframe Web Móvil
- Curso de diseño responsive #7. Diseño Web de Escritorio
- Curso de diseño responsive #8. Adaptación Tablet
- Curso de diseño responsive #9. Adaptación móvil
- Curso de diseño responsive #10. Repaso final y menús