XD

Tutorial Hero Image

Adobe XD es una herramienta de creación de prototipos y diseño de experiencias de usuario para diseñar sitios web, aplicaciones, interfaces de voz, juegos y otros tipos de experiencias digitales.

Examinar Tutorials de productos

Creación de componentes con estados al pasar el ratón Creación de botones reutilizables y de tamaño dinámico para sus diseños interactivos
Creación y rellenado de una cuadrícula de repetición Convertir un solo elemento en cuadrículas repetidas con un simple clic y arrastrar
Trabajo con pilas Utilice la propiedad stack para reorganizar fácilmente los elementos
Crear un prototipo: vínculos de anclaje y 
Desplazar grupos Adición de navegación y desplazamiento a un prototipo
Crear un prototipo: estados de componentes interactivos Adición de interactividad y un menú superpuesto a un prototipo
Correo electrónico: crear y rellenar una cuadrícula de repetición Convertir un solo elemento en cuadrículas repetidas con un simple clic y arrastrar
Correo electrónico: trabajo con pilas Utilice la propiedad stack para reorganizar fácilmente los elementos
Espaciador

Espaciador

Crear componentes con estados al pasar el ratón (7:35)


DescripciónCree botones reutilizables y de tamaño dinámico para sus diseños interactivos.

En este tutorial, aprenderá a:

  • Realizar cambios en un componente principal de origen y estos cambios se insertan automáticamente en todas las instancias de dicho componente
  • Utilice componentes para mantener la coherencia, ahorrar tiempo y menos clics

Presentado por:
Michael Murphy, consultor senior de soluciones (Digital Media)

Creación y relleno de una cuadrícula repetida (2:57)


DescripciónConvierta un solo elemento en cuadrículas repetidas con un simple clic y arrastre.

En este tutorial, aprenderá a:

  • Amplíe su flujo de trabajo y arrastre la cuadrícula de cualquier tamaño que necesite al instante
  • Incorporar contenido y datos reales y XD colocará mágicamente todas las imágenes y el texto en la cuadrícula
  • Realice los cambios una vez y aplíquelos donde desee en cualquier dirección

Presentado por:
Ashley Dvorin, consultor senior de soluciones (Digital Media)

Trabajo con pilas (5:33)


DescripciónUtilice la propiedad stack para reorganizar fácilmente los elementos.

En este tutorial, aprenderá a:

  • Mantener la alineación y el espaciado entre objetos en el lienzo incluso cuando cambie el diseño
  • Inserción de nuevos objetos o reordenación de objetos en una pila y todo se ajusta automáticamente

Presentado por:
Michael Murphy, consultor senior de soluciones (Digital Media)

Crear un prototipo: Anchor Links and Scroll Groups (9:55) (Vínculos de anclaje y grupos de desplazamiento, en inglés)


DescripciónAñada navegación y desplazamiento a un prototipo.

En este tutorial, aprenderá a:

  • Añada vínculos a sus prototipos con una acción que permita a los usuarios saltar a diferentes puntos de la misma mesa de trabajo
  • Cree fuentes de actividad, carruseles de imágenes, listados de productos y mucho más definiendo áreas que se desplazan independientemente del resto de los diseños
  • Crear grupos que se desplazan verticalmente, horizontalmente o ambos

Presentado por:
Michael Murphy, consultor senior de soluciones (Digital Media)

Crear un prototipo: estados de componentes interactivos (8:55)


DescripciónAñada interactividad y un menú superpuesto a un prototipo.

En este tutorial, aprenderá a:

  • Crear una experiencia de usuario animada e interactiva no lineal sin necesidad de mesas de trabajo adicionales
  • Cree varios flujos de prototipo o interacción en un solo documento XD y publique vínculos únicos que se puedan compartir para cada flujo

Presentado por:
Emilie Enke, consultor asociado de soluciones (Digital Media)

Email - Create and Populate a Repeat Grid (4:45) (Creación y relleno de una cuadrícula repetida, en inglés)


DescripciónConvierta un solo elemento en cuadrículas repetidas con un simple clic y arrastre.

En este tutorial, aprenderá a:

  • Amplíe su flujo de trabajo y arrastre la cuadrícula de cualquier tamaño que necesite al instante
  • Incorporar contenido y datos reales y XD colocará mágicamente todas las imágenes y el texto en la cuadrícula
  • Realice los cambios una vez y aplíquelos donde desee en cualquier dirección

Presentado por:
Victoria Torres, Consultora de Soluciones (Digital Media)

Email - Work with Stacks (3:38) (Trabajo con pilas, en inglés)


DescripciónUtilice la propiedad stack para reorganizar fácilmente los elementos.

En este tutorial, aprenderá a:

  • Mantener la alineación y el espaciado entre objetos en el lienzo incluso cuando cambie el diseño
  • Inserción de nuevos objetos o reordenación de objetos en una pila y todo se ajusta automáticamente

Presentado por:
Victoria Torres, Consultora de Soluciones (Digital Media)

Logotipo XD

Recursos XD

Formación y asistencia técnica es su centro para ver tutoriales adicionales, Novedades y vínculos a foros de la comunidad.

Versión de octubre de 2020

Empiece a utilizar estas funciones (y mucho más) descargando la actualización más reciente desde la aplicación de escritorio de Creative Cloud.

En esta página