Wireframes del proyecto:sección cartelera

Clase 21 de 32 • Curso de Adobe XD 2019

Clase anteriorSiguiente clase

Felipe Jacquin

student•

De igual forma se pueden renombrar las mesas de trabajo haciendo doble clic en el titùlo de la parte superior.
Creo que se confundio cuando indica en el min 5:33 que se duplica con la tecla SHIFT ya que es con la tecla ALT.

Genial estoy aprendiendo un montòn de Adobe XD, muchas Gracias :D

Izael Ruelas Garcia

student•

Para facilitar los wireframes tal vez puedes apoyarte con los siguientes templates

Juan Esteban Galvis

student•

En este tema de los prototipos hay tres niveles de fidelidad:

Baja Fidelidad: Es el diseño que hicieron con papel y lapiz para entender la idea y una idea básica de la distribución
Media Fidelidad: Es lo que está haciendo el profesor, está a blanco y negro pero ya se organiza tamaños y pantallas no tan tan detalladas pero si dan una mejor idea del diseño
Alta Fidelidad: Es el Mockup ya con los colores y el diseño finalizado, listo para prototipar (Conectar con las otras pantallas para simular interactividad)

Un curso muy bueno para ver y entender este proceso es el de 'Diseño de Prototipos Móviles': https://platzi.com/clases/diseno-prototipos/

Abigail Colina

student•

Juan Fernando López Hernández

student•

Tu aporte esta bastante genial.

Domínguez Daniel Garbiel

student•

Quizá un día este inspirado y me salga algo mejor, por el momento sólo me salió eso de la imaginación :)

rebeca Narvaez

student•

Una recomendación de diseño es Utilizar dos tipografías, máximo 3. Pero lo más más importante es que sean legibles. Sé que una de las partes más complejas es encontrar la tipografía adecuada, pero como recomendación personal, te diría que te alejes de las tipografías manuscritas a menos que el concepto de tu diseño así lo requiera, porque son difíciles de leer.

Maylith Ángulo Angulo

student•

Me gusto mucho esta clase.

Sebastian Marin

student•

Super clase profe...... pensé que había perdido el amor y el gusto por el diseño. Gracias

Maria Auxiliadora Sanchez

student•

Ufff m falta mucho =(

Manuel Cruz

student•

Soy yo o en Windows no se puede arrastrar una imagen sobre XD porque no la abre? Gracias!

Fernando Carrión

student•

Acabo de hacer la parte de imágenes del curso, y tanto como para contenedores y máscara no tuve ningún problema al arrastrar la imagen. Tal vez algún formato en especial que estés utilizando?

Aarón González

student•

¡Hola! Puede ser que el formato de la imagen no es admitido por XD. Intenta convertir la imagen a .jpg a .png y nos cuentas que tal :D

Juan Fernando López Hernández

student•

Hola este es mi aporte.

Usuario anónimo

user•

error 404 en el recurso Wireframes del proyecto menú inferior - Google Drive

Brian Robert Polo Lazo

student•

Super versatìl Adobe XD, se respirà virtualmente pasiòn por le diseño en la clase, lo maximo el profesor!

Jhon Alexander Romero Gonzaga

student•

Primero los huesos, segundo los musculos y tercero el revestimiento del cuerpo.

Cristian Ramos

student•

no me salen los UI KITS que le salen al profe !!

Captura de pantalla 2021-05-24 161243.jpg

Adriana Sánchez

student•

Hola, no puedo abrir el archivo de Wireframes, me marca error 404, gracias.

Daniel Adolfo Ordoñez Rubio

student•

Hola, Adriana :) En lugar del enlace puedes descargar la imagen abajo (en la sección de archivos). Para ahorrarte la molestia, te la dejo acá :D

Dustin Campos

student•

Una pregunta, vine aqui porque en mi curso de introduccion al diseño de prototipos estaban usando sketch y no sabia utilizarlo asi que busqué lo mas parecido (AXD) pero ahora dicen que vaya a tomar el Curso UX: Curso de Diseño de Interfaces con Sketch...y ese curso esta dos pestañas mas adelante del de prototipado, deberia ir aprendiendo asi saltando cosas o en orden? sé que no hay un orden natural pero no me quiero desviar tampoco.

Carlos Jimenez

student•

En este curso nos enfocamos en aprender a usar el programa desde cero y no necesitas conocimientos previos. Cuando lo termines podrás completar el curso de prototipos o de UX.

David Fernando Aguirre Rodriguez

student•

Te recomiendo que acabes un curso y después sigas otro

Arnaldo Chura Condori

student•

Tengo una version anterior de XD y no puedo abrir el archivo que compartes podrías pasar a las versión 2.1? Please. me interesa los UI kits de apple. entre al link y me descarga em .dmg yo uso windows 10.

Carlos Jimenez

student•

Adobe XD es gratuito y la versión actual es la 19.2. Es mejor que descargues la nueva versión. Aquí encuentras todos los recursos de Apple:

Tania Ramírez

student•

Creo que no es tu versión, sino el .dmg Puse los recursos en este link, ya están en Xd y no deberías tener problema en descargarlos. Solo debes bajarlos dentro de los próximos 7 días porque el link caduca

Como quiera te recomiendo tener siempre actualizado Xd, es gratis así que siempre podrás actualizar sin problema :)

Ramona Victoriano Adames

student•

no pude descargar la imagen, pero igual y lo hice sin ella. excelente video

Nelson Rodríguez

student•

vamos con buen ritmo¡¡¡ #sin parar de aprender.

Wireframes del proyecto_sección cartelera.jpg

Jennifer Arismendi

student•

super práctico con adobe XD

Wireframes del proyecto:sección cartelera

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