Curso de UX/UI Design

‍

Módulo 1

1 - Introducción

2 - La importancia de las aplicaciones

3 - Tipo de aplicaciones

4 - Proceso de diseño y desarrollo

‍

Módulo 2

5 - Ser diferente al resto

6 - Nada es original, todo es inspirado por algo

‍

Módulo 3

7 - Investigación del usuario

8 - Problema a resolver

9 - User Persona

10 - User Journey

‍

Módulo 4

11 - Definición de funcionalidades

12 - Búsqueda de inspiración

13 - Analizando nuestras referencias

‍

Módulo 5

14 - Creación de Wireframes

15 - Creación de Mockups

‍

Módulo 6

16 - Cierre del curso

17 - Testimonios

‍

Curso de Auto Layout

‍

Módulo 1

1 - Bienvenida

2 - ¿De dónde nace el Auto Layout?

‍

Módulo 2

3 - Dirección

4 - Espaciado, alineación y padding

5 - Fix, Fill container y Hug contentent

6 - Creación de componentes responsive

‍

Módulo 3

7 - Configuraciones avanzadas del Auto Layout

8 - Tamaños máximos y mínimos

‍

Módulo 4

9 - Creando un proyecto 100% con Auto Layout, Parte - 1

10 - Creando un proyecto 100% con Auto Layout, Parte - 2

11 - Creando un proyecto 100% con Auto Layout, Parte - 3

12 - Variables en Figma - Crea componentes Responsive con Variables y Auto Layout

‍

Módulo 5

13 - Conclusiones y despedida

14 - Testimonios

‍

Curso de prototipado y animación en Figma

‍

Módulo 1

1 - ¿Qué estaremos aprendiendo en el curso?

2 - ¿Por qué incluir animaciones en prototipos?

3 - Requerimientos para crear animaciones en Figma

‍

Módulo 2

4 - Conceptos básicos de prototipos y animación en Figma

5 - Creación de interacciones

6 - Smart animate

7 - Propiedades del Smart animate

‍

Módulo 3

8 - Componentes interactivos Parte 1

9 - Componentes interactivos Parte 2

10 - Carousel animado en Figma

11 - Añadir video en prototipo Figma

12 - Cómo animar texto en Figma

13 - Cards animados en Figma

14 - Play animación de sonido en Figma

15 - Hover animado en cards de apple music

16 - Animación avanzadas en páginas Webs

17 - Variables en prototipos avanzados

‍

Módulo 4

18 - Cierre del curso y siguientes pasos

‍

Curso de sistemas de diseño

‍

Módulo 1

1 - ¿Qué es un sistema de diseño?

2 - ¿Cuándo necesitas un sistema de diseño?

3 - Beneficios de un sistema de diseño

4 - Retos para construir un sistema de diseño

5 - Cómo convencer a tu jefe y equipo de crear un sistema de diseño

‍

Módulo 2

6 - Principles de un sistema de diseño

7 - Foundations de un sistema de diseño

8 - Variables en Figma

9 - Design Tokens

10 - Creando Tokens de espaciado

‍

Módulo 3

11 - Uso de colores en sistemas de diseño

12 - Documentación de colores en sistemas de diseño - Parte 1

13 - Documentación de colores en sistemas de diseño - Parte 2

14 - Tipografía en sistemas de diseño

15 - Escala de tipografía en sistemas de diseño

16 - Elevaciones en sistemas de diseño

17 - Plugins para elevaciones en sistemas de diseño

18 -  Iconografía en sistemas de diseño

19 -  Documentación de Iconografía en sistemas de diseño

20 - Creación de Grids en sistemas de diseño

‍

Módulo 4

21 - Atomic Design

22 - Creando nuestro proyecto - Parte 1

23 - Creando componentes interactivos de nuestro proyecto - Parte 2

24 - Creando cards y tabs de nuestro proyecto - Parte 3

25 - Creando secciones de nuestro proyecto - Parte 4

26 - Creando el footer de nuestro proyecto - Parte 5

‍

‍

Módulo 5

27 - Creación de componentes Responsive con variables

28 - Tokens Semánticos Avanzados - Parte 1

29 - Tokens Semánticos Avanzados - Parte 2

30 - Documentación en sistemas de diseño

31 - Creación de Handoff y uso del Dev Mode en Figma

32 - Proceso de actualizaciones en sistema de diseño

33 - Dark mode en sistemas de diseño

34 - Despedida y siguientes pasos

‍

Curso de UI Design

‍

Módulo 1

1 - ¿Qué es diseño de interfaces, UI Design?

2 - ¿Qué se considera un buen diseño?

3 - Cómo inspirarte para un buen diseño UI

4 - Fundamentos del diseño visual

‍

Módulo 2

5 - Mantén el lenguaje simple

6 - Limita las opciones

7 - Usa lo que ya funciona

8 - Cada usuario es distinto

9 - Destaca los momentos clave

10 - Destaca lo importante

11 - Reduce la carga cognitiva

12 - Hazlo fácil

‍

Módulo 3

13 - La estructura ideal de un texto en UI Design,  Parte - 1

14 - La estructura ideal de un texto en UI Design,  Parte - 2

15 - Jerarquía en textos - Parte 1

16 - Jerarquía en textos - Parte 2

17 - Anatomía de tipografías en UI Design

18 - Clasificación de tipografías en UI Design

‍

Módulo 4

19 - Alineación en UI Design

20 - Contraste en UI Design

21 - Todo sobre Figma UI3

‍

Módulo 5

22 - White space en UI Design

23 - Cómo elegir colores para tus diseños

24 - Recursos para crear paletas de colores

‍

Módulo 6

25 - Variables en UI Design

26 - Buttons en UI Design - Parte 1

27 - Buttons en UI Design - Parte 2

28 - Inputs en UI Design - Parte 1

29 - Inputs en UI Design - Parte 2

‍

Módulo 7

30 - Proyecto - Parte 1

31 - Proyecto - Parte 2

32 - Proyecto - Parte 3

33 - Proyecto - Parte 4

34 - Proyecto - Parte 5

35 - Proyecto - Parte 6