MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN

En este módulo cada participante aprenderá a construir interfaces para productos digitales, definiendo su forma, estructura y comportamiento a través de grillas de construcción.

Aprendizajes

Describe conceptos de usabilidad y jerarquía en el diseño de interfaz de un producto digital acorde a las reglas de usabilidad de Nielsen.

Construye un prototipo interactivo de alta fidelidad o mockup de un producto digital utilizando las técnicas Pixel Perfect y adaptándose a la versión Mobile.

MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 16: Estudio de Componentes y Variantes + Prototipo

Viernes 19 Agosto 2022. El profesor nos da varios tips para estudiar y nos comenta en que consiste el prototipo.   https://zeroheight.com/blog/naming-conventions-for-your-design-system/     https://help.figma.com/hc/en-us/articles/360038663994-Name-and-organize-components https://blog.thenounproject.com/microinteractions-in-ui-design-how-to-animate-icons-in-figma/ ventajas de hacer prototipos   Como te decía al principio un prototipo te servirá

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 15: Desarrollo de Moléculas y Organismos

Jueves 18 Agosto 2022. La clase trata de un trabajo particular, se continua trabajando en moléculas y organismos.     En los estudios de youtube continuo estudiando de este canal. estamos investigando sobre la comunidad e Figma.   En el

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 14: Página Desktop / Mobile + 5 Plugins

Miércoles 17 Agosto 2022. Se logra formar la primera pagina en la versión de escritorio + la versión en mobile, estas serian las plantillas de mi proyecto. el Frame se llama plantilla o Template.     Átomos → Moléculas →

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 13: Design system + 10 librerías

Martes 16 Agosto 2022. Se va completando el design system del proyecto radio con átomos y moléculas. En clases fui avanzando revisando plugins y librerías para mi proyecto radial.     Los mejores Kit UI y Sistemas de Diseño en

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 12: Variantes en Figma

Sábado 13 Agosto 2022. La clase trató en su mayoría sobre tips para UI, al final de este articulo se comparten. Como materia se revisa el uso de las variantes.     Las variantes de Figma te permiten crear un

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 11: Auto Layout

Viernes 12 Agosto 2022. La clase comienza con la explicación del Auto Layout en Figma. Auto Layout fue publicado por primera vez en 2019 y, pese a que resolvía muchos problemas, era difícil anidar muchos dentro de un frame y poder alinearlos bien.

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 10: Moléculas en Figma

Jueves 11 Agosto 2022. La clase trato de la creación de nuestro primeros botones y el manejo de los componentes en figma.   Los componentes son elementos que se pueden reutilizar. Se pueden crear componentes a partir de capas o grupos de capas que

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 9: Átomos en Figma

Miércoles 10 Agosto 2022. La clase trata de la conformación de los átomos y la primera molécula de mi design System (el botón) . Hasta ahora se han creado tipografías, sus tamaños y características, colores, estilos de bordes, sombras y

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 8: trabajo en clases

Martes 9 Agosto 2022. Nos dedicamos a trabajar el atomic design de nuestro proyecto.     Como investigación se repasa la idea de los flujos pero en la interfaz de Overflow.   Se investiga sobre las grillas y su importancia

Leer mas »