No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci√≥n ūüĒ•

Aprende todo un fin de semana sin pagar una suscripci√≥n ūüĒ•

Regístrate

Comienza en:

4D
19H
1M
52S
Curso de Fundamentos UI/UX

Curso de Fundamentos UI/UX

Tannia Obregón

Tannia Obregón

Mood Board

21/29
Recursos

Se refiere a una colecci√≥n de referencias visuales (patrones, iconograf√≠a, paletas de colores, tipograf√≠a, fotograf√≠a, ilustraci√≥n, etc.) que den inspiraci√≥n para dise√Īar.

Existen algunas herramientas para crear mood boards, como dropmark.com, Pinterest, Google Slides y m√°s. Lo importante es tener un lugar de donde se obtengan buenas ideas para un dise√Īo creativo.

18.png
5_30.png

No hay que menospreciar el valor de esta fuente de inspiración. Al llevar un registro de todo aquello que nos ha llamado la atención visualmente, se cuenta con un aliado que podría ser de gran utilidad dado el momento.

Aportes 68

Preguntas 0

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Google también tiene una funcionalidad para hacer colecciones.

Buscan en Google sus imágenes y las guardan así:

Así entrar a sus colecciones:

Y así queda o así funciona:

Hay una herramienta buena para hacer mood boards. les dejo el link. https://milanote.com/?utm_expid=.l3BhxY0HQzmINh5PuotYEw.0&utm_referrer=https%3A%2F%2Fwww.google.com%2F

Mood Board

Colección de referencias como visuales, fotografías, screenshots, iconografía, etc.
B√°sicamente cualquier cosa que nos sirva como referencia visual.

Aunque el Mood Board es algo totalmente de estilo y visual. Me parece viable hacerlo antes de los Wireframes, esto por si vemos elementos que podr√≠amos a√Īadir y poderlos considerar en nuestro WireFrame antes de realizarlo.

Mood Board
Aqu√≠ definimos el estilo visual de nuestro producto, este es una colecci√≥n de referencias visuales como fotograf√≠as, screenshots, tipograf√≠a, iconograf√≠a, estilos de ilustraci√≥n, b√°sicamente cualquier cosa que nos de una referencia o nos sirva de inspiraci√≥n visual para ver como vamos a dise√Īar.

Cosas que podemos incluir: paletas de colores, cuestiones de branding, iconografía, soluciones de interfaces, tipografía, diferentes tipos de visualización, también podemos incluir el estilo de fotografías que queremos utilizar y también se pueden agregar imágenes de nuestros tipos de usuarios.

Siempre que estemos haciendo un moodboard es importante que nos concentremos en el user persona que tenemos para que todo este alineado y todo haga sentido con ese usuario.

Recursos:

  • Dropmark
  • Google slides
  • Invision
  • Pinterest

Les recomiendo una extension de Chrome, se llama https://muz.li/ y con ella tendr√°n las ultimas novedades en el mundo de dise√Īo, programacion, etc! (puedes elegir que quieres ver), esto tambien me ha ayudado a encontrar inspiracion visual de los grandes dise√Īadores ūüėĄ

Que genial poder reconocer tantas herramientas que est√°n a la mano. Gracias.

Enlace de mood board para mi proyecto.
https://xantosromero.dropmark.com/827227
.
.

Mood Board
Es una colecci√≥n de referencias visuales en la cual basar√°s tu proyecto o dise√Īo, este puede incluir im√°genes, fotograf√≠as, screenshots, iconograf√≠a, tipograf√≠as, paletas de colores etc.
B√°sicamente cualquier cosa que nos sirva como referencia visual.

Por aquí mi MoodBoard
https://greht.dropmark.com/1148284

Mood board
Sirve para definir el estilo visual de nuestro producto.

Es una coleccion de tipografias, screenshots, imagenes, colores, interfaces, iconografias, diferentes tipos de visualizacion y cualquier cosa que nos sirva para inspiracion visual.

una de las herramientas se llama dropmark es una extension de google chrome que arma un tablero con referencias visuales.

Yo personalmente uso mucho https://www.uplabs.com/ un sitio donde puedo encontrar diferentes dise√Īos profesionales disponibles para descargar y darle un punto de partida a nuestro dise√Īo.

Podemos agregar fotos de nuestros diferentes tipos de usuario.

Martín Coronel
UX/UI Design

Web: https://martincoronel.com/

y para que nos va servir tener una colección de referencias??? no entendi muy bien

Yo les recomiendo usar Niice, es muy sencillo y gratis

Aqui esta mi MoodBoard. No esta completo pero lo estoy aun llenando de inspiracion

https://aalvarezdmk.dropmark.com/839912?page=1

gracias

Mood Board: Colecci√≥n de referencias visuales como fotograf√≠a, screenshots, tipograf√≠as, iconograf√≠a y estilos de ilustraci√≥n. Cualquier cosa que nos sirva de inspiraci√≥n visual para ver c√≥mo vamos a dise√Īar.

Mood board

  • Es una colecci√≥n de referencias visuales (fotograf√≠as, screenshots, tipograf√≠a, estilos de ilustraci√≥n, iconograf√≠a, etc.) para obtener inspiraci√≥n a la hora de dise√Īar la soluci√≥n digital (sitio web, app, interfaz, etc.).

  • Utiliza Dropmark https://www.dropmark.com/, que es una extensi√≥n de Chrome que permite guardar screenshots, im√°genes, etc. de nuestro Mood board.

  • A la hora de hacer tu Mood board, conc√©ntrate en el User persona (usuario del producto que est√°s dise√Īando), como centro, en base a sus insights.

MoodBoard

Para trabajar los Mood Boards recomiendo**** PureRef****, es sencilla pero muy potente y ligera. Se puede obtener completamente gratis y también puedes dar donaciones a los desarrolladores para que sigan mejorando la experiencia de la aplicación.
https://www.pureref.com/

Mood Board es nuestro material visual guia. A traves de las pasadas etapas, creamos un mapa de ideas que nos pueden ayudar visualmente. Y en general.

Porque rayos no comparten el reto de la clase.

Este es mi mood board. Si quieren hojearlo, aquí está el link https://pin.it/2F5qie5

Mi ejercicio,

Una forma diferente

  • Creo una nueva carpeta con el nombre del proyecto en mi escritorio.
  • Descargo en esa carpeta el material de fotos para cuando necesite editarlas en Photoshop.
  • Las paginas que necesito las guardo sobre una carpeta de favoritos en Alphabet (Google).

Este es mi mood board en Milanote ūüíô

![](

Hola! Les comparto una prueba de mi trabajo https://julianrendon19889.dropmark.com/1226110

ūüėÉ

¬Ņ No ser√≠a mejor crear un manual de identidad ?

https://yeraldine.dropmark.com/1171169
Mi Moodboard Jjajajaja es peque√Īo

Aqu√≠ dejo mi peque√Īo mood board
https://blueberryporo.dropmark.com/1165306

"El moodboard es una herramienta creativa que consiste en una visualización rápida de imágenes y palabras en un mismo soporte, a modo de lluvia de inputs que nos ayuden a preparar el cerebro para la fase de ideación de un proyecto, de ahí lo de inspiración.

Estas im√°genes y palabras pueden ser tanto f√≠sicas, con recortes de revistas o p√°ginas impresas, como en formato digital. Un ejemplo de moodboard digital muy reconocible podr√≠a ser un muro de Pinterest, donde bajo un tema com√ļn se aglutinan im√°genes y palabras que nos gustan."
https://designthinking.gal/que-es-y-para-que-sirve-un-moodboard/

Hola! Aquí les dejo mi mood board (le tengo que agregar más cosas todavía)

Mood Board: colección de referencias visuales.

Creo que Figjam podría ser una muy buena opción para hacer tu moodboard

Les comparto mi moodboard
https://albanyhh.dropmark.com/991014

ūüėÉ

Hola, les comparto el m√≠o, a√ļn faltan cosas pero fue agradable empezarlo:
https://grethelrodriguez.dropmark.com/841891

Excelente información sobre los diferentes Mood Board, tomando en cuenta el user persona que tenemos.

Excelente

O tener una buena galeria de imagenes ūüėČ

Comparto mi moodboard ūüėÉ
https://emanuel96.dropmark.com/830636

cualquier cosa que nos sirva para agrupar elementos de inspiración visual nos puede servir como mood board

**Moodbard: inspiración visual **

No tenia idea de estas herramientas, gracias.

Estoy haciendo una tienda Online de Celulares y mi Mood Borad es el soiguiente

https://diegox412.dropmark.com/873957

Esta es una parte de lo que quiero hacer, porque le quiero dividir las experiencias a mis usuarios dependiendo de lo que decidan con los primeros filtros iniciales…![](ttps://caviedes.dropmark.com/981098

La verdad para tener un mood board es bueno usar también notion!

En el futuro hacer paginas funcionales sin c√≥digo, mas inclin√°ndose a como se hace aqu√≠ dise√Īando ser√° la pauta

Yo utilizo esta extension de google chrome, muy √ļtil porque adem√°s de tomar screenshots, tiene el screen recorder y otras cosas

Aca comparto mi mood board https://shotan.dropmark.com/918498

Hay otra herramienta que puede ser muy √ļtil y se llama PureRef, es gratuita y es utilizada principalmente en el concept art pero puede servir tambi√©n para hacer mood boards para UI.
https://www.pureref.com/