Paneles de inspiración para el diseño de la interfaz de usuario

1. Introducción a la clase: Los tableros de humor son una parte clave de cualquier proceso de diseño dondequiera que estés trabajando en un proyecto grande o pequeño. Porque en su estado de ánimo de embarque de tu proyecto, vas a determinar el tono general, estilo dural, los colores generales, fuentes, las imágenes, y mucho más del proyecto en sí. N te va a ahorrar mucho tiempo cuando realmente comienzas a diseñar para ese proyecto en particular. Diseñador K, mi nombre es Alex. Bienvenido a esta clase de Skillshare. Y en esta clase vamos a hablar de los tableros de humor. Soy creador de productos y hasta ahora he creado más de 500 productos de diseño. También soy creador de cursos y hasta ahora he creado más de 20 caballos diferentes. En esta clase, vamos a hablar de lo que nuestros moodboards y cómo usarlos. Qué elementos debes considerar para tus moodboards? Cómo hacer tu investigación y aplicarla a tus moodboards. Cómo utilizar Adobe XD para crear tableros de humor y explorar diferentes elementos y diferentes estilos. Cómo compartir sus tableros de humor en línea para obtener comentarios de su cliente y cómo exportarlos e imprimirlos para que pueda obtener los comentarios en persona. Tu proyecto de clase para esta clase es usar estos consejos y técnicas y crear tablas de humor de tu elección. Puedes usar cualquier elemento que quieras. Puedes usar número de imágenes diferentes, número de fuentes diferentes, lo que quieras, y simplemente subirlas a tu clase, el proyecto, al usar los moodboards de la manera correcta, te vas a salvar manojo de tiempo. Vas a ahorrar a tu cliente montón de dinero. Y al mismo tiempo, vas a poder cargar mucho más trabajando de manera inteligente, usando tablas de humor. Entonces estoy deseando verte en clase y vamos a ponerte de humor. 2. Qué son los paneles de inspiración y por qué utilizarlos: Los tableros de humor son realmente extremadamente importantes y están en mi opinión, para mantener nuestro pequeño proceso de diseño de hadas si el proyecto es grande o pequeño. Porque en la etapa de embarque de humor, realmente puedes comunicarte con claridad con tus clientes y llegar al grano en cuanto a lo que necesitan. ¿ Con quién están hablando? Qué tan grande es el proyecto, qué tan grande es el público, quién es el público y todas estas preguntas diferentes. Y puedes usar Moodboard para determinar la dirección del proyecto oral a donde se va a ir el diseño. Puedes hacer esto antes de empezar realmente a diseñar, lo cual te va a ahorrar mucho tiempo porque vas a determinar el estilo, el proyecto paga, los colores, las fuentes, la iconografía, y mucho más en este etapa particular con moodboards, en lugar de más tarde, cuando realmente enciendes tu software de diseño favorito y comienzas a diseñar, puedes comunicar claramente estos valores de tu cliente y luego describir a tu cliente lo que es realmente importante para esto proyecto particular. Para que puedan entender antes de que realmente empieces a diseñar, ¿en qué necesitan enfocarse? Entonces como dije, esta etapa es realmente importante en mi opinión porque te va a salvar a ti y a tu cliente montón de tiempo después. Porque en esta etapa en particular, vas a determinar a dónde va a ir el estilo general del proyecto. Por supuesto, el diseño va a variar salvajemente más adelante cuando realmente empieces a diseñar. Pero el proyecto general, el tono, los colores, las fuentes, la dirección del diseño, todo se va a determinar en esta etapa en particular con las tablas de humor. Posteriormente podrás empezar a diseñar. Se puede agregar todo este tipo de elementos diferentes. Pero por ahora, como dije, nos vamos a centrar en lo básico y las cosas más importantes. Vas a usar tu breve de diseño para determinar todos estos elementos de diseño y decisiones de diseño. Vas a hacerle a tu cliente todas estas preguntas de diseño usando tu breve de diseño, como quién es su público objetivo, ¿cuál es su nicho? ¿ Hay algún competidor en deuda? Nietzsche, ¿quiénes son los principales competidores, quiénes son los competidores más pequeños? ¿ Cuál es el tono normal del diseño? Entonces, ¿está bien o juguetón? ¿Es serio? ¿ Es corporativo? ¿ Cuál es el tono general de entrega de la copia de la página web? Y mucho más. Entonces como dije, vas a determinar todos estos elementos en la etapa de embarque de humor en lugar de más tarde en la etapa de diseño, que como dije, te va a permitir ahorrar un montón de tiempo en el diseño, tanto para ti como para tu cliente. En la siguiente lección, vamos a discutir qué elementos debes considerar para tus moodboards. Entonces te veré ahí. 3. Qué elementos debes considerar: Dependiendo a menudo nicho de su diseño de proyecto y su cliente está en, usted va a incluir o considerar incluir diferentes elementos. Entonces si tu estilo es corporativo, obviamente vas a usar imaginario corporativo. Vas a usar clear to read font porque tienes que entender quién es tu público objetivo. Por lo que estos no son niños, probablemente se trata de personas en su mediana edad o probablemente personas mayores. Por lo que hay que considerar la topografía, hay que considerar el contraste, qué más fácil es leer el sitio web. Por lo que tienes que considerar todas estas cosas cuando estás planeando para tu nicho y tu proyecto. Además, las imágenes juegan un papel realmente clave porque imágenes van a marcar el tono va a establecer la base del proyecto. Por lo que hay que considerar que los colores también son significan característica importante del diseño de su sitio web en cualquier diseño para ese asunto. Por lo que hay que considerar los colores. Son los colores divertidos y juguetones. Es como el texto va a contrastar entre estos colores. Por lo que puedes determinar todas estas cosas En el proceso de Mood Board, del proceso de diseño en general. Entonces vas a describir, descubrir todos estos elementos cuando empieces a crear tus moodboards en lugar de cuando realmente comienzas a crear tu diseño. Entonces en el siguiente video, te voy a mostrar cómo hacer tu investigación. Cómo, por ejemplo, ajustarse para diferentes nichos, cómo explorar diferentes elementos y cómo presentarlos a tu cliente para que ambos puedan llegar al acuerdo en cuanto a dónde va este proyecto go y cuál es el estilo general de diseño y dirección. 4. Cómo hacer tu investigación: De acuerdo, Entonces en este video realmente vamos a empezar con la investigación. Y te voy a mostrar cuáles son algunos sitios web que puedes usar para hacer tu investigación y para comunicarte claramente con tu cliente en cuanto a qué elementos considerar. Entonces déjame saltar dentro de mi computadora y te voy a mostrar algunos sitios web. Entonces los primeros sitios web que tenemos en realidad es dribble. Por lo que dribble, como saben, se utiliza como inspiración, como mucho del tiempo para estos diseñadores, especialmente en el mundo del diseño de la interfaz de usuario. Por lo que puedes usar fácilmente el dribble aquí mismo para explorar todos estos elementos. Por lo que puedes usarlo para explorar imágenes. Se puede utilizar para explorar la topografía y ver cómo se pone la topografía en algunos de estos ejemplos. Si hacemos una búsqueda rápida aquí mismo, por ejemplo, si escribo en corporativo, presiona Entrar y ver a dónde nos lleva? Entonces vamos con el diseño web por ejemplo. No nos da nada. Entonces usemos el banco por ejemplo, o la banca. Y veamos adónde nos lleva eso. Por lo que se puede ver aquí mismo para la banca, se atrevan a no gritar colores a excepción de estos gradientes aquí mismo. Pero esto es para determinar un tono neuronal del propio sitio web. Por lo que probablemente esta aplicación de banca móvil aquí está hablando con un público diferente. Entonces probablemente público más joven. Pero se puede ver aquí mismo en, están usando realmente todos estos colores dorsales. Están usando estos colores negros, colores blancos. Están usando estos greens claros como hilos por ejemplo. Entonces el color realmente juega un papel clave y puedes hacer tu investigación aquí mismo en Dribble para explorar dependiendo del proyecto en cuestión y del proyecto en el que estás trabajando, qué tipos de colores debes usar para tu diseño en particular proyecto. A continuación, si echamos un vistazo a la topografía, se puede ver que la topografía aquí está realmente clara. Realmente espació uniformemente. Por lo que el espaciado está realmente bien hecho aquí mismo. Y se puede ver que la mayoría de este texto es negro sobre color, lo que a su vez va a acercar el texto más al espectador e interino facilitando su lectura. Entonces este ejemplo es realmente genial. Y si vamos a otro lado, podemos ver que en este ejemplo, por ejemplo, porque es juguetón con todas estas ilustraciones y colores. Una vez más, los mazos juegan un papel clave porque es súper fácil de leer, como puedes ver aquí mismo. Si te llevamos a Behance, que es otra página web que puedes utilizar para tu inspiración. Si echamos un vistazo aquí y por ejemplo, teclee en la misma cosa. Entonces banco, centro, ver adónde nos lleva. Entonces vamos, no sé, Vamos a usar este por ejemplo. Y comienza su diferente de Dribble si no lo hiciste ya. Porque en un regate realmente puedes publicar estas presentaciones más cortas como esta por ejemplo. Entonces sólo la única imagen singular. Si bien los fines de semana realmente puedes publicar estas largas presentaciones e ir en profundidad sobre el proyecto. Y esto realmente puede ser una gran manera para que te informes sobre tu competencia de clientes. Por ejemplo, digamos que están en el espacio bancario. Esto se puede utilizar, por ejemplo, sólo para entender cómo hacen su investigación. ¿ Cuál es su público objetivo, cuáles son los colores, y cuál es el razonamiento detrás de elegir esos colores? Para que puedas adaptar eso fácilmente a tu proyecto en particular. Entonces si nos desplazamos aquí mismo para ir a nuestra etapa de diseño, se puede ver que realmente están usando estos colores dorsales a blanco y negro con un toque de finanzas corporativas, se puede ver súper fácil de leer, se puede ver logos, puedes ver estos gradiente detrás. Por lo que todos estos elementos realmente se destacan en este ejemplo en particular como tangible, que es fácil de leer, fácil de entender. 5. Crea panel de inspiración en Adobe Xd: En este video, vamos a utilizar Adobe XD para crear nuestro moodboard. Y también te voy a mostrar algunos de mis ejemplos cuales puedes comprar si quieres o si no, simplemente puedes explorarlos para tu inspiración. Si seguimos adelante y cambiamos a Adobe XD, lo que he hecho aquí mismo es creado nuestro documento 1920 por 1080. Ahora bien, si quieres imprimir este documento, lo que puedes hacer es que puedes venir aquí mismo y puedes rotarlo. Por supuesto que puedes ser tan preciso como quieras. Puedes importar el número exacto de píxel de tu tamaño de papel si quieres imprimirlo más adelante. Entonces, por ejemplo, si estás usando A4, puedes buscar un cuatro años en línea o puedes abrirlo en Photoshop y simplemente puedes ver el tamaño exacto de píxel. Puedes ingresar ese tamaño de píxel aquí mismo. Solo recuerda que no tienes que usar 300 DPI porque Adobe XD es una herramienta vectorial. Para que no tengas que hacer eso. Simplemente puede puerto para 72 DPI aquí mismo. Simplemente puedes crear tu tablero de humor y podrás exportarlo más tarde. Puedes guardarlo justo aquí como ves, hice un guardarlo a mis documentos Cloud, cual es genial porque puedo acceder dicho dondequiera que esté. Entonces, por ejemplo, si estoy trabajando en un escritorio como lo estoy haciendo en este momento, puedo ir a mi reunión de clientes en su oficina, por ejemplo, y puedo sacar mi laptop. Puedo abrir Adobe XD con la misma cuenta. Y simplemente puedo sacar este documento de mi Cloud y simplemente podemos discutir nuestro tablero de humor así. Entonces si volvemos a Adobe XD, lo que voy a hacer es simplemente nombrarlo tablero de humor aquí mismo. Y antes de seguir adelante, quiero seguir adelante y mostrarles mis ejemplos. Entonces aquí está mi sitio web, donor.net web. Y como dije, puedes comprar estas plantillas si quieres. Puedes abrirlos fácilmente en Adobe XD y luego puedes trabajar en ellos así. Si no, simplemente puedes usarlos como inspiración. Entonces lo que tienes aquí mismo son estos moodboards, y están en tamaño A4 y tamaño de letra de Estados Unidos justo aquí. Y los consigues en Adobe XD en archivos de Photoshop. Si algunos de estos productos son archivos de Photoshop, puede abrirlos fácilmente en Adobe XD porque son creados por la misma empresa. Por lo que Adobe posee tanto Photoshop como XD, y estos archivos van a funcionar muy bien tanto en Photoshop como en XD. Si volvemos a aquí, se pueden ver todos estos diferentes diseños para imágenes y cuatro colores. Puede intercambiar fácilmente estas imágenes por logotipos, por ejemplo. Y se puede ver que están listos para imprimir. Y todos estos diseños, si volvemos a este, esto es para Instagram porque está cuadrado, pero puedes adaptarte fácilmente para trabajar con cualquier tamaño como podemos ver aquí mismo para las historias o para los reales para ejemplo. Por lo que estas son publicación de Instagram, estas son historias de Instagram. Se puede ver cómo se ve eso. Y si cambiamos a éste, esto es para plantillas de tablero de humor de redes sociales. Una vez más, lo mismo. Y se puede ver que estas son cuadradas, estas son rectangulares, lo cual es genial para Facebook, por ejemplo, si estás usando redes sociales y puedes cambiarlas fácilmente, puedes cambiarlas. Puedes usar todos estos diferentes diseños para crear los tuyos propios. Y puedes adaptarlas fácilmente y puedes ver cómo se ven en diferentes páginas de redes sociales. Y finalmente tenemos éste, así que cuatro de estos, y como dijo, voy a vincular todos estos en el archivo PDF. Simplemente puedes, si quieres hacer click en el enlace para cada uno de estos, puedes acceder fácilmente a él, comprarlo si quieres. Si no, como dije, puedes simplemente usarlo como inspiración. Entonces si volvemos a cambiar aquí mismo, se puede ver cómo se ve éste. Entonces, una vez más, está listo. Se pueden ver algunos de estos elementos presentacionales. Al igual que puedes incluir los diferentes logotipos, diferentes colores, diferentes imágenes, y puedes ver el resultado aquí mismo. Ahora, puedes usar esto si quieres ahorrarte fácilmente un montón de tiempo si quieres, si no, como dije, estos son geniales para la inspiración. Puedes inspirarte en cuanto a dónde posicionar todos estos diferentes elementos. Y si no, simplemente puedes crear tuyo propio dependiendo del proyecto en el que estés trabajando en este momento, como dijo en uno de los videos anteriores. Y dependiendo del tamaño del proyecto, dependiendo del nicho en el que se encuentre tu proyecto, que tu cliente sea un, vas a invertir más o menos tiempo y esta parte de los proyectos no debería llevar mucho tiempo. Debe ser realmente rápido y fácil. Por lo que no debería tardarte más de un día en completarte, sin importar el tamaño de la empresa, sin importar el tamaño del proyecto, sin importar el nicho en el que se encuentre tu cliente. Entonces, solo considera eso. No gastes demasiado tiempo en moodboards porque están ahí simplemente para determinar la pasta general, el estilo, y el tono del proyecto. Y luego cuando empieces a diseñar, vas a invertir la mayor parte de tu tiempo en esos cambios particulares. Entonces si echamos un vistazo atrás en Adobe XD, así es como se ve nuestro documento y simplemente puedo pincharme así, por ejemplo, si queremos lograr algo un poco más como un cuatro, como dije, puedes ingresar fácilmente los valores correctos aquí mismo si eso es algo que tú quieras. Entonces empecemos con imágenes, porque tengo algunas imágenes preparadas. Lo que quiero hacer es simplemente crear un rectángulo. Anna puede usar una grilla de repetición si quiero, para lograr un look como este, y puedo elegir se verá así. Por ejemplo, el banco es simplemente desagrupar mi on-grid, hacer doble clic en uno de estos y simplemente traerlo de vuelta a aquí, por ejemplo, puedo escalarlo fácilmente y esto no tiene que ser perfecto si no quieres. Simplemente se adaptó así para crear un círculo, por ejemplo. O un elemento como este. Se pueden solapar, puedes incluir diferentes sombras. Entonces por ejemplo, así. Entonces 55, 20, digamos, y bajemos esa sombra a ocho, por ejemplo, vimos algo como esto. Y lo que voy a hacer es en realidad seleccionar todos mis elementos así. Voy a quitar la frontera y voy a incluir algunos para que me guste DDD, que es un bonito color gris claro y tal vez pueda reducirla solo un poquito a algo así. Y por ejemplo, puedo plantear esto aquí mismo, puedo posicionarlo aquí. Puedo seguir adelante con el botón derecho y puedo copiar el clic derecho pegado apariencia para poder pegar esa misma sombra, pero simplemente voy a reducir el radio de esquina de nuevo a 0. Y tal vez pueda sacar fácilmente esta imagen. A lo mejor puedo ampliar este solo un toque a algo como esto. A lo mejor puedo ampliar esto hasta aquí. Entonces como puedes ver, esta es claramente alguna variación diferente a los ejemplos que te muestran. Entonces si vuelvo a estos ejemplos, se puede ver que estas imágenes son realmente bastante rectas. Se incluyen fácilmente burbuja aquí mismo. Y se pueden ver todos estos diferentes colores posicionados aquí mismo. Se pueden ver diferentes textos, se pueden ver diferentes imágenes. Pero en nuestro ejemplo, todo está por todas partes. Estoy haciendo esto solo para mostrarles que también pueden tomar este enfoque. Una vez más, dependiendo del proyecto, dependiendo del nicho. Porque tus clientes corporativos no van a apreciar este estilo que estoy creando en Adobe XD por el momento. Pero tus clientes que les gusta usar algún tipo de estilo divertido, lúdico realmente van a apreciar este tipo de diseño. Entonces si volvemos a Adobe XD y te voy a mostrar esto aquí mismo. Entonces, sencillamente posicionemos está justo aquí. A lo mejor en algún lugar por aquí los analistas usan Control D. Voy a duplicarlo y posicionarlo más o menos por aquí, por ejemplo. Y tal vez a algún lugar por aquí. Y quizá pueda usar la misma distancia o 52 en este caso, tal vez pueda hacer esto y quizá pueda cambiarme a color detrás de mí mismo para que puedas verlo. Entonces, um, puede cambiar el color a algo un poco más oscuro porque vamos a usar esta muestra de color para nuestros colores. Entonces puedo reducir el tamaño a aquí, y puedo usar la cuadrícula de repetición una vez más para extraer algunos colores. Por ejemplo, algo así, tal vez en grupo migrar. Y tal vez pueda posicionar esto un poco aquí mismo. A lo mejor puedo escalarlo así. Y tal vez pueda usar uno más. Entonces Control D. Puedo escalarlo un poco y tal vez posicionarlo justo aquí. Entonces ahora que tenemos todos estos elementos, quizá lo que falta es alguna tipografía. Por lo que puedo golpear T y escribir, por ejemplo, juguetón. Hay un yo puedo, por ejemplo, usar algo como Open Sans. En este caso, quizá pueda usar un poco audaz y pueda escalar esto a 36 tal vez solo para que lo veas. Tan juguetón Control D, puedo, por ejemplo, escribir en la diversión. Controlar el algún día como la amistad. Control D Lo puedo poner justo aquí, café. Y digamos Control D, relajación. Entonces ahí vamos. Este es nuestro moodboard. Prepárenlo. Lo que voy a hacer a continuación es simplemente traer mis imágenes. Ya tengo algunas imágenes que preparé sólo para esta demostración. Pero puedes seguir adelante y usar las imágenes de tus clientes o puedes usar una de las webs de las que hablamos, o incluso mejor elementos de Envato porque literalmente tienen aridad. Entonces lo que voy a hacer es arrastrar y soltar una imagen aquí mismo, sólo para poblarla. Voy a ir y dejarlo aquí mismo. Por cierto, puedes usar la cuadrícula de repetición cuando la creaste, simplemente puedes arrastrar y soltar la primera imagen se va a poblar con todas tus imágenes. Y entonces puedes hacer todos estos cambios que hice en este caso. Pero me gusta hacerlo así. Entonces tal vez pueda posicionarlo aquí mismo porque es una cafetería. Yo lo voy a colocar aquí mismo. A lo mejor voy a colocar esta imagen aquí mismo. Haga doble clic, muévelo así. Y veamos, tal vez pueda posicionar esta imagen aquí de esta manera. Esto no funciona para nuestro ejemplo. Entonces lo que realmente voy a hacer es quizá arrastrar y soltar, Digamos esta imagen así. Y creo que es mucho mejor. Lo que voy a hacer a continuación es simplemente probar algunos colores. Pero antes de hacerlo, lo que puedo hacer es quizá encontrar otra imagen que se vaya a corresponder, bueno. Porque no preparé ningún logotipo para aquí mismo. Pero por ejemplo, tal vez pueda hacer clic aquí y usar uno de estos. Entonces veamos qué es. Eres logo. Entonces creo que no, porque puedes usar estos plug-ins y extensiones para hacer esto fácilmente. Entonces como dije, puedes sacar imágenes de tu cliente, de tu computadora, de Envato Elements, por ejemplo, o de uno de estos plugins. Pero digamos Caras de UI. Y quiero incluir de Unsplash, quiero usar, digamos filtros masculinos y femeninos. Y voy a dar click, Aplícalo al azar. Y va a elegir una imagen y la va a aplicar aleatoriamente a este marcador de posición de imagen en particular es lo puedes ver posicionar esta. Si eso es algo que quieres, entonces bien. Pero en realidad volvamos a nuestra carpeta y veamos. Lo que me gustaría hacer es realmente traer este porque es una cafetería. Y puedo hacer doble clic puede posicionarse aquí mismo porque el café realmente debería estar en el escenario central de este diseño en particular. Por último, lo que quiero hacer es realmente probar algunos colores. Entonces lo que me gustaría hacer es pasar de más claro a más oscuro. Es más fácil, sólo en mi caso, pero puedes ir al revés alrededor del poder que quieras. Por lo que para este, simplemente puedo hacer clic aquí. Y por ejemplo, seleccione éste. Y puedo dar click aquí mismo. Y quizá empiecen con, no lo sé. Vayamos con éste. A lo mejor. Puedo dar click aquí y probar una de estas. Entonces puedo ir a mis colores oscuros como éste. Esto va a ser realmente genial si tu cliente ya tiene algunos muebles, por ejemplo, y te envían imágenes de su cafetería, de ahí lugar. Por lo que puedes tirar fácilmente de esas imágenes y puedes muestrear colores de esas imágenes en particular y puedes presentarlas fácilmente este tablero de humor. Entonces ahí vamos. Como decían, se puede ir realmente a fondo. Se puede entrar realmente en muchos detalles. O simplemente puedes hacer algo como esto, que es rápido, que está limpio, solo para mostrarle a tu cliente cuáles son las posibilidades de este proyecto en particular. Pero también puedes hacer es simplemente seleccionar estos colores y saltar justo aquí, haz clic aquí para añadirlos a tus colores. Y por ejemplo, si necesitas cambiar este color del texto, simplemente puedo hacer clic aquí, por ejemplo. Y puedo cambiar fácilmente en aplicar diferentes colores si quieres lograr ese look aún más lúdico. Para que puedas terminar con algo como esto. Si esto es algo que tu cliente apreciará, si estas son sus necesidades, si esto es algo que les gusta, entonces ella seguirá adelante por ello. Pero si es un poco más corporativo de lo que puedes saltar dentro y explorar quizá nuestro layout como te mostré en estos moodboards que creamos. Por último, lo que quiero mostrarles es que pueden incluir algunos elementos de fondo. Entonces, por ejemplo, puedo dibujarlo y arrastrar y crear un rectángulo como este. Puedo crear un color como este. Puedo posicionarlo bien, aquí mismo. Y si no me gusta el color, puedo cambiarlo fácilmente y cambiarlo por algo así. Sólo para que mis imágenes destaquen un poquito. Y para incluir tal vez esos elementos lúdicos en que tus clientes para las piernas y puedes lograr un resultado como este. Eso es todo para este video. En siguiente video te voy a mostrar cómo puedes compartir este Moodboard con tu cliente. Si desea obtener comentarios en línea o si no, puede imprimirlos fácilmente. Y te voy a mostrar cómo puedes exportar para imprimir desde Adobe XD y cómo se ven impresas y lo que realmente puedes hacer con ellos. Entonces te veré ahí. 6. Comparte o exporta tu panel de inspiración: En este video, te voy a mostrar algunos ajustes que puedes usar para la exportación de tu moodboard y de imprimirla. Y también te puedo mostrar lo que puedes hacer para compartir esta pizarra de humor en línea con tu cliente y obtener la retroalimentación de esa manera. Entonces si volvemos a Adobe XD, aquí está nuestro tablero de humor que creamos. Lo que puedes hacer es simplemente compartirlo así. Para que puedas compartir este informe en particular que creamos con tu cliente y simplemente puedes compartir solo este. O bien puedes hacer clic aquí hasta la pestaña Compartir. Da clic en Generar enlace en el botón azul, que va a aparecer justo por aquí. Puedes copiar ese enlace y compartirlo con tu cliente. Ahora, lo que ese enlace te va a permitir hacer es reunir comentarios y tu cliente puede dejarte retroalimentación en este tablero de humor en particular si están lejos de ti, por ejemplo, lo cual es una gran manera de comunicarse con clientes que no están en su zona. Por lo que simplemente puedes compartir ese enlace con ellos. No tienen que tener cuenta de Adobe, ninguna cuenta para el caso. Simplemente pueden saltar dentro de ese enlace y simplemente pueden dejarte retroalimentación. Puedes navegar por mis otras clases sobre el diseño UX de la interfaz de usuario para ver eso en acción y para ver ese proceso de compartir en acción. Porque realmente va en profundidad y realmente puedes apuntar los giros y pueden dejar cierta retroalimentación sobre ciertas partes de tu diseño y así sucesivamente. Y más adelante cuando empieces a crear tu diseño en Adobe XD, por ejemplo, puedes expandirte en este archivo existente para que puedas agregar wireframes, puedes agregar diseño, vas a agregar prototipado. Se pueden añadir guías de estilo. Se puede agregar cada cosa dentro de este único archivo. Por lo que obviamente tu enlace de compartir va a crecer. Asegúrate de que estés usando la versión gratuita de Adobe XD para compartir solo un diseño con tu cliente, porque este es el límite con el plan gratuito. Si tienes un plan premium, cualquier plan premium como la suscripción a Adobe XD Creative Cloud o el plan premium de Adobe XD, entonces no tienes ese límite. Pero si estás usando la versión gratuita, tienes eso. Déjame solo un enlace que puedes compartir con tu cliente. Entonces una vez más, si estás interesado en asegurarte de revisar mis otras clases porque esos tipos realmente pueden entrar en profundidad. Y creo que soy una de mis clases anteriores. Hay algo así como una sesión de tres horas donde entramos realmente en detalles finos sobre compartir configuraciones para Adobe XD porque puedes compartir para clientes, puedes compartir para desarrolladores, puedes compartir tu presentación o puedes costarles compartir y ajustar todos estos ajustes diferentes dentro de eso. Entonces no tengo tiempo en esta clase en particular y realmente no quiero aburrirte porque solo tenemos moodboards. Pero cuando comienzas a expandirte, esto es realmente clave para entender lo que necesitas hacer para compartir con tus clientes. Lo siguiente que podemos hacer es exportar esto. Entonces si volvemos a aquí, puedo ir a Archivo Guardar como y guardarlo así. O simplemente puedo golpear Control E en mi mesa de trabajo y simplemente puedo exportarlo así. Entonces puedo usar PNG, puedo usar SVG, puedo usar PDF, y puedo usar JPEG. Puedes establecer el destino aquí mismo. Entonces esta es la salida donde va a ir tu archivo una vez que se guarde. Entonces lo que voy a hacer es golpear a JPEG, golpear a Export, y luego golpear Control E una vez más. Después cámbialo a PDF. Y voy a exportarlo una vez más. Por qué estoy haciendo esto es que quiero simplemente tener la capacidad de imprimir tanto JPEG PDF en simplemente comparar con qué tipo de elemento funciona mejor. Entonces, por ejemplo, en algunos casos, los PDF tienen mayor calidad. En otros casos, los jpegs tienen gran calidad. Entonces lo que realmente recomendaría es exportar barco y ver a dónde te va a llevar cada uno de ellos. Entonces voy a seguir adelante e imprimirlo ahora y volver y mostrarles cómo se ve impreso y qué se puede hacer con esas versiones impresas. De acuerdo, te mostraré cómo se ve impreso. Entonces aquí tenemos ese archivo Adobe XD, y aquí lo tienes impreso. Y, y lo puedes hacer con esta versión impresa es que simplemente puedes usar tu bolígrafo y papel y puedes saltar a tu cliente y discutir posibles soluciones, discutir posibles cambios. Entonces si te reúnes con ellos en su lugar, en su oficina, por ejemplo, podrían decir que esto es demasiado oscuro. Esta es, por ejemplo, la clave, el mundo clave podamos nosotros que quieran usar en su copia, digamos, o si eso es algo que se están esforzando por lograr. Por lo que realmente puedes discutir con ellos todos estos diferentes temas, todas estas diferentes soluciones que creaste aquí mismo e imprimirlo aquí mismo. Entonces, por ejemplo, se puede decir que estas imágenes no funcionan. Y quieren ver más de estos. Y por ejemplo, no incluimos a ninguna gente aquí mismo, tal vez más gente. Imágenes. Más de éstos, más de café por ejemplo, algo así. Entonces te das la idea, vas a discutir con ellos, todos estos cambios, todas estas imágenes diferentes, todos estos colores. Y cuando estás de acuerdo con ellos, por ejemplo, aquí mismo, acabamos de incluir una fuente. Pero tal vez si incluyste varias fuentes diferentes en tu moodboard, tal vez se vayan a llevar ésta y digan ir con ésta. Y si has elegido múltiples fuentes con múltiples colores, quizá vayan a decir, sí, esta fuente con este color, por ejemplo, va a funcionar muy bien en nuestro caso. Entonces vas a notar un poco de equipo, un poco de tendencia que se desarrolla una vez que comienzas a explorar esto en, una vez que comienzas a hablar con tus clientes, deliberadamente dejé nuestro espacio en blanco alrededor de todas mis imágenes, alrededor de todos mis colores, sólo para que pueda escribir esto fácilmente. No tienes que hacer eso. Puede cambiar fácilmente n, por ejemplo, puede llamar a esta imagen número 1, 2, 3, 4. Y del otro lado puedes voltearlo. Y por ejemplo, imagen uno, se puede decir bueno. Imagen tres, por ejemplo, no es buena. O demasiado oscuro o lo que quieras conseguir como tu referencia. Y esto es solo para ayudarte cuando empieces a desarrollar ese diseño, cuando empieces a desarrollar ese tono. Y como dije, esto es realmente genial porque puedes imprimirlo, dárselo a tu cliente. Pueden dejar estas notas alrededor y pueden fácilmente obtener la imagen de dónde va a ir este proyecto hacia atrás y adelante. Si puedes, puedes hacer estos cambios con estas cosas que acabamos de discutir y puedes imprimir esto una vez más. Puedes volver con tu cliente si están en algún lugar cerca de ti, y luego puedes sentarte con ellos una vez más y simplemente preguntarles, Es esta la dirección correcta ahora, ¿ Es esta la dirección correcta ahora, es así como quieres que se vea? ¿ Te gusta más esta dirección? ¿ Te gusta más este estilo? Y todas estas preguntas diferentes. Entonces si dicen que sí, entonces puedes saltar justo aquí y luego puedes tomarlos fácilmente, por ejemplo, así. Y si no les gusta este, tal vez puedas hacer así. Entonces como dije, esto es sólo un ejemplo rápido de lo que se puede hacer con estos moodboard. Así que asegúrate de entender que este proceso de la junta de humor va a tomar tiempo y a veces en algunos proyectos te va a llevar, por ejemplo, 15 minutos para crear y luego tal vez 30 minutos para discutir con tus clientes en algunos proyectos te va a llevar un día para crear en dos o tres días para discutir con tu cliente, para determinar el estilo general, por ejemplo, cualquier dirección oral del proyecto en sí. Así que asegúrate de calcular eso en tu presupuesto porque esta es la parte del proceso de diseño que debes estar cobrando por los tableros de humor. Así que solo asegúrate de entender que cuando empieces a trabajar, como dijo, asegúrate de ajustarte a tu tamaño de papel. Entonces, por ejemplo, esto es A4. Si estás trabajando con US, tamaño de letra, por ejemplo, entonces puedes ajustarlo a ese tamaño en particular en Adobe XD aquí mismo. Entonces como dije, puedes saltar aquí mismo, ajustar los píxeles según sea necesario, ajustarlos como quieras. Puedes dar la vuelta a esto si eso es algo que quieras y asegurarte cuando lo imprimas. No te preocupes por 300 dpi porque como dije, adobe XD es un vector tipo 2. Entonces eso es todo. Asegúrate de probarlo, asegúrate de probarlo, asegúrate de hablar con tus clientes. Porque como dije varias veces a lo largo de esta clase, esta parte del proceso de diseño es determinar tu propio estilo, la dirección general, El tono general. Así que asegúrese de tener en cuenta eso en, en sus interacciones de diseño. 7. Tu proyecto de clase: Tu proyecto de clase para esta clase es usar Adobe XD o cualquier software para ese asunto para crear un moodboard, puedes usar un ejemplo como yo usé, y puedes usar tus propias imágenes, puedes usar tus propios colores, puedes usar tu propio estilo y puedes lograr el resultado similar que hice. Y asegúrate de subir eso, ese proyecto de clase a la sección de proyecto de clase de esta clase. Puedes subirlo como un simple JPEG. Y estoy súper emocionada de ver qué se les puede llegar a ustedes chicos y qué ustedes pueden crear usando los consejos y técnicas que aprenderán de esta clase. Como dije, no hay limitación. Puedes crear lo que quieras. Puedes usar 1, 2, 3, cinco imágenes. Puedes usar 10 colores diferentes. Puedes usar, no sé, tres tipos de fuentes diferentes. Todo depende de ti y tienes total libertad. Yo solo quiero ver algunos de estos consejos y técnicas implementadas en tu trabajo. Por lo que una vez más, asegúrate de guardarlo como JPEG y subirlo a los archivos de tu proyecto de clase. Y puedo esperar a ver qué se les puede llegar a ustedes chicos. 8. Conclusión y recursos: Gracias por ver esta clase. Realmente espero que encuentres valor en él y realmente espero que vayas a aplicar al menos algunos de estos consejos y trucos que aprendiste en esta clase en tu trabajo. Y solo recuerda, los moodboards te pueden ahorrar mucho tiempo porque cuando comienzas con palabras Moon, puedes iniciar este proceso de exploración mucho más rápido que si solo inicias el diseño en Adobe XD, desde el principio va a apuntar a tu cliente en la dirección correcta porque vas a determinar, como dijimos, el tono general, el estilo aural, los colores generales, las fuentes, el aspecto y la sensación de tu diseño antes de que realmente empecemos a diseñar. Por lo que son realmente importantes si quieres ahorrarte mucho tiempo y a tu cliente mucho dinero, mientras que siempre puedes cobrar más porque vas a hacer esta fase de exploración y puedes ponerlo dentro de su factura para ese proyecto en particular. Recuerda, hay un archivo PDF en tu clase, por lo que simplemente puedes descargar ese archivo PDF y podrás explorarlo. Puedes seguir adelante y dar click en estos enlaces, que mencioné, y puedes acceder a él si quieres. Asegúrate de echar un vistazo a mis productos Moodboard, que voy a enlazar en el PDF también. Si quieres inspirarte o si quieres comprarlos. Y realmente recomiendo Envato elementos porque creo que lo son, hay absolutamente todo lo que todo diseñador necesita en ese sitio web en particular. Entonces si te interesa estar seguro de comprobarlo. Además, te veré en la siguiente clase si te interesa el diseño de UX de Adobe XD. Y puedo esperar a ver qué se les puede llegar a ustedes chicos y qué se pueden crear con los consejos y técnicas que aprendieron de esta clase. Entonces una vez más, gracias por mirar y nos vemos en el siguiente. Cuídate.