Mockups - Innovación y procesos creativos

Poll

¿Cómo te sientes hoy?

Mockup

Innovación y procesos creativos

Open Ended

¿Para qué creen que sirve un Mockup?

(Sin buscar en Google)

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.

Miro | Online Whiteboard for Visual Collaboration

You can open this webpage in a new tab.

Copy link

Open in new tab

Open Ended

¿Qué entiendes por iterar?

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.

Prototyping - Google Drive

You can open this webpage in a new tab.

Copy link

Open in new tab

Exit Ticket

​Revisemos lo que aprendimos hoy

Open Ended

Necesito más tiempo para entender..... 

Open Ended

Tengo algunas preguntas sobre ... (Mencion los conceptos)

Open Ended

Lo más interesante en la clase, hasta ahora, ha sido ....