Compartir

Cursos Empresas Blog Live Conf Precios

Clase 31 de 32 • Curso de Adobe XD 2019

Clase anteriorSiguiente clase

Jean Mosqueda

student•

termine este curso y ya sabia de photoshop, así que este fue el resultado total de ambos cursos, buenisimo

Efraín Hernández García

student•

Increíble diseño! te quedó muy genial

Diego Perdomo

student•

¡Excelente MockUp!

Fredy Alonso Hernández

student•

https://xd.adobe.com/view/0cdd5862-f2b9-42c0-56a5-196ecd294213-7aec/

Angela Illiano

student•

Aun no domino del todo la funcionalidad de animaciones pero es un excelente programa. Antes de hacer este curso aprendí a usar Invision Studio y hasta ahora me ha gustado más Invision, no sé si por ser el primero que usé o porque lo domino mejor.

Roger Carlos Ariel Alba

student•

Wow! para quienes hemos "maquetado" tener toda esa información de margenes, espacios, tamaños es vital.

David Edson González Carrillo

student•

Comparto mi proyecto terminado! link

Emerson Cedeño

student•

he realizado comentarios en tu diseño a manera de prueba, excelente trabajo compañero, saludos!

Sixto Valdes

student•

Hola, creo que el software actualizado no da la opción de realizar un video o no logro hacer que grabe el prototipo.

Daniel Adolfo Ordoñez Rubio

student•

Hola, Sixto :) Puede probar con voice narration https://www.adobe.com/products/xd/learn/prototype/voice-audio/record-audio-narration-for-prototype-click-throughs.html

Liliana Marisol Ledón Alcalde

student•

Hola, no sé si ya lo solucionaste pero cuando le das al botoncito de ¨play¨ para ver la pantalla real, te aparece el círculo para poder grabar, en la versión de prueba solo puedes grabar dos veces así que ten cuidado! :D

Camilo Romero

student•

Cuando compartes el proyecto por Share for development es necesario que el desarrollador tambien te pida la carpeta con los elementos exportados ( .png.svg. etc ) ?

Diego Perdomo

student•

Honestamente se me haría trabajar doble. Lo que recomendaría sería el tener una sesión de muestra con el desarrollador que corresponda, para que tenga claridad de la facilidad de exportar los elementos en Share for Development.

Moises Gregorio Briceño Ramirez

student•

Todos los involucrados deberian tener cuenta adobe..? Si el cliente no tiene podra verlo..?

Naza maurice

student•

Así va mi proyecto :) Acepto feedback para mejorar jeje

https://xd.adobe.com/view/28a7dcac-a2c8-488c-7890-9749e1e3bbc9-5e96/

Diego Perdomo

student•

Te quedo muy bien. Pienso que la paleta de colores funciona muy bien y el diseño se ve bastante profesional. . Como área de mejora, puedes agregar más animaciones como scroll horizontal en las listas de películas. Y también puedes agrandar el contenedor y los botones de hasta abajo, para hacerlo más visible ya que es posible que algunos usuarios no lo noten rápidamente. . Espero que te sea útil el feedback.

Naza maurice

student•

Sii Diego, totalmente, cuando hice eso no logre hacer el scroll horizontal jajaj, muchas gracias por tus recomendaciones!!

David Alejandro García Graterón

student•

Buenos días, No tengo la opción de Share, En parte esta?

Tetsu Osnaya

student•

Esta en el menú de la izquierda. A lado de prototipo.

Maria Auxiliadora Sanchez

student•

Una manera genial que me ha servido es cambiar el idioma del XD a ingles se aprende las formas en como los diseñadores llaman a ciertos elementos, por ejemplo artboards, grid se puede ver asi con XD en ingles, en tu caso.. donde dice compartir es share, espero haberte ayudado

Andrés Perdomo

student•

Proyecto terminado, gracias por todo lo enseñado Carlos ^^

https://xd.adobe.com/view/edef5f2e-e6bc-454f-53ee-061ee137e54e-9bde/screen/282d4e21-c8f1-4718-9fce-a257d3ee6f9d/Review-Mockups-1

Luis Ernesto Román Chitala

student•

Excelente curso!

https://xd.adobe.com/view/77ffc524-5f68-40b9-5cb7-bd7be0f16b52-01ce/

Erick Sammir Massey Diaz

student•

Hola carlos sabes si hay alguna forma de convertir el diseño a código (tipo maqueta html con css o algo asi para adelantar trabajo de front-end)?

Kevin Morales

student•

Usando Zeplin se puede, pero ya Adobe XD al compartir da la opción de mostrar el código para que sea más fácil a los desarrolladores copiar y pegar el código

Usuario anónimo

user•

Links:

Review
Dev

Emerson Cedeño

student•

excelente trabajo, ingresé para hacer prueba de comentarios y que los mismos no se vieran entre ellos, funciona, súper!, saludos!

Edwin Enrique Jorge Arroyo

student•

Pueden descargar la App de Adobe XD en sus dispositivos móviles para visualizar sus diseños y prototipos :D

María José Ledesma

student•

¡Muchas gracias por el aporte! 😄

Matias Urra

student•

comparto mi proyecto saludos

https://xd.adobe.com/view/0970790e-5e1c-4aac-5f42-b6dcba61342b-7f41/

Adriana Villamizar

student•

https://xd.adobe.com/view/ad0c5f52-20ba-47e3-6d99-1e5b0a63170b-db3d/

Roger Carlos Ariel Alba

student•

Hola a todos!

Estaré subiendo los proyectos que haga en los siguientes días.

Aquí se los dejo:

Propuesta de CV

Roger Carlos Ariel Alba

student•

Aún no es lo que espero que sea pero aquí va el segundo aporte: Propuesta Web

Angela Illiano

student•

https://xd.adobe.com/view/14a27a2a-9c31-477a-53da-17b96d00b2a3-6293/ acá les comparto el link

Matias Cariboni

student•

te ha quedado genial

Daniel Serna

student•

Aqui va el mío jeje https://xd.adobe.com/view/1a110352-639c-453e-6b1b-beaed8986cc1-6c20/

Compartir

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