Cursos Empresas Blog Live Conf Precios

Prototipado

Clase 27 de 32 • Curso de Adobe XD 2019

Contenido del curso

Conocer la importancia de utilizar una herramienta especializada en el diseño de interfaces

1
Actualización de curso
00:05 min
2
Qué es AdobeXD y por qué usar AdobeXD
01:11 min
3
Instalación
00:51 min

Crear y configurar un nuevo proyecto

4
Creación de un documento
03:03 min
5
Interfaz y navegación
05:24 min
6
Atajos de teclado
00:12 min
7
Artboards
05:18 min
8
Grids y layouts
06:40 min

Utilizar las herramientas de Diseño

9
Formas
14:17 min
10
Alinear y combinar formas
06:55 min
11
Diseñar icono
14:06 min
12
Textos y tipografía
06:29 min
13
Imágenes y máscaras
06:24 min
14
Pluma
06:09 min

Optimizar el trabajo con herramientas avanzadas

15
Repeat grid tool
10:45 min
16
Cargar contenido en repeat grid tool
03:03 min
17
Componentes
09:38 min
18
Panel de assets
08:34 min
19
Responsive Resize
09:09 min
20
UI Kits
04:39 min

Diseñar una app

21
Wireframes del proyecto:sección cartelera
11:20 min
22
Wireframes del proyecto: menú inferior
07:14 min
23
Mockups del proyecto
15:26 min
24
Definiendo la paleta de color para el mockup del proyecto
11:52 min
25
Teoría del color para el diseño de interfaces
03:10 min
26
Agregar contenido al mockup del proyecto
12:51 min

Crear prototipos interactivos

27
Prototipado
Viendo ahora
28
Animaciones automáticas con Adobe XD
03:45 min
29
Animaciones avanzadas
04:27 min

Aplicar las mejores prácticas y herramientas para exportar los proyectos

30
Exportado
06:46 min
31
Compartir
06:59 min
32
Conclusiones
01:37 min

Escuelas

Desarrollo Web
English Academy
Marketing Digital
Inteligencia Artificial y Data Science
Ciberseguridad
Liderazgo y Habilidades Blandas
Diseño de Producto y UX
Contenido Audiovisual
Desarrollo Móvil
Diseño Gráfico y Arte Digital
Programación
Negocios
Blockchain y Web3
Recursos Humanos
Finanzas e Inversiones
Startups
Cloud Computing y DevOps

Platzi y comunidad

Platzi Business
Live Classes
Lanzamientos
Executive Program
Trabaja con nosotros
Podcast

Recursos

Manual de Marca

Soporte

Preguntas Frecuentes
Contáctanos

Legal

Términos y Condiciones
Privacidad
Tyc promociones

Reconocimientos

Reconocimientos

Top 40 Mejores EdTech del mundo · 2024

Primera Startup Latina admitida en YC · 2014

Primera Startup EdTech · 2018

CEO Ganador Medalla por la Educación T4 & HP · 2024

CEO Mejor Emprendedor del año · 2024

De LATAM conpara el mundo

Youtube Instagram LinkedIn TikTok Facebook X (Twitter)Threads

Nicolás Iannicelli

student•

Richard Alejandro Avendaño Valenzuela

student•

Nicolás Iannicelli

student•

fermin martin

student•

julian orrego

student•

Jonathan Jiménez Soveranes

student•

Andrés Perdomo

student•

Samuel Rivero Padilla

student•

andrés eduardo betancourt bescanza

student•

Renee Enriquez Montalvan

student•

Hazel Isaac Ortiz jimenez

student•

Damián Bonani

student•

Alma Belen Robles Valencia

student•

Omar Daniel Centeno

student•

Alma Belen Robles Valencia

student•

Juan Daniel Diaz Jaramillo

student•

Jesus Manuel Hernandez Diaz

student•

Valentina Rueda Silva

student•

Wilson Alexander Caal Pacay

student•

Sebastian Camilo Nope Trujillo

student•

Maylith Ángulo Angulo

student•

Victor Oteiza Herrera

student•

Juan Jose Ramirez Lopez

student•

Pablo Perez

student•

Erik Elyager

student•

Sergio Atanacio

student•

Facundo Salade

student•

JAVIER ALEXANDER MURCIA ALMANZA

student•

Sergio Atanacio

student•

YESICA AGUIRRE PIEDRAHITA

student•

Daniel Adolfo Ordoñez Rubio

student•

Ramiro Garcia

student•

Alberto Haaz Martínez

student•

Camila Andrea Tepedino

student•

Juan Daniel Diaz Jaramillo

student•

Les comparto mi trabajo final y el enlace al prototipo! 😀 Me copó mucho este proyecto

https://xd.adobe.com/view/8db5da59-5960-434c-70dc-5430af5bd90d-fb84/

Genial bro, como dirían en España, te lo curraste macho!

jaja muchas gracias richard!

Parece ser que ahora para **fijar un elemento cuando haces scroll **tienes que ir a Prototipo y hacer click en fijar la posición

Gracias! ya estaba preocupado buscando.

Gracias!

Para quienes tengan problemas al seleccionar el menu de abajo y no se pueda activar el scroll, señalan el objeto y en la sección de prototipo activan la casilla "Fijar en posición al desplazarse"

Justamente tenía ese problema. Gracias!

Gracias bro, ya me estaba volviendo loco buscando esa casilla jajaja

Tal parece que en esta version de XD se tiene que ir a prototipo para encontrar la opcion fijar un elemento

Woow me encanto este curso

Quisiera mas info sobre como armar los TXT para poder designar los títulos y directores pro separado, como hace para que se agreguen automáticamente de manera secuencial?

Hola, alguien sabe donde encontrar la opcion para fijar el scroll?

Hola

Te comparto una entrada de blog que te puede ayudar con este tema.

Muchas gracias pero no me aparece esa opción en XD.

Les comparto mi proyecto final!

A mi no me deja seleccionar la animacion para que se deslice a la izquierda o derecha, no me deja editarlo, por que sera?

te refieres en cuanto duplicar el scroll?

Genial :V :) ando inspirado

Que gran clase, de verdad, muy buena.

Muchas gracia … me gusto esto de trabajar con el flujo normal de prototipos eligiendo el triger o el disparador y lo conecto con el elemento hacia donde va a llegar.

no puedo seleccionar el tipo de animación me aparece bloqueado (con Disolve por defecto perobloqueado)

Igual :/

Hola a mi en la opcion animacion en prototipo no me deja cambiar solo esta como seleccionado por defecto DISOLVER, y no me permite sellcionar otra

Parece ser porque no tienes la misma altura entre artboards.

Es porque la "línea azul" está a diferentes alturas. La línea azul aparece en "the fold" cuando das click en el artboard. Controla el tamaño de la vista cuando le das preview. Revisa que esa línea azul este a la misma altura entre artboards. Mira aquí una imagen de referencia.

Como se puede hacer para retroceder de una mesa de trabajo a la mesa de trabajo anterior? Por que tengo varias mesa de trabajo que apuntan a una sola. Y de esa mesa de trabajo hay como hacerlas regresar.

Siii, hay un tipo de animacion que dice previous artboard (no se que dice exactamente en español). Con esa lo podes hacer!

hola, en mi app la ventana es flotante y se ve el home atras, quiero que tocando el home vaya atras, pero no pude. alguien sabe, incluso converti todo el fondo en un rectangulo, pero a ese rectangulo no le puedo asignar la accion de volver a tras al oprimirlo.

No se si entiendo tu pregunta. Podrías duplicar la mesa de trabajo y hacer que regrese a la mesa anterior. O enviar alguna captura o algún enlace.

Hola, cuando hago la función de fijar posición al desplazarse, y le previsualizo no me muestra el menu .... que puedo hacer?

Hola, ¿Podrías compartir una captura para comprender mejor el problema? Es posible que el elemento que dejas fijo quede fuera del área visible: revisa su posición X,Y; también es posible que quede debajo de otro elemento que no deje verlo: revisa su orden entre las capas.

Cuentame si pudiste solucionarlo :)

Saludos. Viendo el tema del armado de un prototipo, ¿existe la posibilidad de crear el clásico efecto de botonerías rollover/rollout? Como elemento visual identificador adicional interactivo. Gracias.

Justo en la última actualización hace algunos días se agregó esta funcionalidad , Component States https://www.youtube.com/watch?v=JF-muM8vo5k

¿Alguien sabe cómo podemos editar una imagen en XD? ¿Es posible ponerle un degradado? Hasta ahora solo veo que es posible cambiarle la opacidad.

Por qué me sale bloqueada la parte de animación? Antes podía darle animación pero ahora solo sale "DISOLVE" y cuando lo selecciono individual sigue apareciendo bloqueado!, cabe destacar que lo dirijo hacia el mockup2 y nada si cambio la dirección a "ninguna" si puedo poner animación pero elijo la mesa de trabajo que es el mockup2 automaticamente se bloquea y queda en "DISOLVE"