Mockup

Innovación y procesos creativos

Los Mockups (Maquetas) ​

son fotomontajes muy realistas que nos permiten ver el resultado final de una propuesta física o digital.

​¿Cómo se hace un Mockup?

Existen varias herramientas, sitios, gratuitos y de pago​

​EJEMPLOS DE HERRAMIENTAS PARA HACER MOCKUPS

EN CANVAS

​¿Qué debes tomar en cuenta?

Utiliza imágenes claras hay posibilidades de que se evoquen sentimientos más positivos que con las imágenes oscuras.

​​

Ten la paleta de color de tu proyecto a presentar siempre presente para valorar si el fotomontaje puede combinar de forma armoniosa con la propuesta.

​

​Selecciona imágenes que sean visualmente atractivas, pero que sean coherentes con la propuesta gráfica que queremos presentar.

​

​No utilices tanto los mockups gratuitos, porque están al alcance de todo el mundo.

Iterar es repetir una y otra vez el proceso hasta dar con un resultado óptimo​

​ Wireframe Mockup Prototipo

​Un wireframe es la primera representación de un diseño. En el caso de un sitio web se muestran una serie de recuadros y líneas que indican qué tipo de contenido irá y donde será localizado. Aunque es usual que los wireframes empiecen en papel, luego se digitalizan para poder trabajar con medidas exactas.

​Un prototipo es también un representación de la versión final de un diseño web que, además, simula la interactividad. Un prototipo se suele usar para poner a prueba ciertas funciones del sitio y verificar si la usabilidad es la adecuada.

Representación visual estática, algunos elementos que quieras añadir como videos deberán ser representados mediante una imagen y el icono de reproducción. Asimismo, no existe interacción alguna entre los elementos de menú, botones, enlaces, etc.

Exit Ticket

​Revisemos lo que aprendimos hoy