Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información. Aceptar

Qué es Adobe XD

Javier Iglesia
  • Escrito por Javier Iglesia el 18 de Noviembre de 2020
  • 1 min de lectura Diseño Web
Qué es Adobe XD

Adobe XD es una herramienta dedicada al diseño de experiencias de usuarios, que nos va a permitir diseñar y modificar gráficos vectoriales, que serán aquellos elementos con los que vamos a diseñar nuestra interfaz, generalmente orientado a un proyecto de diseño web o de una app.

Nos va a servir también para crear prototipos interactivos de nuestra interfaz y probarla con usuarios, para comprobar si nuestra aplicación es intuitiva.

Esta herramienta ofrece un espacio de trabajo muy fácil de usar, con múltiples herramientas para la creación de formas, dónde podemos modificar todas sus propiedades y crear desde la forma más sencilla hasta el diseño más complejo que nos podamos imaginar.

Imagen 0 en Qué es Adobe XD

También nos va a permitir modificar las herramientas de color y de texto, para crear así paletas de colores y utilizarlas a lo largo de nuestro proyecto, o distintos estilos de caracteres en función del contexto en el que los queramos utilizar.

Una de las funciones más útiles de este programa es la creación de componentes, que van a ser aquellos elementos a los que vamos a recurrir para repetir en múltiples pantallas, y de los que podremos crear múltiples estados, que serán aquellos contextos que les daremos a estos componentes en función del contexto en el que van a ser usados.

El otro apartado de Adobe XD es la creación de prototipos interactivos, ya que este programa nos va a permitir crear vínculos entre las diferentes pantallas y los diferentes elementos en nuestro proyecto y animarlos.

Podremos establecer distintos tipos de triggers o desencadenantes, como, por ejemplo, si tocamos un botón o si arrastramos una pantalla, e incluso crear comandos de voz y cuáles son las acciones que pueden desencadenar qué tipo de triggers.

Ofrece una muy buena integración con otros programas de la suite de Adobe, incluso con Sketch o con herramientas de desarrollo, y nos ofrece múltiples opciones para exportar los recursos de nuestro proyecto.

Imagen 2 en Qué es Adobe XD

Igualmente, si queremos compartir nuestro diseño o nuestro proyecto, tendremos múltiples opciones para configurar la forma en la que se comparte, ya sea con un cliente o con nuestro equipo de diseño o de desarrollo.

Relacionado

Te dejamos una selección de cursos, carreras y artículos

10 recursos gratuitos para diseño Web

10 recursos gratuitos para diseño Web

Desarrollo Web

17 de Junio de 2015

En Internet tenemos una gran cantidad de herramientas gratuitas que nos da todo tipo de soluciones y nos facilita nuestro trabajo. Hay muchas personas en contra del uso de este tipo de herramientas...

Ventajas de implementar Flexbox en una maqueta web

Ventajas de implementar Flexbox en una maqueta web

Diseño Web

29 de Enero de 2020

A la hora de desarrollar una maqueta web, es de gran ayuda utilizar el modelo Flexbox. Te explicamos cómo poder implementar Flexbox en tus plantillas y sus características principales.

Más de 300 empresas confían en nosotros

Oesia
Vass
Everis
Ayesa
Altran
Ibermatica
Atmira
GFI
Accenture
GMV
Concatel
Telefonica
Caser
Banco de España
kpmg
Mapfre
Randstad