Adobe Xd desde cero

Curso: Adobe Xd desde cero

intermedio
9 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

Adobe Xd desde cero

Toma este curso
Adobe Xd desde cero

Curso: Adobe Xd desde cero

intermedio
+9 horas
Sube a premium

Y accede a todos los cursos con un solo pago

Adobe Xd desde cero

Adobe Xd desde cero

Aprende a diseñar interfaces de usuario interactivas e impactantes.

Nivel: intermedio
Fecha de lanzamiento: 23 de sep.
Duración: +9 horas
(Ver temario)
Calificación: 4.9
(Ver 60 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

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.

¿Qué aprenderás en este curso?

  • 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 previos necesitas?

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

Prof. Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Temario del curso

Conociendo Adobe Xd

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

  • 1.1 - ¿Qué es Adobe Xd?

  • 1.2 - ¿Qué se puede hacer con Adobe Xd?

  • 1.3 - ¿Qué no se puede hacer con Adobe Xd?

  • 1.4 - ¿Qué es UI/UX?

  • 1.5 - Flujo de trabajo

  • 1.6 - Instalación y homepage

  • 1.7 - Espacio de trabajo y herramientas

  • 1.8 - Mesas de trabajo

  • 1.9 - Manejo de las formas

Dibujo vectorial

Usa Adobe Xd como programa de ilustración vectorial.

  • 2.1 - Trabajando con formas

  • 2.2 - Alineación y distribución de formas

  • 2.3 - Operaciones con formas

  • 2.4 - Manejando textos

  • 2.5 - Creando máscaras

  • 2.6 - Dibujando con la pluma

  • 2.7 - Practicando con la herramienta pluma

Trabajar con elementos reutilizables

Usa símbolos y componentes para agilizar tu trabajo.

  • 3.1 - Crear componentes reutilizables

  • 3.2 - Uso de los componentes

  • 3.3 - Creando paletas de colores

  • 3.4 - Estilos de caracteres

  • 3.5 - Adobe fonts

Herramientas avanzadas de diseño

Crea diseños responsive y layouts avanzados.

  • 4.1 - Aprendiendo responsive resize

  • 4.2 - Practicando responsive resize

  • 4.3 - Aplicando responsive resize a botones

  • 4.4 - Repeat grid

  • 4.5 - Integración con la suite de Adobe

  • 4.6 - Exportación e importación

Prototipado

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

  • 5.1 - ¿Qué es el prototipado?

  • 5.2 - ¿Cómo se hace el prototipado?

  • 5.3 - Conociendo las opciones de interacción

  • 5.4 - Copiar elementos con sus interacciones

  • 5.5 - Ejercicio: Creación de un Login

  • 5.6 - Ejercicio: Crear interacción de Registro y Bienvenida

Prototipado II

Agrega autoanimaciones automáticas y nuevas interacciones a tus prototipos.

  • 6.1 - Interacciones con comandos de voz

  • 6.2 - Interacciones con comandos de teclado

  • 6.3 - Overlay y cómo aplicarlo

  • 6.4 - Creando un menu de más opciones

  • 6.5 - Creando un menú desplegable

  • 6.6 - Drag y autoanimate

Colaboración

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

  • 7.1 - Compartir con otros diseñadores

  • 7.2 - Compartir con clientes

  • 7.3 - Compartir con programadores

  • 7.4 - Publicar en internet

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?

  • 8.2 - Documentación y componentes

  • 8.3 - ¿Cómo escoger paletas de colores?

  • 8.4 - Tipografías

  • 8.5 - Definir los usos de color y tipografía

  • 8.6 - Crear librería de componentes reutilizables

  • 8.7 - Linked assets

Plugins, integraciones y kits

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

  • 9.1 - UI kits

  • 9.2 - Integraciones

  • 9.3 - Plugins (1ra parte)

  • 9.4 - Plugins (2da parte)

Proyecto: EDmusic

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

  • 10.1 - Preparando el sistema de diseño

  • 10.2 - Estructura de la app y pantalla de login

  • 10.3 - Diseñando botones de la barra de navegación

  • 10.4 - Diseñando la pantalla de inicio

  • 10.5 - Pantalla colecciones

  • 10.6 - Pantalla de playlist

  • 10.7 - Pantalla de reproducción de música y settings

  • 10.8 - Diseñar las interacciones

Avatar

Prof. Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Sigue aprendiendo con

Diseño UI

Diseño UI

Avatar

Alvaro Felipe

5

4.9

Figma desde cero

Figma desde cero

Avatar

Alvaro Felipe

5

4.8

Photoshop  Desde Cero

Photoshop Desde Cero

Avatar

Camilo Adobe

5

4.7

Illustrator  Desde Cero

Illustrator Desde Cero

Avatar

Camilo Adobe

5

4.7

Empieza a aprender Adobe Xd desde cero

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Obtén cuatro meses gratis
al adquirir un plan anual

Por $ USD más obtén
una suscripción anual

Premium

Ahorra $120 USD
$360240USD

El mes te sale a $30 20 USD

Ahorra 33 %

Ahorra 33 %

Ahorra 33 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$32USD

$30 20 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

60 calificaciones de los estudiantes (4.9)

Cargando Calificaciones...

Sigue aprendiendo con

Diseño UI

Diseño UI

Avatar

Alvaro Felipe

5

4.9

Figma desde cero

Figma desde cero

Avatar

Alvaro Felipe

5

4.8

Photoshop  Desde Cero

Photoshop Desde Cero

Avatar

Camilo Adobe

5

4.7

Illustrator  Desde Cero

Illustrator Desde Cero

Avatar

Camilo Adobe

5

4.7