Udemy

Platform

Español

Language

Other

Category

Curso profesional de Adobe XD: ¡De cero a Experto!

Aprende a manejar Adobe XD a nivel profesional, el software para creación de interfaces y prototipos en el mundo de UX.

4.86 (70 reviews)

Students

10.5 hours

Content

Jun 2020

Last Update
Regular Price

Topics

SKILLSHARE
SkillShare
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL

What you will learn

Aprenderás desde lo más básico a lo más avanzado de Adobe XD

Serás capaz de ganar dinero gracias a tus habilidades con XD

Construir un proyecto UX de inicio a fin utilizando Adobe XD

Construir y probar la interacción de una aplicación móvil completa

Construir y probar el diseño de un sitio web completo

Podrás agregar un proyecto a tu portafolio

Aprenderás a diseñar sitios web y aplicaciones móviles

Aprenderás a diseñar y reutilizar componentes en tus proyectos

Prototipar tus diseños con interacciones

Probar tus diseños en dispositivos móviles

Crearás un prototipo completo con micro interacciones

Compartir tu diseño para recibir retroalimentación y comentarios

Exportar recursos de tu espacio de trabajo

Cómo utilizar Kits UI pre elaborados

Aprenderás el flujo de trabajo y trucos

Podrás descargar los archivos de cada ejercicio para que puedas practicar

Construir una prototipo de una aplicación móvil que responda a comandos voz

Podrás enviar tu trabajo finalizado a otros profesionales en los formatos correctos


Description

Adobe XD es la herramienta ágil y dinámica que presenta Adobe para el diseño de interfaces web y móviles. Con esta herramienta podrás crear prototipos interactivos en minutos de forma profesional.

En este curso aprenderás desde lo más básico a lo más avanzado poniendo en práctica tus conocimientos con un proyecto real que será una aplicación móvil. Esta aplicación puede ser usada para Mac como para Windows. En este curso mostraré la app en Windows por lo que si tienes Mac solo verás algunas diferencias en cuanto a atajos de teclado y funcionalidades.


Screenshots

Curso profesional de Adobe XD: ¡De cero a Experto!
Curso profesional de Adobe XD: ¡De cero a Experto!
Curso profesional de Adobe XD: ¡De cero a Experto!
Curso profesional de Adobe XD: ¡De cero a Experto!

Content

Introducción a Adobe XD

Qué es Adobe XD?

Descarga e Instalación de Adobe XD

Iniciando con Adobe XD

Conociendo el entorno de trabajo de Adobe XD

Iniciando tu proyecto de Adobe XD

Mesas de trabajo

Paneo y Zoom

Manejo de capas

Aplicación de conceptos vistos - ¡De sketch a Prototipos!

Demostración de esta sección - Prototipado de Login y registro de una App

Dibujar formas básicas

Trabajando con texto

Seleccionar y mover objetos

Estilos sobre objetos

Selección de color

Duplicar objetos y estilos

Editando formas y herramienta lápiz

Alinear y distribuir objetos

Redimensionar y rotar objetos

Operaciones booleanas

Añadiendo detalles a nuestro prototipo

Trabajando con Kits UI existentes en Adobe XD

Creando una App de donación de alimentos - Parte 1

Demostración de lo que aprenderás

Revisión de sketch y organización del proyecto

Vista de inicio de la aplicación

Creando los wireframes de nuestras vistas - Parte 1

Creando los wireframes de nuestras vistas - Parte 2

Creando una App de donación de alimentos - Parte 2

Conociendo el panel de recursos

Cómo hacer y usar componentes en Adobe XD - Parte 1

Cómo hacer y usar componentes en Adobe XD - Parte 2

Usando la cuadrícula repetida en Adobe XD

Actualizando componentes

Aplicando todos los conceptos vistos - Parte 1

Aplicando todos los conceptos vistos - Parte 2

Aplicando todos los conceptos vistos - Parte 3

Colores

Trabajando con colores en Adobe XD

Cómo crear gradientes Adobe XD

Textos y fuentes avanzado

Manejo de fuentes avanzado en Adobe XD

Adicionar plugin de Lorem Ipsum en Adobe XD

Imágenes

Insertando imágenes en tus portotipos

Enmáscarado de imágenes

Opacidad e imágenes de fondo con desenfoque

Creando la lista de usuarios de nuestra App y la vista de detalle

Plugin - Adicionar fotos de perfil

Plugins en Adobe XD y herramientas de ayuda

Plugin - Generar patrones de diseño

Plugin - Renombrar elementos fácilmente

Plugin - Ordenar mesas de trabajo en Adobe XD

Adicionando interacciones

Introducción a las interacciones en Adobe XD

Conociendo las interacciones en Adobe XD

Interacción usando transiciones - Parte 1

Interacción usando transiciones - Parte 2

Micro Interacciones

Qué son las micro interacciones de UI en Adobe XD

Consideraciones con las micro interacciones en Adobe XD

Micro interacciones sobre botones e imágenes en Adobe XD

Micro interacciones sobre vectores

Aplicando lo visto a nuestra App

Finalizando nuestra App

Prototipado Avanzado

Demostración de esta sección

Práctica: Crear aplicación tipo Instagram

Animación de slides para múltiples imágenes

Como crear un popup o modal en Adobe XD (Estados en Instagram)

Tiempo de retraso en transiciones

Utilizando máscaras para hacer un contador animado en Adobe XD

Animación de menú lateral y menú hamburguesa en Adobe XD

Vista de perfil y opción de drag en las transiciones de Adobe XD

Desplazamiento sobre la misma mesa de trabajo

Interacciones con voz

Cómo agregar comandos de voz a Adobe XD

Exportar y compartir

Organizando nuestro prototipo final

Cómo exportar imágenes y recursos desde adobe XD para desarrolladores

Compartir prototipos para recibir comentarios en Adobe XD

Agregando comentarios y revisiones a nuestros prototipos

Cómo exportar código en XD para ingenieros usando especificaciones de diseño

Grabando las interacciones en video usando Adobe XD

Conclusiones

Conclusiones del curso


Reviews

N
Nelson21 January 2021

Muy bien explicado, tiempo antes de tomar el curso había querido hacer uso de la herramienta pero simplemente no sabía cómo, y no podía hacer algo. Con unas pocas clases había logrado comprender lo suficiente para intentar hacer algo. Me ha parecido muy completo y fácil de entender. Gracias al instructor.

S
Stefan21 December 2020

Totalmente claro en esta sección y sin ninguna duda. Todas las prácticas que avanzo no tengo ninguna dificultad.

C
Cristian20 November 2020

¡Excelente curso y muy recomendado! Me hubiera gustado ver un poco más del proceso de trabajo real con la aplicación a partir de un brief, pero creo que cumple con lo que promete, enseñar cada por completo la herramienta Adobe XD.

J
Josue16 November 2020

Muy buen curso , el profesor explica muy bien detalle todo estuvo bien los contenidos fueron muy completos y atendibles , esperemos que el profesor de anime a sacar mas videos asi ,tiene de todo calidad, contenido , y buena explicacion

A
Arnold14 August 2020

Muy interesante, Es un curso al que se le tiene q prestar mucha atención, Para no perderse y confundir el funcionamiento de las interacciones. SI LO RECOMIENDO, Pero me hubiera gustado también ver un ejemplo para una página web.

D
Dilmary13 August 2020

Excelente curso y se explica todo muy bien tanto teorico como practico., RECOMENDADO AL 100% . GRACIAS

L
Leonardo31 July 2020

Excelente curso. Posterior a este, he podido avanzar en el diseño de diferentes interfaces y tener una mejor comunicación con el desarrollador de estas. Totalmente recomendado si quieres iniciar en UX/UI y especialmente en Adobe XD.

J
Josefy21 July 2020

Super buen contenido. Me gusta mucho su forma de explicar y ejemplificar cada contenido. Soy desarrolladora de aplicaciones móviles y quería adquirir conocimientos de alguna herramienta que me ayude a realizar el maquetado y diseño. Fue una buenísima elección. ¡Gracias!

A
Andres31 May 2020

Excelente. El curso empieza desde lo básico, siendo ideal para los que apenas estamos iniciando en el mundo del diseño. Es didáctico y cuenta con ejemplos muy prácticos.


2583090

Udemy ID

9/29/2019

Course created date

6/2/2020

Course Indexed date
Bot
Course Submitted by