Armando el Mockup

Un mockup es un diseño final que muestra cómo debería verse la aplicación, diferente a un wireframe que solo muestra distribución de elementos y no tiene que seguir lineamientos de diseño.

Como ya hemos definido nuestro UI Kit, podemos aplicar todo esto a los wireframes que ya teníamos, aplicando los estilos y ajustando algunos detalles de alineación.

Tips:

• Con cmd + alt + ctrl + flecha de abajo envías un elemento lo más atrás posible.
• Ningún ícono cliqueable debe tener menos de 14x14 pixeles.
• Al traer íconos al mockup siempre duplícalos, o conviértelos en símbolos. Tu UI Kit siempre debe estar completo.