La herramienta de diseño UX de Adobe parece ser el complemento perfecto para el paquete de software de la empresa. Este artículo profundizará en lo que es Adobe XD. Luego veremos cómo puede ponerlo en uso.
Si es un usuario a largo plazo de la interfaz de Adobe, debería considerar leer hasta el final.
¿Por qué?
A diferencia de otras herramientas como Sketch y Figma, AdobeXD es más fácil de usar para las personas que ya familiarizado con el ecosistema de Adobe.
E incluso si recién se está uniendo a la fiesta, le mostraré los conceptos básicos de cómo usar Adobe XD y aplanar esa curva de aprendizaje.
¿Interesado? Vamos.
¿Qué es Adobe XD??
Es un vector basado herramienta de diseño digital para sitios web y aplicaciones.
Había varias opciones para que los diseñadores de UI y UX se volvieran creativos en el pasado. Teníamos Sketch, la aplicación de escritorio tradicional, y, por supuesto, Figma, que ofrecía un enfoque más colaborativo.
Pero después de la conferencia Adobe MAX en octubre de 2015, todos sabíamos que algo nuevo estaba a punto de llegar a los mercados.
Cinco años después del lanzamiento de Sketch, se presentó al mundo el «Proyecto Cometa». Este fue el primer nombre de la herramienta de diseño web de Adobe.
Adobe XD fue creado por adobe inc. y lanzado para macOS como «Diseño de experiencias de Adobe CC» a cualquier persona con una cuenta de Adobe el 14 de marzo de 2016. Más tarde ese año, la herramienta estuvo disponible para Windows 10 y ahora también es compatible con iOS y Android para la funcionalidad móvil.
Adobe XD es parte de Creative Cloud. La herramienta es la única solución UX que permite a los diseñadores importar, ver y editar Contenido de Adobe Photoshop e Illustrator. Parece que la pieza del rompecabezas que falta se hizo en colaboración total con el resto de Creative Cloud.
Para pensarlo, AdobeXD tiene muchas similitudes con el primer iPhone.
Sé que es una comparación extraña, pero escúchame.
La herramienta de diseño tiene una gran ventaja – fue construido desde cero con las mejores prácticas de UI y UX en mente.
¿Qué significa eso para el usuario final?
Cuando los desarrolladores toman las decisiones correctas al principio del proceso, el resultado es una herramienta fácil de usar y de alta calidad. Al igual que el primer iPhone, es posible que Adobe XD no tenga todas las funciones de sus competidores. Pero, los que tiene, funcionan.
¿Para qué se utiliza Adobe XD?
Diseño de páginas web
Adobe hace que el diseño de sitios web sea un concepto más sencillo y fácil de entender.
Si eres un diseñador principiante de UI/UX que quiere la opción de comparte el progreso de tu trabajoAdobe XD es la herramienta perfecta para ti.
No solo mantiene su caja de herramientas bien preparada con todas las herramientas esenciales, sino que también le permite colaborar fácilmente.
Un diseño de Adobe XD no es difícil de crear. No es necesario ser un experto en el desarrollo de la estructura alámbrica de un sitio web para usarlo.
Hablando de principiantes, te tengo cubierto si no sabes qué estructura alámbrica es. La descripción más corta es: el esqueleto de la interfaz de usuario. Es un boceto de las características, el diseño y las funcionalidades del producto final.
diseño de aplicaciones
Otro ejemplo de lo que puede hacer con Adobe XD es un diseño de aplicaciones.
Puedes diseñar una aplicación móvil completa en jsolo un documento XD.
¿Cómo?
Bueno, el software le permite optimizar archivos a escala vectorial para pantallas de alta resolución. También obtiene todas las herramientas necesarias para diseñar menús, animaciones, transiciones y la apariencia general de su aplicación.
Diseño de asistente de voz
Una gran característica de Adobe XD es su integración de prototipos de voz.
Su propósito es ayudarte a enriquecer la experiencia del usuario involucrando el medio de la voz en tus proyectos. La herramienta es bastante útil a la hora de integrar la búsqueda por voz dentro de una app o crear sistemas de navegación y asistentes de voz.
También hace que el proceso de trabajo sea más fácil de navegar. En lugar de usar hacer clic o tocar como disparador, también puede emplear comandos de voz para interactuar con su prototipo.
Diseño de juego
La creación de prototipos de juegos en Adobe XD le permite diseñar menús, selecciones de personajes, HUD y más sin esfuerzo.
También puede agregar y programar controladores de videojuegos para experimentar la interfaz como lo harán los jugadores.
¿Todavía no estás seguro de si el diseño es pegadizo?
Puedes pruébelo en usuarios reales. Adobe XD le permite compartir prototipos con jugadores para evaluar qué tan útiles son sus ideas creativas.
Vista previa en vivo
Una ventaja significativa de Adobe XD es la Vista previa en vivo.
Así es, puede echar un vistazo a cómo su diseño cobra vida.
Lo único que necesitará es un cable USB que transfiera datos, que no debe confundirse con el que usa para cargar.
Es tan fácil como 1,2,3. Vamos a empezar:
- Primero, elija cuál de sus proyectos de Adobe XD desea obtener una vista previa. Luego conecte su dispositivo móvil al puerto USB de la computadora que ejecuta Adobe XD.
- Abra Adobe XD en su dispositivo móvil.
- Ahora, el proyecto en su escritorio también aparecerá en el dispositivo móvil. La vista previa estará en tiempo realpor lo que si realiza cambios en cualquiera de los dispositivos, se reflejará en el otro.
Repetir cuadrícula
Las cuadrículas para diseñadores son como marcos para desarrolladores. Puedes prescindir de ellos, pero el resultado suele ser caótico.
Adobe XD tiene una forma sencilla de estructuración de contenidos. La herramienta crea una cuadrícula basada en las pautas y los valores que ha elegido el diseñador. Esto acelera el proceso creativo y proporciona más visibilidad y control.
¿Cómo usar Adobe XD para agregar una cuadrícula a un proyecto? El 3 vuelve a ser nuestro número de la suerte:
- Seleccione una mesa de trabajo.
- Mire el menú del lado izquierdo y asegúrese de que la casilla GRID esté marcada.
- Establezca los valores de su elección. La herramienta luego creará la cuadrícula que necesita.
¿Ya impresionado?
Si aún se pregunta si debe probar esta herramienta, consulte nuestra revisión detallada de Adobe XD.
Envolver
Ahora tiene una comprensión básica del activo más nuevo de Adobe Creative Cloud: Adobe XD.
También sabes por qué se creó: cumplió con la gran necesidad de un plataforma de diseño en el ecosistema de Adobe.
Los diseñadores pueden aprovechar la aplicación Adobe XD de forma gratuita durante el período de prueba de 7 días. Esto puede parecer un poco de tiempo para dominarlo, pero si está acostumbrado a las plataformas de Adobe, es más que suficiente.
