Herramientas de color esenciales para diseñadores de UX

El color es una de las herramientas más poderosas en el juego de herramientas para un diseñador. Al mismo tiempo, el color es un concepto difícil de dominar: con una cantidad infinita de combinaciones de colores posibles.

Es complicado decidir qué colores usar en un sitio web o una aplicación. Para facilitar las cosas, existen infinidad de herramientas para elegir paletas de colores. Seguro que te ahorrarán mucho tiempo.

En este artículo encontrarás herramientas que te ayudarán a:

  1. Encontrar la inspiración.
  2. Crea tu propia combinación de colores.
  3. Hacer accesible una combinación de colores.

1. Encuentra la inspiración

Ve a la Naturaleza

Existe mucha inspiración a tu alrededor, si quieres inspirarte solo necesitas mirar a tu alrededor.

Diseño de impresión, diseño de interiores, moda.. Existen infinidad de lugares en los que poder inspirarse.

Aunque, sin lugar a dudas, las mejores combinaciones de colores los vas a encontrar en los lugares más exclusivos de la naturaleza.

Simplemente toma una foto de momentos hermosos en la naturaleza y crea tu combinación de colores a partir de esa imagen.

Behance

Behance muestra y descubre los últimos trabajos de los mejores portfolios de profesionales creativos de infinidad de industrias y también puede convertirse en una gran fuente de inspiración.

Si quieres encontrar trabajos creativos frescos e interesantes, simplemente debes filtrar por el color que quieras.

Dribbble – Búsqueda por Colores

Dribbble es uno de los mejores lugares para inspirarse respecto a las interfaces de usuario, tienes una herramienta excelente en el filtro de colores.

Cuando quieras hacer una investigación visual sobre cómo otros diseñadores usan cierto color en particular, aprovéchala.

Design Inspiration

Design Ispiration es una gran herramienta para cuando tienes una idea para tu paleta de colores pero quieres ver ejemplos de esa mezcla.

Puede elegir hasta 5 colores y buscar imágenes que coincidan con tu consulta.

Tineye Multicolr

Tineye te ayuda a buscar una mezcla de colores en fotografías e incluso a especificar la cantidad de cada proporción de color que deseas que exista en las imágenes buscadas.

El sitio web de Tineye, usa una base de datos de 20 millones de imágenes Creative Commons de Flickr, lo que lo convierte en una de las mayores bases de imágenes capaz de comparar combinaciones de colores.

Colorzilla

ColorZilla es una extensión disponible para Google Chrome y Mozilla Firefox que incluye una serie de herramientas relacionadas con los colores.

Entre las que se incluyen un selector de color, un cuentagotas, un generador de gradiente CSS y un navegador de paletas.

2. Crea tus propios esquemas de color

Material Design

Material Design Dynamic Color permite crear, compartir y aplicar paletas de colores a una interfaz de usuario, así como medir el nivel de accesibilidad de cualquier combinación de colores.

Coolors.co

Coolors es una poderosa herramienta para crear esquemas multicolores. Simplemente puedes bloquear el color que deseas y presionar la barra espaciadora para generar una nueva paleta.

Lo bueno de esta herramienta es que no está limitado a un solo resultado: Es posible recibir infinidad de esquemas de color simplemente modificando el punto de referencia.

Con esta herramienta también es posible cargar una imagen y hacer una paleta de colores a partir de ella.

Adobe Color CC

La herramienta Adobe Color CC ha estado funcionando desde hace mucho tiempo.

Disponible como versión web y de escritorio, usando una versión web de la herramienta, es posible crear esquemas de colores desde una rueda de color.

Si estás utilizando la versión de escritorio, puede exportar un esquema de color directamente a Photoshop, Illustrator o InDesign.

Paletton

Paletton es similar a Adobe Color CC. La diferencia es que no está limitado solo a 5 tonos y puedes jugar con los tonos adicionales que quieras.

3. Accesibilidad del color

Los problemas de visión son más generalizados de lo que la mayoría de nosotros creemos. Más de 285 millones de personas en todo el mundo tienen discapacidad visual.

Muchos más usuarios tienen dificultades visuales bajas o moderadas.

Es esencial asegurarse de que un esquema de color seleccionado sea accesible para los usuarios con discapacidad visual.

WebAIM – Comprobador de contraste de color

Algunos colores van bien entre sí, mientras que otros son contradictorios. Es sorprendente cuántos sitios y aplicaciones no pasan la prueba AA, ¡No seas uno de ellos!

Es esencial verificar los colores de la interfaz de usuario para la accesibilidad del contraste de color cuando se usa junto a texto.

Utiliza WebAIM Color Contrast Checker para probar las combinaciones de colores más adecuadas.

Coolors

Coolors permite probar tu combinación de colores en caso de daltonismo, todo lo que necesitas es hacer la selección de colores de las interfaces.

Más Herramientas (54)

Colección de herramientas](https://uxpro.cc/toolbox/visual-design/colors/) que puede usar para crear varias combinaciones de colores.


Conclusión

Las herramientas mencionadas anteriormente facilitarán la tarea de encontrar las combinaciones de colores más adecuadas.

Ten en cuenta que la mejor manera de aprender a crear combinaciones de colores impresionantes es practicar mucho.

Relacionado

Las Leyes de la Experiencia de Usuario

Las Leyes de Experiencia de Usuario, son una colección de los principios y las máximas que los diseñadores deben tener en cuenta al crear interfaces de usuario. 1. Efecto de usabilidad estética Los usuarios a menudo perciben un diseño estéticamente agradable como un diseño más útil. El diseño estéticamente agradable puede hacer que los usuarios sean más tolerantes a problemas menores de usabilidad. El diseño estéticamente ¡SEGUIR LEYENDO!

Las Diferencias entre la experiencia del usuario y la interfaz del usuario

Muy buena comparativa entre las temáticas de las que se encarga el UI o el UX. Los UI o user interface son los encargados del color, las ilustraciones, la fotografía, la tipografía, los iconos, el diseño visual y los gráficos en general. En cambio, los UX o encargados de la Experiencia del Usuario se dedican a realizar las pruebas de usabilidad, analizar la psicología y uso ¡SEGUIR LEYENDO!

Galileo IA: ChatGPT para el diseño de UI / UX

El ex ingeniero de Google (Arnaud Benard) y la ex diseñadora de productos de Facebook (Helen Zhou) han llevado la IA generativa al diseño de interfaces de usuario con Galileo AI. https://youtu.be/d65d7e2Jdt4 Galileo AI tiene como objetivo generar diseños de interfaz de usuario únicos y completamente editables a partir de una entrada de texto y muy rápidamente. También, sería capaz de incluir una gran cantidad de ¡SEGUIR LEYENDO!

El diseño de UX gana terreno como un rol profesional clave

En la actualidad, existe un gran impulso hacia el diseño y la investigación de la experiencia del usuario (UX) como parte integral del proceso de software. Recientemente, Savannah College of Art and Design (SCAD) anunció que estaba ejecutando un nuevo programa de grado de investigación UX , lanzado este otoño, desarrollado en colaboración con Google. https://ciberninjas.com/cursos-prototipado-ux-ui/ Este es el primer programa de grado en investigación de ¡SEGUIR LEYENDO!

Curso Gratuito de Diseño UX/UI impartido por Polotic (supervisado+youtube+telegram)

Desde el proyecto, incubadora de Proyectos POLOTIC de Argentina, nos acercan una muy interesante propuesta: Un curso online sobre diseño UX / UI impartido de forma totalmente digital. El curso incluye 8 sesiones de Youtube en directo, apuntes de contenidos en PDF y chat comunitario a través de Telegram. Cada sesión tendrá una duración de 2 horas y las clases iniciarán a las 19 hora de ¡SEGUIR LEYENDO!

Deja un comentario