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

17 Nuevos Cursos Gratuitos de SQL, Python, Diseño Web y Más (06 de Marzo)

Regreso con nuevos cursos gratis, recuerda que algunos de los cupones de los cursos publicados ayer, es muy posible que aún sigan activos; y vas a poder encontrar cursos en español de javascript -typescript, react,vue- y Unity. Además, de cursos en inglés de Python, R, SQL y más; también tienes muchos cursos totalmente gratis y una gran oferta de guías para programación de O´Reilly (en inglés) ¡SEGUIR LEYENDO!

34 Mitos de la Experiencia de Usuario dentro de una Página Web

UX Mitos, recoge los conceptos más frecuentes dentro del mundo de la experiencia de usuario y que quizás pueden ser erróneos; explicando a su vez, porque puede que no sean ciertos. No hay porque, tomarse al pie de la letra todo lo que aquí se presenta, simplemente se muestran algunos hallazgos tras una larga investigación y estudiar sobre diferentes artículos de numerosos gurús del diseño y ¡SEGUIR LEYENDO!

Becas Google para Cursos de Coursera con Certificado GRATIS

La fundación estatal para el empleo de España ha lanzado un programa en conjunto con las oficinas de Google, desde el que se financia la obtención de los certificados de ciertos cursos de Google en Coursera. Los certificados son concedidos por Google y los únicos requisitos existentes para inscribirte son los de tener más de 18 años y residir en España. En concreto, los cursos a ¡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!

42 Cursos Gratis de Udemy: Hacking, Redes, Desarrollo Web, Reiki (cupón finalizado)

Un día más estoy por aquí, trayendo los mejores cursos gratis de Udemy. Hoy vienen más mezclados que nunca, son 10 cursos en español y 32 cursos en inglés. Muy buena pinta tienen los cursos Hacking Ético y redes de ordenadores, también cursos de redes neuronales con Python, Java, weBGL, Bootstrap. Como gran extra, un gran curso totalmente en español, sobre Reiki; por si a alguien ¡SEGUIR LEYENDO!

60 Mejores Cursos Gratis de Programación Web y Móvil

Recopilatorio de cursos de programación web con los que aprender a generar apps y aplicaciones móviles en cualquier lenguaje de programación online y gratis.

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!

Deja un comentario

Salir de la versión móvil