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.
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á
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
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 →
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
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
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.
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
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
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