EULE Institute
Curso de UI & Visual Design – Edición Actualizada
Un curso para ayudarte a usar y entender todas las técnicas y metodologías para convertirte en un UI & Visual Designer en el ámbito de la User Experience.
12 módulos102 lecciones3h 18min de vídeo10 vistas previas gratis€647.00
Temario
1. Curso de Visual Design1 lección
2. El Visual Design4 lecciones · 8min
- ¿Qué es el Visual Design?Vista previa
- Diseño Visual aplicado al UX
- Consejos para el primer ejercicioVista previa
- Práctica: Crea un producto digital
3. La jerarquía visual9 lecciones
- La jerarquía en el diseño
- Principios de Gestalt en el diseño
- Patrón de Escaneo
- Patrón F vs Patrón Z
- Aplicar la Proporción Áurea
- Práctica (Opcional): Cómo dibujar la Proporción Áurea
- Práctica: Jerarquía visual
- Reflexiones sobre la jerarquía visual / Para eliminar
- Cómo organizar los contenidos / a eliminar
4. El diseño en función de la accesibilidad12 lecciones
- Accesibilidad: Diseñar sitios y aplicaciones accesibles
- Accesibilidad: Color y Contraste
- Accesibilidad: Texto y Tipografía
- Accesibilidad: Imágenes y Contenidos Visuales
- Accesibilidad: Indicador de Foco
- Accesibilidad: Área de Tacto y Área de Golpe
- Accesibilidad: Estados Visuales Coherentes
- Accesibilidad: Accesibilidad Cognitiva
- El Contraste para la Accesibilidad
- Indicador de Enfoque: Un Elemento Crucial para la Accesibilidad
- Accesibilidad de las imágenes
- Apoyar la navegación por teclado
5. Fundamentos de UI33 lecciones
- Principios básicos del diseño de UIVista previa
- Principios: La tipografía 1
- Principios: La tipografía 2
- Principios: La tipografía 3
- Principios: La tipografía 4
- Consejos y trucos: Las escalas tipográficas
- Consejos y trucos: Cómo mejorar la legibilidad de un texto
- Consejos y trucos: mayúsculas
- Principios: El Color 1
- Principios: El Color 2
- Consejos y trucos: 60-30-10 la regla de los colores
- Consejos y trucos: Los degradados
- Principios: Equilibrio
- Principios: Alineación
- Principios: Espacio en blanco
- Principios: Proximidad
- Principios: Simetrías en UX&UI
- Principio: Patrones
- Interfaces: Elementos
- Interfaces: Rejillas y Diseño
- Interfaces: Icono
- Interfaces: Botones
- Consejos y trucos: Zona del pulgar
- Consejos y trucos: Objetivo táctil
- Consejos y trucos: Enlaces o botones
- Interfaces: Formularios
- Interfaces: Desplegables
- Consejos y trucos: Campos de entrada
- Interfaces: Navegación
- Interfaces: Búsqueda
- Interfaces: Modales
- Interfaces: Secciones Hero
- Interfaces: Tarjetas
6. Diseñar los Wireframes10 lecciones · 34min
- Descripción general de los Wireframes
- Wireframe: baja y alta fidelidad
- Introducción al diseño responsivo
- Enfoque Mobile-First
- Aprovechar las cuadrículas en el diseñoVista previa
- Diseño con rejillas de 8pxVista previa
- Las Grillas Bootstrap
- Práctica (opcional): Wireframe a mano
- Kit de Wireframing
- Práctica: Wireframe de alta fidelidad
7. Guía de estilo y moodboard9 lecciones · 16min
- Introducción a la guía de estilo
- Moodboard: definición y usoVista previa
- Moodboard: ¿Qué son?
- Práctica: Crea un moodboard
- Style Tiles vs Moodboards
- Style Tiles vs Guía de Estilo
- Práctica: Crea una guía de estilo
- Tipologías de moodboard
- Style tiles: elementos visuales clave
8. Sesión práctica de prototipado1 lección
- Práctica: Añade colores y tipografía al wireframe
9. El UI Kit6 lecciones · 7min
- Estados del diseño: cómo gestionarlos
- Guías para nombrar los elementosVista previa
- Crear un UI Kit eficaz
- Práctica: UI Kit
- Introducción al Design System
- Design tokens: el puente entre el design system y el código
10. Diseño y colaboración5 lecciones
- Colaborar con otros diseñadores
- Cómo crear la documentación para los desarrolladores
- Exportar y crear los assets
- El handoff profesional: qué entregar a los desarrolladores
- Práctica (Opcional): Prepara el handoff de una pantalla
11. Animaciones de la UI9 lecciones · 1h 56min
- La importancia de las animaciones en UX
- Tipos de Animaciones para Mejorar la Experiencia del Usuario
- Framer: crea tu primera animaciónVista previa
- Framer: segunda animación (dificultad media)
- Framer: 3 animaciones avanzadas
- Principio: crea tu primera animación
- Principio: crea la segunda animación
- Principio: 2 animaciones avanzadas
- Figma: Animación usando GIF
12. Crea tu portfolio3 lecciones · 15min
- Consejos para crear el portfolio de UX DesignerVista previa
- Práctica: Crea tu portafolio
- Revisión final
Sobre el instructor
EULE Institute
Cursos online de EULE Institute