Más de 15 tutoriales de Adobe XD (principiante a avanzado)
Adobe XD es una herramienta de Photoshop para prototipos 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 mucha funcionalidad, pero es posible que necesite ayuda para aprender a usarla. Hoy hemos recopilado algunos de los mejores tutoriales de Adobe XD para ayudarlo a comenzar.
Adobe XD puede ser un poco intimidante a primera vista. ¿Cuáles son los mejores recursos de aprendizaje? Hemos elegido los mejores tutoriales de Adobe XD para todos, desde principiantes hasta usuarios avanzados (y los hemos ordenado, para que pueda acceder al lugar correcto para su nivel de experiencia).
Tutoriales para principiantes de Adobe XD
Uno de los mejores lugares para obtener tutoriales para principiantes de XD es directamente de Adobe. Tienen una biblioteca de aprendizaje bastante sólida que está repleta de todos los conceptos básicos para guiarlo a través del uso del software las primeras veces.
Conozca Adobe XD
Este video tutorial dura 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 en una versión de prueba que intentan tomar una decisión sobre la compra.
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 hacer una superposición emergente.
Aprenderá a ajustar el tamaño para diferentes ventanas gráficas, establecerá los parámetros de búsqueda y ocultación y agregará un menú.
Hacer un diseño receptivo
Crear un diseño receptivo es obvio en 2020, y Adobe XD es una herramienta con plena capacidad de respuesta. Este tutorial lo guía a través del uso de la función de cambio de tamaño receptivo 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 utilizable 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 para guiarlo o incluso dibujar sus propios íconos mientras lee los pasos.
El tutorial incluso le muestra cómo apilar múltiples íconos para formas más elaboradas y usarlas en proyectos.
Crear elementos repetitivos
Adobe XD incluye una herramienta Repetir cuadrícula diseñada para crear múltiples elementos. Este tutorial le muestra cómo usar esta función usando gráficos o texto.
La cuadrícula de repetición es ideal 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 hace un trabajo rápido!
Diseñar 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 tu canal y marca).
El tutorial lo guía a través de la creación de miniaturas y viene con muchos recursos para ayudarlo a aprovechar al máximo esta herramienta, incluidos iconos, ilustraciones, degradados, fondos y más para trabajar.
Aprendizaje de Adobe XD
Si está buscando una guía completa para principiantes de Adobe XD, LinkedIn Learning (anteriormente Lynda) tiene un buen curso para principiantes. Dura 4 horas, pero cubre todo lo básico. 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).
Tutoriales intermedios de Adobe XD
A medida que ingresa a los tutoriales más completos de Adobe XD, puede comenzar a buscar servicios de suscripción para aprender. Si bien puedes encontrar muchos consejos en YouTube, también hay más opciones premium.
Diseño, prototipo y traspaso desde cero
Una vez que tenga un montón de 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 hacerlo utilizando las mejores prácticas, reutilizando estilos y elementos de diseño, y completando el proceso desde el diseño hasta la entrega.
El tutorial de Udemy está basado en video y viene con un certificado de finalización, activos 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 supone que ya sabe algo sobre la creación de proyectos digitales. Lo que aprenderá aquí es cómo trabajar con elementos dentro del software, incluidas formas, texto, máscaras y más.
Este tutorial es parte de Skillshare y está disponible con una suscripción.
Adobe XD Animation
Es difícil encontrar un sitio web sin efectos animados. Un conocimiento práctico de Adobe XD puede ayudarlo a crear estos efectos para proyectos por su cuenta. Este tutorial proporciona un enfoque sin código para trabajar y crear animaciones en Adobe XD.
Aprenderá a animar iconos, botones, controles deslizantes, gráficos, elementos de texto y más, así como a agregarlos a los diseños y prototipos creados, y compartirlos con los clientes.
Crear un menú interactivo
Una vez que tenga la mano de crear elementos más pequeños en Adobe XD, probablemente esté listo para pasar a páginas completas del proyecto, como este tutorial de menú interactivo.
El tutorial en YouTube incluye archivos de muestra para trabajar y lo lleva a través del proceso en menos de 10 minutos con un diseño funcional y utiliza 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 ser parte de sus flujos de trabajo diarios. Se puede utilizar para crear proyectos sólidos, incluidos sitios web a gran escala y diseños de aplicaciones.
Diseñar una página de destino
Una de las mejores cosas sobre el uso de Adobe XD es que funciona con otras aplicaciones de Adobe. Este tutorial le muestra cómo usar los activos de Photoshop para diseñar una página de destino en XD.
Creará una estructura alámbrica, editará contenido y luego podrá 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 de Android con Adobe XD
Diseñado como un tutorial más completo, el diseño de aplicaciones de Android con Adobe XD incluye 48 lecciones individuales que se unen para un curso completo sobre el diseño de una aplicación utilizando una estética de diseño de materiales.
Los tutoriales incluyen 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 diseños a los desarrolladores que usan Zeplin. Este es un tutorial completo de Skillshare.
Diseño de interfaz de usuario de Beats Website en Adobe XD
Este tutorial lo lleva a través del rediseño de un sitio web en Adobe XD. Entra en la categoría avanzada porque no incluye mucha instrucción, solo un video que se reproduce cuando el tutor completa las tareas.
Lo bueno de este tutorial es que puede ver cada acción a medida que sucede en la ruta para crear un diseño de sitio web. También hay archivos de inicio que van con el video de YouTube para que pueda trabajar junto con el tutorial.
Adobe XD Masterclass
La clase magistral de Adobe XD es probablemente el más intenso de todos los tutoriales en este resumen porque se perderá si no tiene una comprensión sólida de lo que puede hacer esta herramienta. Son 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.
¡Con suerte, algunos de estos, junto con nuestra selección de los mejores kits y plantillas de interfaz de usuario de Adobe XD, lo llevarán a una experiencia rápida con la aplicación!
){kind=link}