Layout, grillas y reglas

Vamos a diseñar dos vistas de una app móvil que se llama Last Song. La aplicación hace una lista de canciones con los últimos lanzamientos. En el Home veremos la lista de las últimas canciones lanzadas, y en la página de detalle veremos la información de la canción y comentarios.

Para este diseño es importante conocer tres concepto importantes: Layout, grillas y reglas.

Lo primero que haremos será crear un artboard para iPhone 7 para trabajar un wireframes digital, donde sea fácil identificar la distribución de los elementos. Al seleccionar el artboart se activa la opción de View que nos permite acomodar las reglas y crear líneas guía para hacer márgenes que debemos tener en cuenta.

La herramienta grid crea una retícula muy útil para diseña íconos o para trabajar con ilustraciones.

El elemento Layouts crea columnas y filas, que son más comunes al trabajar en diseño web que en diseño móvil.