comparto una pagina de iconos gratuitos, donde es muy fácil agregarlos a los archivos adobe Xd . Solo le damos clic y se copia automaticamente. ya solo le damos pegar en nuestro archivo.
Introducción a Adobe XD
Diseño de Interfaces con Adobe XD: Prototipado y Animaciones
Introducción a Adobe XD para Prototipado y Diseño Colaborativo
Diseño de Interfaces con Adobe XD
Creación de documentos en Adobe XD para dispositivos y redes sociales
Quiz: Introducción a Adobe XD
Familiarizarte con Adobe XD
Herramientas y Entorno de Trabajo en Adobe XD
Creación de Formas y Colores en Adobe XD
Grids y Layouts en Adobe XD: Creación y Personalización
Diseño Responsive en Adobe XD: Tips y Trucos Esenciales
Uso de la herramienta de texto en Adobe XD
Herramientas de Alineación y Transformación en Adobe XD
Quiz: Familiarizarte con Adobe XD
Prototipar con Adobe XD
Prototipado de Interfaces con Adobe XD: Sketch y Wireframes
Creación de Mood Boards para Proyectos Digitales
Creación de Flujos de Navegación en Wireframes de Alta Fidelidad
Quiz: Prototipar con Adobe XD
Trabajar con Adobe XD
Diseño Atómico y Creación de Componentes en Adobe XD
Animaciones Interactivas para Proyectos Digitales
Quiz: Trabajar con Adobe XD
Adobe XD en el entorno laboral
Compartir Prototipos y Obtener Feedback Constructivo
Compartir Diseños de Adobe XD con Equipos y Clientes
Autoevaluación del Curso de Adobe XD
Quiz: Adobe XD en el entorno laboral
Despedida
Examen Final del Curso de Adobe XD
Autoevaluación y Revisión de Prototipos de Diseño
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Crear un proyecto digital exitoso implica transformar visiones en realidades tangibles. Un elemento esencial de este proceso es el desarrollo de wireframes de alta fidelidad, los cuales trasladan el look and feel definido en el mood board a estructuras más detalladas. El mood board, como vimos, es la fuente de inspiración que -al plasmarlo en wireframes- permite que el diseño cobre vida en cada pantalla y funcionalidad.
Nombrar correctamente cada pantalla es clave, ya que facilita crear un flujo de trabajo ordenado. Las pantallas deben tener nombres descriptivos como "home", "menú principal" o "detalle de libro". Luego, se procede a enlazarlas para crear un flujo de navegación coherente.
Al conectarlas, se debe:
El flujo de navegación es fundamental para garantizar una experiencia de usuario fluida y coherente. Aquí es donde se logra conectar las pantallas de manera que el usuario pueda entender intuitivamente cómo moverse dentro de la aplicación.
Con las herramientas de prototipado, como Adobe XD, se puede simular la navegación y comprobar que todas las transiciones funcionan. Esto brinda la oportunidad de:
El diseño centrado en el usuario requiere considerar aspectos de usabilidad que permitan una experiencia intuitiva:
Un buen diseño debe permitir que el usuario avance y retroceda en la navegación sin problemas. Incorpora elementos como flechas de retroceso que lleven al usuario a la pantalla anterior, promoviendo una navegación fluida.
Identificar de dónde nace el flujo es vital. Marcar la pantalla de inicio (como 'home') asegura que se reconoce el punto de partida y proporciona una referencia visual del esquema de navegación.
Practicar y experimentar con diferentes configuraciones de flujo afianza el conocimiento adquirido. Jugar con los tiempos de transición y descubrir nuevas opciones dentro del panel de propiedades enriquece la calidad del proyecto.
Finalmente, se abre un campo de oportunidades al interactuar con colegas y compañeros mediante comentarios y aportaciones. Esto no solo mejora el producto, sino que enriquece el proceso cognitivo y la evolución profesional. No dudes en mostrar tu trabajo, pues cada paso es un avance hacia el dominio del diseño digital.
Aportes 26
Preguntas 4
comparto una pagina de iconos gratuitos, donde es muy fácil agregarlos a los archivos adobe Xd . Solo le damos clic y se copia automaticamente. ya solo le damos pegar en nuestro archivo.
Otro plus, es que puedes conectar tu dispositivo móvil a tu ordenador e instalar la APP de Adobe Xd. & ver el flujo e interacciones de tu diseño directamente desde tu celular. Esto hace que parezca ya una aplicación 100% realizada. Aunque solo esté realizada en diseño. ( Yo así realicé mis presentaciones a los de mi equipo)
Creo que hubiera quedado perfecto alguna clase o referencia a un curso donde se enseñe a crear las imagenes de los íconos ya que en lo personal se me complica crearlos.
Pienso que el panel de prototipado esta perfecto, se realiza todo de forma muy intuitiva y no esta sobrecargado de opciones que lo puedan hacer algo complejo. 😃
Links de recursos para encontrar íconos:
https://heroicons.com/
https://www.flaticon.es/
https://www.freepik.com/
https://tablericons.com/
Lo bueno de Adobe Xd a diferencia de otras apps, es que sus animaciones (Sin importar que tan pesadas sean) están muy bien optimizadas. He logrado ver locuras que parecen estar hechas en motion graphics pero en realidad solo es adobe Xd
Yo e hecho mis diseños de illustrator los arrastro a XD igual que las imágenes, me esta encantando mucho este curso!! 🥰
Experimentando con textos, colores, formas diferentes! 😃
pero al seleccionar se puede en cualquier parte del la siguiente pagina me refiero al jalar la flecha en prototipe
Amé esta clasee, me encanta, ya quiero hacer la mía ❤️
Mi aporte de prototipado:
Wow increible esta clase, me encantó.
¡Brutal!
Que buena explicación
Me esta encantando la aplicación, es super intuitiva y el curso muy bien explicado
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?