Wireframes del proyecto: menú inferior

Clase 22 de 32 • Curso de Adobe XD 2019

Ares Alberto Vázquez Bravo

student•

VERDUGO CHAVEZ DIANA ALEJANDRA

student•

Wow, me encantó

Edwin San

student•

#TeamKong

Jhon Alexander Romero Gonzaga

student•

Vi muchos de sus diseños y muchos tienen diseños diferentes y no esta mal experimentar cuando se aprende (me refiero a los que tienen imágenes), yo lo hago en la programación pero el punto es que cuando ya lo esten trabajando sobre un proyecto es mejor hacer las bases (como lo hace el profe solo a escala a grises y sin ningún gráfico aún), en la maquetación web debemos hacer las estructuras báses primero para luego no sufrir mucho con conflicto del diseño por emocionarse que se vea el resultado al instante (Debemos construir un diseño que dure) recuerden experimentar pero no cojer malas practicas ya que luego es un conflicto.

Dylan Nuñez

student•

Totalmente de acuerdo.

Fabian Bardecio

student•

Acá está mi maquetado, aún sin agregar colores y detalles como lo recomendó el profesor!

Frederick Anderson Alvarado González

student•

Manuel E. Melendez Blanco

student•

Quedo super! como le hiciste para la fuente del Flick

Cristián Felipe Contreras Barrera

student•

Como consejo de diseño te diría que trates de hacer un diseño un poco más limpio y que dejes respirar los objetos entre sí... tal vez bajarle un poco al tamaño de algunos iconos y fuentes, ya que algunos objetos se ven amontonados.

Cristián Felipe Contreras Barrera

student•

Debería ser muy IMPORTANTE que el profesor recalque la importancia de hacer wireframes de Baja fidelidad, donde el diseño es así con cajitas grises asi como el lo hace en el video, Y NO de alta fidelidad, porque estoy viendo que casi todo el mundo acá esta emocionado con hacer diseños a color con imágenes de alta fidelidad, y al principio esto no es importante, de hecho en un proyecto real hay que hacer primero prototipos de baja calidad y ahi se hacen todos los ajustes, y luego si al final final se hace el diseño definitivo con todos sus detalles después de aprobar el wireframe de baja calidad… No quiero ser mala onda ni nada, pero ¿no se por que las personas no se limitan a hacer los ejercicios que el profe manda a hacer y ya?!! luego en la siguiente clase se darán cuenta lo importante que era seguir sus instrucciones, y van a tener que repetirlo cómo debían hacerlo desde un principio.

Andrea Paola Parra Martínez

student•

Cris gracias por tu aporte, es muy útil saber cómo deben ser los wireframes de baja fidelidad en los proyectos y el profesor debería recalcarlo ya que hace parte de lo que muchos no sabemos, sin embargo, hacer ejercicios autónomos buscando ir más allá es la única manera de aprender un programa, porque solo así te enfrentas a dudas reales que no surgirían repitiendo solamente lo que hace el profesor en el video.

Joe Domat

student•

Cristian Mauricio Cavanzo Arias

student•

![](

Que dicen?, como me quedo?

Fabian Bardecio

student•

Te quedo genial!!

Osvaldo Damián Ruiz

student•

Gracias por hablarme de ella, la planeaba ver

Alberto Ivan Cortez Malacara

student•

Renee Enriquez Montalvan

student•

espero les guste

Jeferson Mejicanos

student•

Dustin Campos

student•

Intenté hacerlo lo mas parecido al ejemplo sin meterle nada de diseño extra.

Alain Kevin Rojas Quiroga

student•

Asi luce mi home de flick![](

Angel Joaquín Velasco Gómez

student•

Hola, este es mi avance, quise replicar la interfaz de Disney+

Jhoana España Urresty

student•

Diego Perdomo

student•

Si creas los wireframes en LQ o MQ con componentes, puedes hacer muy rápido las actualizaciones a HQ. Ya que no será necesario agregar todos los elementos 1x1.

Oscar Daniel Govea Garcia

student•

Buen día! Que opinan? Saludos

Agustin Garcia

student•

Me gustan los colores sin embargo no siento que se adecuen al rubro de lo que película se refiere. Transmiten una sensación agradable sin embargo no lo llego a relacionar con películas. El diseño por otro lado genial

Diana Isabel Sánchez Ordóñez

student•

Maylith Ángulo Angulo

student•

Luis Fernando Samayoa Garcia

student•

Alguien ha usado su telefono Android para ver el prototipo en Tiempo Real? He conectado mi telefono con USB pero no me lo reconoce adobe xD y puedo ver el prototipo en el cel pero no puedo modificarlo en tiempo real

Roger Carlos Ariel Alba

student•

Hola,

Puedo verlo e interactuar con el, edito y vuelvo a cargar la ventana.

Cristian Mauricio Cavanzo Arias

student•

Hola yo lo he utilizado , la verdad en lo personal no me gusta siento que aun tienenn mucho que pulir con la app Tanto con dispositivos no reconocidos , como poder modificarlo en tiempo real

marco antonio cespedes mamani

student•

Avanzando

Reyna Ramírez

student•

Wireframes del proyecto: menú inferior

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