Prototipado

Clase 27 de 32 • Curso de Adobe XD 2019

Clase anteriorSiguiente clase

Nicolás Iannicelli

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/

Richard Alejandro Avendaño Valenzuela

student•

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

Nicolás Iannicelli

student•

jaja muchas gracias richard!

fermin martin

student•

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

julian orrego

student•

Gracias! ya estaba preocupado buscando.

Jonathan Jiménez Soveranes

student•

Gracias!

Andrés Perdomo

student•

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"

Samuel Rivero Padilla

student•

Justamente tenía ese problema. Gracias!

andrés eduardo betancourt bescanza

student•

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

Renee Enriquez Montalvan

student•

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

Hazel Isaac Ortiz jimenez

student•

Woow me encanto este curso

Damián Bonani

student•

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?

Alma Belen Robles Valencia

student•

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

Omar Daniel Centeno

student•

Hola

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

Alma Belen Robles Valencia

student•

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

Juan Daniel Diaz Jaramillo

student•

Les comparto mi proyecto final!

Jesus Manuel Hernandez Diaz

student•

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

Valentina Rueda Silva

student•

te refieres en cuanto duplicar el scroll?

Wilson Alexander Caal Pacay

student•

Genial :V :) ando inspirado

Sebastian Camilo Nope Trujillo

student•

Que gran clase, de verdad, muy buena.

Maylith Ángulo Angulo

student•

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.

Victor Oteiza Herrera

student•

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

Juan Jose Ramirez Lopez

student•

Igual :/

Pablo Perez

student•

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

Erik Elyager

student•

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.

Sergio Atanacio

student•

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.

Facundo Salade

student•

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

JAVIER ALEXANDER MURCIA ALMANZA

student•

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.

Sergio Atanacio

student•

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.

YESICA AGUIRRE PIEDRAHITA

student•

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

Daniel Adolfo Ordoñez Rubio

student•

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 :)

Ramiro Garcia

student•

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.

Alberto Haaz Martínez

student•

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

Camila Andrea Tepedino

student•

¿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.

Juan Daniel Diaz Jaramillo

student•

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"

Prototipado

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

Actualización de curso

Qué es AdobeXD y por qué usar AdobeXD

Instalación

Crear y configurar un nuevo proyecto

Creación de un documento

Interfaz y navegación

Atajos de teclado

Artboards

Grids y layouts

Utilizar las herramientas de Diseño

Formas

Alinear y combinar formas

Diseñar icono

Textos y tipografía

Imágenes y máscaras

Pluma

Optimizar el trabajo con herramientas avanzadas

Repeat grid tool

Cargar contenido en repeat grid tool

Componentes

Panel de assets

Responsive Resize

UI Kits

Diseñar una app

Wireframes del proyecto:sección cartelera

Wireframes del proyecto: menú inferior

Mockups del proyecto

Definiendo la paleta de color para el mockup del proyecto

Teoría del color para el diseño de interfaces

Agregar contenido al mockup del proyecto

Crear prototipos interactivos

Prototipado

Animaciones automáticas con Adobe XD

Animaciones avanzadas

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

Exportado

Compartir

Conclusiones