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:
Aprender las bases de un proyecto de Diseño de Interfaz y UX
Qué aprenderás sobre el diseño de interfaces UI y UX
¿Qué es user experience?
Qué implica ser un diseñador de interfaces
Básicos de Diseño
Principios de Gestalt y UX
Principios de Usabilidad y Heurística
Kickoff del proyecto del curso
Realizar la investigación inicial de un proyecto UI
Tipos de investigación
Entender el problema: ¿Qué queremos solucionar?
Benchmarking
User Research: Encuestas
User Research: Entrevistas
User Personas
User Journeys
Organizar la información y bocetar los primeros wireframes
Análisis de Interfaces
Introducción a la Arquitectura de la Información
Patrones de UI
Wireframes: comienza en papel
Guerrilla testing con Paper Prototyping
Wireframes digitales en Sketch
Diseñar los detalles de nuestra interfaz de producto
Mood Board
Diseñando interfaces con Sketch, empty states, mensajes de error y notificaciones
Diseño Responsivo y Adaptativo
Design System
User testing
Entregar el diseño de la interfaz e iterar
Cómo entregar para desarrollo: Zeplin
Cómo seguir probando tu interfaz: A/B Testing con Optimize y HotJar
Cierre del curso
Mentorías expert
Diseño UI en vivo
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Iniciar sesiónRecursos
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.
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:
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
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
y para que nos va servir tener una colección de referencias??? no entendi muy bien
Aqui esta mi MoodBoard. No esta completo pero lo estoy aun llenando de inspiracion
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.
Mi Mood Board 😄
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
😄 mi mood board
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
herramienta utilizada: Invision
https://projects.invisionapp.com/share/DEM2139457889J#/screens/451823877
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 😉
Les dejo mi moodboard!
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 **
Hola, les comparto mi Moodboard: https://docs.google.com/presentation/d/1hv8x60DdPL7Lu_oYL_us8mkK7-0UMt_M58rLO9x8n6Q/edit?usp=sharing
No tenia idea de estas herramientas, gracias.
Estoy haciendo una tienda Online de Celulares y mi Mood Borad es el soiguiente
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…
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/
Aquí mi ejercicio:
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.