Adobe XD CC - Máster: Diseño profesional de prototipos.
4.6 (341 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,658 students enrolled

Adobe XD CC - Máster: Diseño profesional de prototipos.

Aprende a crear prototipos con Adobe XD, aplicando UX (experiencia de usuario) y UI design (diseño interfaz de usuario).
Bestseller
4.6 (341 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,658 students enrolled
Created by Marlon Ceballos
Last updated 10/2019
Spanish
Spanish [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 17 hours on-demand video
  • 1 article
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • El flujo de trabajo del diseño de interfaz de usuario (UX design).
  • Crear y configurar documentos de Adobe XD.
  • Crear y editar elementos en Adobe XD.
  • Crear wireframes, diseños y prototipos.
  • Publicar prototipos para hacer pruebas de usuarios.
  • Exportar assets o recursos que pueden ser usados por desarrolladores.
Requirements
  • Manejo básico del sistema operativo Mac o Windows.
  • Tener instalado el software Adobe XD CC o posterior para prácticas. Actualmente se puede usar descargar del sitio oficial de Adobe y usar gratuitamente.
  • Este curso no requiere tener conocimientos previos de Adobe XD. Aunque ayuda tener conocimiento en alguna aplicación gráfica, no es pre-requisito.
Description

Hola! Soy Marlon Ceballos, Adobe Community Professional y consultor de aplicaciones Adobe con más de 20 años de experiencia pedagógica. Te doy la bienvenida al curso “Adobe XD CC - Máster: Diseño profesional de prototipos”. XD es la aplicación de Adobe para diseñar, prototipar y compartir experiencias de usuario de productos interactivos como sitios web y aplicaciones, ente otros. Este es un extenso y completo curso avanzado que consta de 104 videos organizados en 15 capítulos que suman más de 13 horas de contenido totalmente práctico

Al finalizar este curso, estarás en capacidad de realizar, de forma profesional, tareas que hacen parte del proceso de diseño de experiencias de usuario con Adobe XD: desde creación de wireframes hasta diseño de prototipos interactivos que podrás compartir y con los cuales podrás hacer pruebas, incluso con usuarios remotos. Iniciaremos aprendiendo conceptos fundamentales sobre UX Design o diseño de interfaz de usuario; luego trabajaremos con las herramientas básicas de Adobe XD como herramientas de texto y herramientas de dibujo, usando también funciones de la aplicación como capas y símbolos. Con los conocimientos adquiridos en las anteriores secciones, crearemos el diseño y prototipo de un sitio web para escritorio, tablet y smartphone. Posteriormente, crearemos el wireframe, diseño y prototipo interactivo de una aplicación móvil; después, realizaremos el proceso de compartir nuestro prototipo, y finalmente, aprenderemos a exportar los recursos de nuestro prototipo usando diferentes funciones de Adobe XD.

La metodología usada está basada en ejemplos prácticos, por lo cual, éste curso incluye los archivos de ejemplo para que puedas descargarlos y practicar cada uno de los ejercicios mostrados.

Si eres un usuario que ya conoce esta aplicación, no necesitas ver todos los temas ni seguir un orden específico, por el contrario, puedes ver la descripción de cada sección y lección y decidir qué temas ver. Además, si aún tienes dudas sobre la calidad pedagógica y de contenido del curso, te invito a ver los videos gratuitos que contiene cada capítulo.

Regístrate ya en este curso y aprende a crear prototipos profesionales e interactivos llevando a otro nivel tus procesos de diseño de experiencias de usuario.

Si deseas contratar éste u otro curso para un grupo empresarial o universidad de forma presencial u online puedes contactarme desde el sitio web de Xpert o por mensaje privado desde mi perfil de Udemy

Who this course is for:
  • Diseñadores de interfaz de usuario.
  • Diseñadores de experiencia de usuario.
  • Diseñadores interactivos.
  • Diseñadores web.
  • Diseñadores gráficos.
  • Cualquier persona que quiere aprender a crear prototipos interactivos profesionales.
Course content
Expand all 141 lectures 17:06:42
+ Introducción.
9 lectures 18:56

Bienvenida y breve descripción del curso.

Preview 02:14

En esta lección se encuentran los archivos usados en los videos los cuales puedes descargar para practicar.

Archivos de ejemplo para descarga.
00:09

Este video contiene algunas recomendaciones iniciales que aclaran aspectos del curso de Adobe XD.

Recomendaciones iniciales.
04:26

En este video hablaremos sobre el idioma de la interfaz de Adobe XD y sobre las unidades de medida usadas en esta aplicación.

Idioma y unidades de medida.
01:31

En este video definiremos exactamente a Adobe XD.

Preview 01:14

En este video entenderemos el flujo de trabajo o workflow dentro de Adobe XD.

Preview 02:12

Así como es importante saber qué hace Adobe XD, también es importante tener claro lo que no hace, de esa manera nos aseguramos de dar un buen uso a la aplicación.

Preview 01:11

En este video conoceremos los diferentes planes con los cuales podemos obtener Adobe XD, incluso de forma gratuita.

Cómo obtener Adobe XD.
03:28

Adobe XD tiene algunas ventajas sobre otras aplicaciones de creación de prototipos, en este video hablaremos sobre esas ventajas.

Ventajas de Adobe XD.
02:31
+ Conceptos fundamentales.
6 lectures 11:52

La Experiencia de usuario o User experience se refiere a la experiencia general de un usuario cuando está utilizando un servicio o herramienta.

Preview 02:27

El diseño de Experiencia de usuario o UX Design es un flujo de trabajo orientado a mejorar la satisfacción del usuario basándose en las necesidades del mismo.

Diseño de Experiencia de usuario.
01:50

Las tres etapas principales del Diseño de Experiencia de usuario o UX Design son: diseñar, prototipar y compartir.

Etapas del Diseño de Experiencia de usuario.
00:44

En este video conoceremos qué son los prototipos, los tipos de prototipos y su función.

Qué son los prototipos.
04:07

En este video conoceremos la importancia del uso de los prototipos.

Importancia de los prototipos.
02:19
+ Conceptos básicos de Adobe XD.
10 lectures 01:01:13

Introducción a este capítulo.

Preview 00:17

La Pantalla de inicio o Welcome screen ofrece acceso rápido a la creación y apertura de archivos de Adobe XD.

Preview 06:48

En este video conoceremos la interfaz general de Adobe XD.

Interfaz de Adobe XD.
03:13

Los Menús de Adobe XD tienen una ubicación diferente en Windows y en Mac.

Menús de Adobe XD.
01:13

El Panel de herramientas o Tools panel contiene todas las herramientas disponibles dentro de Adobe XD.

Panel de herramientas.
03:02

En este video aprenderemos a realizar tareas de navegación dentro de documentos de Adobe XD como zoom y desplazamientos.

Navegar documentos.
10:12

El Panel de propiedades o Properties panel permite ver y modificar las propiedades de los elementos seleccionados en Adobe XD.

Panel de propiedades.
09:12

Los Símbolos o Symbols permiten asegurar la consistencia de elementos similares como botones o campos.

Trabajar con Símbolos.
12:38

El panel de Capas o Layers panel permite gestionar el orden de apilamiento de los elementos que hacen parte de nuestros documentos de Adobe XD.

Panel de Capas.
08:04

El modo Prototype o Prototipo de Adobe XD nos permite crear simulaciones de las interacciones que realizará el usuario en el diseño final o producto final.

Trabajar en el modo Prototipo
06:34
+ Configurar proyectos de Adobe XD.
4 lectures 29:55

Introducción a este capítulo.

Preview 00:19

Cuando creamos un nuevo document de Adobe XD podemos definir tamaños predefinidos o podemos definir nuestros propios tamaños.

Crear un documento nuevo.
04:39

Las Mesas de trabajo o Artboards son el espacio donde ubicamos los elementos que harán parte de nuestro prototipo. Adobe XD permite crear múltiples Mesas de trabajo.

Trabajar con Mesas de trabajo.
10:39

Las Grillas o Grids son una importante herramienta de alineación dentro de Adobe XD. Existen 2 tipos de Grillas: Maquetación o Layout y Malla o Square.

Usar grillas.
14:18
+ Crear y editar gráficos.
9 lectures 01:28:12

Podemos crear formas básicas vectoriales en documentos de Adobe XD usando las herramientas Rectángulo o Rectangle y Elipse o Ellipse.

Preview 12:48

En Adobe XD podemos editar formas básicas vectoriales usando los nodos que las componen.

Editar formas.
13:02

La herramienta Pluma o Pen tool en Adobe XD. permite crear cualquier tipo de elemento vectorial.

Dibujar con la herramienta Pluma.
11:22

Los modelos de color permiten definir y medir colores. Adobe XD permite usar 3 modelos de color: HSB, RGB y Hexadecimal.

Entender los modelos de color.
05:00

A partir de tareas boleanas, es posible crear trazados compuestos en Adobe XD, e incluso generar formas complejas a partir de formas básicas.

Usar tareas boleanas.
14:48

En este video aprenderemos a definir y usar colores en documentos de Adobe XD.

Usar colores.
11:58

En este video aprenderemos a definir y usar Esfumados o Gradients en documentos de Adobe XD.

Usar Esfumados.
07:15

Los Kits de Interfaz de usuario o UI Kits son conjuntos de elementos de interfaz que los desarrolladores de los sistemas operativos como Apple, Google o Windows ponen a nuestra disposición para ser reutilizados, asegurando de esa forma consistencia en el diseño.

Usar Kits de Interfaz de usuario.
11:36
+ Trabajar con imágenes y texto.
8 lectures 01:04:22

En este video explicaremos uno de los conceptos más importante de la imagen digital: la resolución.

Preview 09:26

Adobe XD ofrece soporte de importación soporte a los formatos más comunes con los cuales trabajamos como JPG, GIF, PNG y TIFF.

Importar imágenes.
10:19

Adobe XD permite importar información vectorial y también permite pegar información vectorial copiada de otros programas.

Importar vectores.
05:30

En Adobe XD podemos ocultar parte de elementos usando máscaras vectoriales.

Crear máscaras.
08:26

Adobe XD permite crear dos tipos de texto: Texto a punto o Point text y Texto a área o Area text.

Crear texto.
14:13

Adobe Fonts es un servicio de fuentes online que se instalan mediante un sistema de sincronización o activación. Estas fuentes pueden ser utilizadas en Adobe XD.

Usar fuentes de Adobe.
11:10

En este video aprenderemos a identificar fuentes faltantes en nuestros documentos de Adobe XD, es decir, fuentes que han sido usadas en dichos documentos pero que nosotros no tenemos instaladas.

Fuentes perdidas.
04:49
+ Organizar y transformar contenido.
9 lectures 01:13:33

Introducción a este capítulo.

Preview 00:18

Cuando creamos o importamos elementos en los documentos de Adobe XD, se genera un orden llamado orden de apilamiento el cual puede ser modificado.

Preview 06:28

Cuando creamos grupos a partir de varios elementos, estos elementos se comportan como uno solo, esto puede facilitar su transformación.

Crea grupos.
07:56

Adobe XD permite realizar tareas de alineación y distribución de elementos usando el panel Propiedades o Properties panel, y usando comandos.

Alinear y distribuir elementos.
06:03

Las Guías inteligentes o Smart guides facilitan y agilizan el proceso de alineación de elementos en Adobe XD.

Usar Guías inteligentes.
06:46

Al trabajar con varios elementos en Adobe XD, es común que necesitemos bloquear u ocultar estaos elementos de forma temporal.

Bloquear y ocultar.
07:11

En Adobe XD podemos escalar elementos usando el panel Propiedades o Properties panel, usando los manejadores, o usando la función de Escala responsiva o Responsive resize.

Escalar elementos.
22:20

Podemos escalar imágenes de forma similar a como escalamos otros tipos de elementos en Adobe XD. En ocasiones, el rellenar un rectángulo u óvalo con una imagen, facilita las tareas de escala de imágenes.

Escalar imágenes.
06:57

La función Alinear a Grilla de píxel o Align to Pixel grid en Adobe XD hace que las medidas y grosores de contorno de los elementos tengan valores enteros en pixeles y de esa manera mejora la definición de los mismos.

Alinear a la Grilla de pixeles.
09:34
+ Gestionar recursos, efectos y grillas.
6 lectures 55:41

Introducción a este capítulo.

Preview Processing..

Al guardar colores en el panel Recursos o Assets, podemos reutilizarlos fácilmente y editarlos, haciendo que estas ediciones se actualicen en los elementos donde hemos usado dichos colores.

Preview 09:58

Los Estilos de Carácter o Character styles, permiten automatizar la aplicación de formato al texto en nuestros documentos de Adobe XD.

Crear y usar Estilos de carácter.
07:19

Las Bibliotecas CC o CC Libraries, son espacios de almacenamiento remoto en el servicio Creative Cloud que pueden sincronizarse con las aplicaciones Adobe como XD. Podemos almacenar y reutilizar recursos entre diferentes documentos o diferentes aplicaciones, usando Bibliotecas CC.

Trabajar con Bibliotecas Creative Cloud.
14:31

En documentos de Adobe XD podemos usar varios efectos como sombras, desenfoques y efectos de contornos.

Usar efectos.
15:39

Las Grillas de repetición o Repeat grid son una estructura de repetición que facilita la creación de algunos elementos de interfaz.

Crear Grillas de repetición.
08:14
+ Taller 01: Diseñar y prototipar un sitio web en Adobe XD.
10 lectures 02:21:24

Introducción a este capítulo.

Preview 00:18

En este video crearemos la página Hone de nuestro diseño.

Crear la página Home.
19:19

En este video crearemos el diseño de la página del listado de planes.


Crear la página de Listado.
12:05

En este video crearemos el diseño de las páginas de detalle de planes.

Crear la página de detalle.
17:22

En este video crearemos el diseño de todas las páginas de detalle de planes.

Preview 05:27

En este video, a partir del diseño para escritorio, iniciaremos el diseño para tablet.

Iniciar el diseño para tablet.
15:50

En este video, realizaremos el diseño de Planes para tablet.

Crear las páginas de Planes para tablet.
13:25

En este video, a partir del diseño para escritorio, iniciaremos el diseño para smartphone.

Iniciar el diseño para smartphone.
14:16

En este video, realizaremos el diseño de Planes para smartphone.

Crear las páginas de Planes para smartphone.
17:18

En este video crearemos un prototipo a partir del diseño creado anteriormente.

Crear un prototipo.
26:04
+ Taller 02: Crear un Wireframe de una aplicación móvil.
6 lectures 45:42

Introducción a este capítulo.

Preview 00:14

En este video crearemos el Wireframe de la pantalla de inicio de la aplicación móvil.

Crear la pantalla de inicio.
06:01

En este video crearemos el Wireframe de la pantalla de registro de la aplicación móvil.

Crear la pantalla de registro.
13:14

En este video crearemos el Wireframe de la pantalla de ingreso de la aplicación móvil.

Preview 03:30

En este video crearemos el Wireframe de la pantalla de listado de ciudades de la aplicación móvil.

Crear la pantalla de listado.
07:59

En este video crearemos el Wireframe de la pantalla de detalle de ciudades o planes de la aplicación móvil.

Crear las pantallas de detalles.
14:44