Adobe Xd desde cero

Curso: Adobe Xd desde cero

Aprende a diseñar interfaces de usuario interactivas e impactantes

El diseño UI es una de las ramas fundamentales de la experiencia de usuario y ha ganado mucho terreno en la industria del desarrollo porque reduce las iteraciones y los conflictos, permitiendo planificar un producto y definir los requerimientos de desarrollo en una etapa inicial. Adobe Xd es una de las soluciones de diseño UI más importantes en el mercado porque combina el diseño estático y el diseño interactivo en una sola aplicación. Además que se integra a la perfección con los demás programas de Adobe.

12
Poster del curso
Avatar

Alvaro Felipe

Curso: Adobe Xd desde cero

Acceso a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

Poster del curso
Avatar

Alvaro Felipe

Curso: Adobe Xd desde cero

Acceso a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

¿Qué aprenderás?

  • Diseño vectorial con Adobe Xd
  • Creación de prototipos interactivos
  • Trabajar con colaboradores, clientes y programadores
  • Diseñar tu primera app: EDmusic

¿Qué conocimientos necesitas?

  • El curso es desde cero, solo necesitas ganas de introducirte al rentable mundo de UX/UI

Nivel

intermedio

+9 horas

Temario del curso

¿Eres estudiante premium o has comprado este curso? Empieza aquí

Conociendo Adobe Xd

Conoce qué es Adobe Xd y empieza a trabajar con esta herramienta

  • 1.1 - ¿Qué es Adobe Xd?08:03
  • 1.2 - ¿Qué se puede hacer con Adobe Xd?07:01
  • 1.3 - ¿Qué no se puede hacer con Adobe Xd?02:28
  • 1.4 - ¿Qué es UI/UX?06:16
  • 1.5 - Flujo de trabajo01:34
  • 1.6 - Instalación y homepage03:30
  • 1.7 - Espacio de trabajo y herramientas07:34
  • 1.8 - Mesas de trabajo08:36
  • 1.9 - Manejo de las formas10:36

Dibujo vectorial

Usa Adobe Xd como programa de ilustración vectorial

  • 2.1 - Trabajando con formas16:14
  • 2.2 - Alineación y distribución de formas10:01
  • 2.3 - Operaciones con formas08:34
  • 2.4 - Manejando textos08:48
  • 2.5 - Creando máscaras07:02
  • 2.6 - Dibujando con la pluma11:10
  • 2.7 - Practicando con la herramienta pluma07:42

Trabajar con elementos reutilizables

Usa símbolos y componentes para agilizar tu trabajo

  • 3.1 - Crear componentes reutilizables15:19
  • 3.2 - Uso de los componentes13:19
  • 3.3 - Creando paletas de colores07:30
  • 3.4 - Estilos de caracteres08:48
  • 3.5 - Adobe fonts04:16

Herramientas avanzadas de diseño

Crea diseños responsive y layouts avanzados

  • 4.1 - Aprendiendo responsive resize13:46
  • 4.2 - Practicando responsive resize09:57
  • 4.3 - Aplicando responsive resize a botones04:44
  • 4.4 - Repeat grid15:06
  • 4.5 - Integración con la suite de Adobe13:02
  • 4.5 - Exportación e importación08:18

Prototipado

Convierte un diseño estático en una versión interactiva

  • 5.1 - ¿Qué es el prototipado?08:09
  • 5.2 - ¿Cómo se hace el prototipado?14:06
  • 5.3 - Conociendo las opciones de interacción12:41
  • 5.4 - Copiar elementos con sus interacciones06:06
  • 5.5 - Ejercicio: Creación de un Login09:44
  • 5.6 - Ejercicio: Crear interacción de Registro y Bienvenida13:12

Prototipado II

Agrega autoanimaciones automáticas y nuevas interacciones a tus prototipos

  • 6.1 - Interacciones con comandos de voz05:15
  • 6.2 - Interacciones con comandos de teclado01:54
  • 6.3 - Overlay y cómo aplicarlo07:39
  • 6.4 - Creando un menu de más opciones12:56
  • 6.5 - Creando un menú desplegable05:25
  • 6.6 - Drag y autoanimate12:15

Colaboración

Como presentarle tu trabajo a un cliente, a programadores y a otros diseñadores

  • 7.1 - Compartir con otros diseñadores11:18
  • 7.2 - Compartir con clientes09:21
  • 7.3 - Compartir con programadores06:44
  • 7.4 - Publicar en internet06:47

Sistemas de diseño

Aprenderás por qué todo proyecto debe tener un sistema de diseño

  • 8.1 - ¿Qué son los sistemas de diseño?10:54
  • 8.2 - Documentación y componentes08:32
  • 8.3 - ¿Cómo escoger paletas de colores?03:13
  • 8.4 - Tipografías06:57
  • 8.5 - Definir los usos de color y tipografía07:09
  • 8.6 - Crear librería de componentes reutilizables11:18
  • 8.7 - Linked assets03:30

Plugins, integraciones y kits

Adobe Xd se integra con varias aplicaciones y plugins para darle más funcionalidad

  • 9.1 - UI kits17:14
  • 9.2 - Integraciones11:27
  • 9.3 - Plugins (1ra parte)15:53
  • 9.4 - Plugins (2da parte)13:38

Proyecto: EDmusic

Diseñaremos una app de música con todo lo aprendido en el curso

  • 10.1 - Preparando el sistema de diseño08:32
  • 10.2 - Estructura de la app y pantalla de login06:32
  • 10.3 - Diseñando botones de la barra de navegación12:11
  • 10.4 - Diseñando la pantalla de inicio10:29
  • 10.5 - Pantalla colecciones06:16
  • 10.6 - Pantalla de playlist07:40
  • 10.7 - Pantalla de reproducción de música y settings13:46
  • 10.8 - Diseñar las interacciones06:46

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.