boluda.com

Cursos de Marketing Online

Curso de diseño responsive #6. Wireframe Web Móvil

Hoy vamos a adaptar los elementos de nuestro wireframe al último salto de pantalla que nos queda: el dispositivo móvil con 689px de ancho.

Recordemos que no es una medida dogmática, sino una referencia que podéis definir un poco más estrecha si lo consideráis. Nuestro diseño, a partir de este salto para abajo, se verá del modo que lo empecemos a definir ahora.

Escalaremos algunos elementos y aquí sí, el menú pasará a ser hamburguesa. La visualización de menú cuando lo despleguemos lo definiremos en la última clase.

Este contenido está únicamente disponible para los suscriptores. Puedes identificarte en este enlace o suscribirte a los cursos.

Ya hemos visto la importancia de como algunas composiciones de dos columnas pasan a ser de una, como la cabecera de nuestra web y como la estructura de tres columnas no se podía mantener y hemos tenido que colocar un elemento debajo del otro como es el caso del pricing.

Así pues, ya tenemos nuestra web esquematizada con nuestro wireframe, ahora vamos a hacer realidad esta estructura con el diseño real donde tomaremos las decisiones finales que podrán alterar e incluso contradecir nuestro wireframe, recordemos que este debe estar a nuestro servicio y al del diseño, y no al revés. ¡Vamos a ello!

Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte. ¡Nos vemos en la siguiente lección! :)

Recuerda que si te suscribes tendrás acceso a todos los cursos y además podrás disfrutar de todo el contenido premium de boluda.com.

Todos los capítulos de este curso:

¿Olvidaste tu contraseña?