Mockups

¿QUÉ VAS A APRENDER?

• ¿Qué es un Mockup y para que sirve?
• Ventajas de los Mockups
• Tipos de Mockups
• Herramientas para la creación de Mockups
• Diseño y prototipado de aplicaciones usando Figma
• Elementos de diseño de una aplicación
• Aplicaciones interactivas
• Diseño de frameworks desde cero

¿EN QUÉ CONSISTE EL MATERIAL?

El curso consiste en una serie de ejercicios prácticos mediante los cuales, el alumno ira paso a paso diseñando y creando un Mockup desde cero. Un mockup es una representación del diseño final de una aplicación sobre la plantilla de un dispositivo real, ya sea un smartphone, Tablet o PC. Con estas herramientas se consiguen desarrollar rápidos diseños y prototipos para mostrar el diseño final de un software antes de ser programado sobre el dispositivo final. A lo largo del curso se aprenderán los conceptos básicos de diseño de interfaces de usuario usando Figma. Además se explorarán los diferentes elementos de control en la herramienta, plantillas disponibles y los fundamentos para la creación de aplicaciones interactivas y dinámicas entre otras muchas cosas.

ALGUNOS EJEMPLOS

TERMINOLOGÍA

• Mockup
• Aplicación
• Interfaz de usuario (UI)
• Framework

¿QUÉ HERRAMIENTA VAMOS A USAR?

 https://www.figma.com/

ENLACES A OTROS RECURSOS

Figma Wiki: https://es.wikipedia.org/wiki/Figma

Tutoriales Figma: https://www.figma.com/best-practices/

Grupos de usuarios: https://www.figma.com/education/

Software alternativo: https://ninjamock.com/