- ¿Qué es interfaz de usuario (UI)?
- Diferencias y similitudes entre UX y UI
- Proceso de negocio
- User persona
- Screen flow
- Wireframes
- Diseño Alta Fidelidad
- Prototipado
- Feedback y entrega
- Principios del diseño aplicados al UI
- Principios de claridad
- Reglas Heurísticas de usabilidad
- Elementos de una interfaz de usuario
- Patrones y consistencias del diseño UI
- UI kits
- Atomic Design
- Icon Design
- Los sistemas de diseño
- Principios del Motion
- Microinteracciones
- Introducción a Adobe XD
- Instalación y configuraciones principales
- Menú Herramientas
- Generación de Artboards y guía
- Ejercicios
- Formas: creación, modificación, colores, gradiantes y paletas
- Textos: propiedades, línea o área, alineación, color y estilos
- Imágenes y exportación: importanción, modificaciones y exportación de artboards
- Ejercicios
- Organización de capas nombres y grupos
- Bloqueo y fusión
- Tipos de máscaras y aplicación en proyectos
- Ejercicios
- Alineación de elementos, márgenes y distribución de formas
- Funcionalidad de repetición
- Aplicación y configuración de componentes
- Ejercicios
- Creación y aplicación
- Diseño de páginas
- Prototipo
- Adaptación a mobile
- Ejercicios
- Constantes y variables de una interfaz
- Header, footer y menú
- Botones y galerías
- Ejercicios
- Introducción
- Descarga y creación de una cuenta
- Entorno de trabajo
- El menú principal
- Ejercicios
- Mover y Escalar
- Frames y slices
- Dibujar vectores
- Herramientas de texto
- La herramienta Mano
- Comentarios en Figma
- Ejercicios
- Editar objetos
- Crear un componente de Figma
- Crear máscaras en Figma
- Crear un link con Figma
- Operaciones booleanas
- Otras herramientas
- Ejercicios
- Funcionamiento
- Añadir colaboradores
- Ver y responder comentarios
- Bibliotecas de componentes
- Ejercicios
- Creación y gestión
- Estilos en un sistema de diseño
- Componentes en un sistema de diseño
- Ejemplos del sistema de diseño
- Ejercicios
- Añadir plugins a Figma
- Pluging recomendados
- Creación de interacciones
- Creación de animaciones sencillas
- Manejo de interacciones disponibles
- Ejercicios
- Crear presentación en Figma
- Exportar archivos
- Compartir el link de vista previa
- Ejercicios
