boluda.com

Cursos de Marketing Online

Curso de diseño responsive #9. Adaptación móvil

En esta clase adaptaremos nuestro diseño al salto de ancho de pantalla más estrecho: el diseño para móvil con 689px de ancho con su margen correspondiente.

Veremos como las composiciones de 4 columnas pasan a dos y las de dos a una, así como la típica tabla de pricing que la pondremos en una columna con los modelos de precio uno encima del otro tal y como teníamos definido en el wireframe.

También veremos como el apartado de testimonios cambiará ligeramente sobre lo que teníamos planteado en el wireframe. ¡Vamos a ello!

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

Ya lo veis, el diseño es un proceso que va evolucionando, así que siempre debemos estar abiertos a la posibilidad de hacer evolucionar nuestras decisiones.

Hemos cambiado algunos elementos del wireframe manteniendo la esencia de su planteamiento inicial y gracias a las mesas de trabajo podemos comparar todos los diseños a un solo vistazo.

Con estos tres saltos de ancho de pantalla diseñados el programador ya tiene toda la información necesaria para poder programar. Insisto en remarcar que estos tres anchos pueden variar según vuestro criterio y las resoluciones más utilizadas por los usuarios de vuestra web.

Ahora nos queda el repaso final en el que veremos que esté todo correcto, definiremos acciones para el programador y definiremos los menús. Y recordad, el wireframe siempre os sirve a vosotros, y no al revés!

Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente (y última) 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?