En la cuarta clase del curso de diseño responsive veremos como diseñar el Wireframe para la versión de escritorio (desktop) de nuestra web one page.
En este caso crearemos una one page para vender una aplicación móvil, aunque podría ser para cualquier infoproducto único, una forma más acertada que no un ecommerce clásico con carrito.
Crearemos distintas composiciones basándonos en la cuadrícula de 12 columnas que hemos definido previamente. ¡Empecemos!
Como veis la cuadrícula nos da múltiples opciones que después adaptaremos a los distintos anchos de pantalla. Es una guía que nos facilita mucho el diseño para las versiones de smartphone y tablet.
Cuanto más nos ciñamos a esta cuadrícula, más fácil se lo pondremos a los programadores, y de forma más eficiente podremos diseñar todas las pantallas de la web. ¡Ya tenemos el primer Wireframe, a seguir!
Si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de sopoerte de la Intranet. ¡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