Adobe XD es una herramienta de Photoshop a prototipo que forma parte de Creative Cloud Suite (¡y nuestra introducción de Adobe XD 101 es un buen lugar para comenzar!). Es una herramienta robusta con muchas funciones, pero es posible que necesite ayuda para aprender a usarla. Hoy reunimos algunos de los mejores tutoriales de Adobe XD para ayudarlo a comenzar.
Adobe XD puede resultar un poco intimidante a primera vista. ¿Cuáles son los mejores recursos de aprendizaje? Elegimos los mejores tutoriales de Adobe XD para todos, desde principiantes hasta usuarios avanzados (y los clasificamos para que pueda acceder al lugar adecuado para su nivel de experiencia).
Tutoriales de Adobe XD para principiantes
Uno de los mejores lugares para obtener tutoriales de XD para principiantes es el propio Adobe. Tienen una biblioteca de aprendizaje bastante sólida que contiene todos los conceptos básicos para guiarlo a través del uso del software las primeras veces.
Conoce Adobe XD
Este video tutorial tiene una duración de 20 minutos y es una introducción al uso de Adobe XD. Este es un punto de partida sólido para los usuarios antes de comenzar a usar el software o para aquellos con una versión de prueba que están tratando de tomar una decisión sobre si comprarlo.
El tutorial incluye algunos archivos de muestra para ayudarlo a practicar durante la lección en video.
Hacer una superposición emergente
Una de las mejores formas de aprender Adobe XD es crear proyectos a menor escala y familiarizarse con las herramientas. Este tutorial lo lleva paso a paso con instrucciones escritas y visuales para crear una superposición emergente.
Utilizará Learn para ajustar el tamaño de diferentes ventanas gráficas, establecer parámetros de búsqueda y ocultación y agregar un menú.
Hacer un diseño receptivo
Crear un diseño receptivo es un gran problema en 2021, y Adobe XD es una herramienta totalmente receptiva. Este tutorial lo guía a través del uso de Responsive Resize y las restricciones relacionadas para que pueda crear un diseño que se vea genial en cualquier lugar.
Lo bueno de este tutorial es que lo guía a través de una herramienta útil que puede ayudarlo a acelerar su flujo de trabajo cuando sabe cómo aprovecharlo al máximo.
Crear iconos
Otro proyecto a pequeña escala para probar en Adobe XD es crear iconos. Con este tutorial, puede usar el archivo de muestra como guía o incluso dibujar sus propios íconos mientras lee los pasos.
El tutorial incluso le muestra cómo apilar múltiples íconos para obtener formas más elaboradas y usarlos en proyectos.
Crear elementos repetitivos
Adobe XD incluye una herramienta Repetir cuadrícula que está diseñada para crear varios elementos. Este tutorial le muestra cómo usar esta característica usando gráficos o texto.
La cuadrícula repetitiva es excelente para crear una línea de botones o elementos de menú con líneas horizontales o verticales de elementos similares. ¡Y esta herramienta también funciona rápido con ella!
Diseño de miniaturas para videos de YouTube
En menos de una hora, puede usar Adobe XD para crear miniaturas personalizadas para sus videos de YouTube. (Esta es una gran técnica para construir su canal y marca).
El tutorial lo guía a través de la creación de sus miniaturas y viene con toneladas de recursos para ayudarlo a aprovechar al máximo esta herramienta, incluidos íconos, ilustraciones, degradados, fondos y más para trabajar.
Aprende Adobe XD
Si está buscando una guía completa para principiantes de Adobe XD, LinkedIn Learning (anteriormente Lynda) tiene un buen curso para principiantes. Se tarda 4 horas, pero cubre todos los conceptos básicos. Viene con archivos de práctica y lo ayuda a comprender todo, desde el uso de mesas de trabajo y cuadrículas hasta el trabajo con interacciones de voz y animaciones.
Este curso se divide en pequeñas lecciones (solo unos minutos cada una) y viene con suscripciones pagas (o puede comenzar con una prueba gratuita).
A medida que ingrese a tutoriales de Adobe XD más completos, puede comenzar a buscar servicios de suscripción para aprender. Si bien puede encontrar muchos consejos en YouTube, hay aún más opciones premium.
Diseño, prototipo y transferencia desde cero
Una vez que comprenda las herramientas básicas y cómo funciona Adobe XD, estará listo para diseñar una interfaz web más compleja como una aplicación. Este tutorial lo ayudará a hacer exactamente eso utilizando las mejores prácticas, reutilizar estilos y elementos de diseño, y completar el proceso desde el diseño hasta la transferencia.
El tutorial de Udemy está basado en video y viene con un certificado de finalización, materiales descargables y acceso de por vida a los materiales.
Adobe XD para diseñadores de UI y UX
Este tutorial/clase para diseñadores de interfaz de usuario y experiencia de usuario asume que ya sabes algo sobre la creación de proyectos digitales. Lo que aprenderá aquí es cómo trabajar con elementos en el software, incluidas formas, texto, máscaras y más.
Este tutorial es parte de Skillshare y está disponible con una suscripción.
Animación de Adobe XD
Es difícil encontrar un sitio web sin efectos animados. Un conocimiento práctico de Adobe XD puede ayudarlo a crear estos efectos para sus propios proyectos. Este tutorial proporciona un enfoque sin código para trabajar y crear animaciones en Adobe XD.
Aprenderá a animar íconos, botones, controles deslizantes, gráficos, elementos de texto y más, y los agregará a las maquetas y prototipos que cree y distribuya a los clientes.
Crear un menú interactivo
Una vez que aprenda a crear elementos más pequeños en Adobe XD, probablemente esté listo para pasar a las páginas completas del proyecto como este tutorial de menú interactivo.
El tutorial de YouTube incluye archivos de muestra para trabajar y lo guía a través del proceso en menos de 10 minutos, con un diseño funcional y usando Adobe XD de una manera bastante fácil de entender.
Tutoriales avanzados de Adobe XD
Una vez que haya cubierto los conceptos básicos, el uso de Adobe XD podría convertirse en parte de sus flujos de trabajo diarios. Se puede utilizar para crear proyectos sólidos, incluidos sitios web y diseños de aplicaciones a gran escala.
Diseña una página de aterrizaje
Una de las mejores cosas de usar Adobe XD es que funciona con otras aplicaciones de Adobe. Este tutorial le muestra cómo utilizar nuestros materiales de Photoshop para diseñar una página de destino en XD.
Creará una estructura alámbrica, editará el contenido y luego compartirá el diseño para recibir comentarios. El tutorial incluye texto y un video, así como archivos de muestra para trabajar.
Diseño de aplicaciones Android con Adobe XD
Diseñado como un tutorial más completo, Diseño de aplicaciones de Android con Adobe XD incluye 48 lecciones individuales que se unen para formar un curso completo sobre el diseño de una aplicación utilizando una estética de Material Design.
Los tutoriales cubren todo, desde el diseño y las especificaciones hasta la exportación de activos y el uso de una guía de estilo codificada. También aprenderá cómo entregar modelos a desarrolladores usando Zeplin. Este es un tutorial completo de Skillshare.
Diseño de interfaz de usuario del sitio web de Beats en Adobe XD
Este tutorial lo guía a través del rediseño de un sitio web en Adobe XD. Cae en la categoría avanzada porque no incluye muchas instrucciones, solo un video que se reproduce mientras el tutor completa las tareas.
Lo bueno de este tutorial es que puede ver cada acción a medida que sucede en el camino hacia la creación de un diseño de sitio web. También hay archivos de inicio que acompañan al video de YouTube para que pueda trabajar junto con el tutorial.
Clase magistral de Adobe XD
Adobe XD Masterclass es probablemente el más intensivo de todos los tutoriales en este resumen, porque se perderá si no tiene una comprensión sólida de lo que esta herramienta puede hacer. Hay más de 2 horas de ejercicios diseñados para ayudarlo a maximizar el uso de la herramienta.
Trabajará con dos ejemplos en este tutorial de Skillshare: una aplicación web de 6 páginas y una interfaz de sitio web.
Esperamos que algunos de estos, junto con nuestra selección de los mejores kits y plantillas de interfaz de usuario de Adobe XD, lo ayuden a alcanzar rápidamente la experiencia en aplicaciones.
