¿Métodos para mejorar la elección del color y las combinaciones?


34

A menudo me cuesta elegir las combinaciones de colores adecuadas. Soy lo suficientemente autosuficiente como para darme cuenta de que me siento más cómodo y, a menudo, me decido por colores que podrían verse como más corporativos o retro: azules, burdeos, marrones, grises, etc.

Soy consciente de cosas como Adobe Kuler y Colorschemer .
No estoy buscando herramientas adicionales similares. Puedo construir paletas sin problemas. Sin embargo.....

Estos no parecen realmente resolver mi problema. Puedo obtener una paleta de estas herramientas, sin embargo, las aplicaciones de los colores a menudo me fallan.

Tengo mucha práctica usando mis colores "retro corporativos" y he aprendido lo que funciona bien como fondo, lo que funciona bien como texto, etc. Pero cuando me muevo a una paleta más brillante o más vibrante, tiendo a perder de vista aplicación de color y eventualmente comenzar a desaturar y terminar cambiando las cosas a mi zona de confort.

¿Cómo puedo ampliar mi rango de uso de color "cómodo"?

¿Cuáles son algunas de las mejores prácticas para ampliar mi propio sentido del color en el diseño?

Tenga en cuenta que trabajo principalmente en forma impresa, por lo que "probar" no es una gran opción más allá de las pruebas en pantalla. Raramente trabajo en proyectos que me permiten el lujo de usar una paleta hoy y probar otra la próxima semana. Habitualmente tengo que conformarme con uno y usarlo para ese proyecto hasta que el proyecto ya no sea necesario. Esto significa que una mala elección de color puede ser realmente perjudicial para una pieza y su vida útil.


Aclaración : no estoy buscando métodos para construir paletas de colores . Como se dijo, puedo hacer eso. Es la implementación de una paleta sobre la que estoy preguntando. Digamos que construyes una paleta de 7 colores.

  • ¿Cómo se determina qué colores funcionan bien para qué objetos? (es decir, "el rojo brillante en un amarillo canario es demasiado brillante para una buena legibilidad", etc.)
  • ¿A qué nivel el contraste de color se convierte en un problema?
  • ¿Es preferible utilizar las discordias de color (colores complementarios)?
  • ¿Cuándo es un color demasiado vibrante para usarlo en el texto?
  • ¿Qué hace que una pieza "destaque" mediante el uso del color?
  • ¿Qué tipos de combinaciones de colores transmiten "vivacidad", "seguridad", "respeto", "juvenil", "vibrante"?

Es este tipo de entrada que esperaba, no el "aquí es cómo elegir una paleta". Parece que he hecho un mal trabajo al explicar mi intención anteriormente.


1
¿Usas tablas de humor? No los uso a menudo, pero pueden ser realmente útiles para salir de su zona de confort (especialmente si consigue que alguien más contribuya). Luego, extraiga los colores (la técnica de love cockypup) y fuerce a experimentar con lo que salga.
user56reinstatemonica8

Debería expandir un poco y agregar eso como respuesta @ user568458 :)
Scott

He trabajado internamente durante varios años ... ¡Elegir paletas de colores para proyectos reales es un recuerdo lejano! Lo dejaré para alguien con experiencia relevante más reciente, no tengo mucho que agregar más allá de ese comentario
user56reinstatemonica8

Respuestas:


32

Es posible que esto no responda su pregunta por completo, pero como parte de mi flujo de trabajo, a veces uso esta técnica.

Cuando trato de elegir una paleta de colores (al comienzo del proceso creativo), trato de recordar de mi memoria una imagen o pintura que se ajuste al "estado de ánimo" o al "contenido" del proyecto. Luego tomo esa imagen y, usando Photoshop, aplico un filtro Pixelate-> Crystallize con un tamaño de celda bastante grande. Esto simplifica los colores de la imagen a grandes muestras planas de color.

Por ejemplo, tengo en mis planes crear un póster de origen propio para un artista de cabaret. Ella tiende a cantar música vintage, pero de alguna manera lo hace sonar fresco, su actuación es bastante arriesgada, humorística, humana e interactiva. Por alguna razón que recuerda este boceto de Toulouse Lautrec, que, cada vez que veo, me comunica esos valores o estado de ánimo.

ingrese la descripción de la imagen aquí

Uso el filtro en la imagen y termino con esto.

ingrese la descripción de la imagen aquí

Luego uso las grandes celdas de colores planos para construir un esquema de colores. Termino con opciones que nunca habrían salido de mi propio cerebro, como el azul celeste y el marrón medio juntos. Después de crear el esquema de color, me quedo con él como si no hubiera más colores en el Universo. Las únicas opciones posibles que me doy son intercambiar o agregar un color desde / al esquema con uno de los colores de las celdas.

Es solo una ayuda que me ayuda a pensar sobre el color, visualizarlo y evaluar sus interacciones y su contribución a una imagen específica. También me ayuda a liberarme de mis fórmulas bien probadas.

Algunos podrían argumentar que esto es bastante similar al uso de Adobe Kuler, pero este enfoque me parece más práctico y personal. Puedo elegir los colores, no una aplicación. De alguna manera me resulta inquietante dejar que una herramienta tome decisiones creativas por mí. Un día, los androides gobernarán la Tierra y lo harán por sí mismos, pero hasta entonces prefiero agregar mis dos centavos de "yo" al proceso creativo.


No ... las respuestas separadas son buenas ... muestran diferentes métodos.
Scott

2
Casi como pixelar una tabla de humor. Además, esta es una técnica de diseño de interiores: encuentra un elemento (pintura, almohada) que le gusta y elige los colores de ese elemento para vestir la habitación (pintura de paredes, muebles, alfombras, cortinas, etc.).
Lauren-Reinstate-Monica-Ipsum

Pictaculous es una forma similar de hacer esto que es gratis en línea y genera la paleta directamente
Zach Saucier

2
Una de mis técnicas favoritas, también la mía, excepto que generalmente uso Mosaico en lugar de Cristalizar. Lo aprendí de John McWade, hace años, y ha sido una gran herramienta.
Alan Gilbertson

1
El problema con esta técnica común es que oscurece los colores clave del original. En su ejemplo de HTL magistral (uno de mis favoritos) mezclar los colores en un simple "mosaico" embota las pequeñas áreas que dan vida al original. No son lo suficientemente grandes como para registrarse correctamente en su versión filtrada, pero son más que suficientes en el original para cambiar el estado de ánimo de la obra de arte.
vestidos de civil

16

En realidad, esto parece una pregunta más sobre la creatividad y salir de una zona de confort que sobre la técnica, pero responderé el aspecto técnico.

¿Cómo se determina qué colores funcionan bien para qué objetos? (es decir, "el rojo brillante en un amarillo canario es demasiado brillante para una buena legibilidad", etc.)

Esta pregunta es un poco general, pero para abordar su ejemplo: el texto generalmente es más legible cuando contrasta con el fondo en luminancia , pero no tanto en tono . Por ejemplo, si quitó toda la información de color del texto y el fondo y la dejó en blanco y negro, cuanto más contrasten, más legible será el texto.

Por otro lado, si los tonos de color son muy contrastantes (complementarios) como el rojo y el verde, especialmente si están cerca de la misma luminosidad, pueden 'vibrar' y hacer que sus ojos sientan que quieren salir de su cabeza. La gente ni siquiera querrá mirar su texto y mucho menos leerlo.

¿A qué nivel el contraste de color se convierte en un problema?

Mira mi última respuesta ...

En general, en mi experiencia:

  • Alto contraste de luminancia con bajo contraste de tono = fácil de leer
  • Bajo contraste de luminancia con alto contraste de tono (colores complementarios) = "vibración"; Ojos saliendo de la cabeza.

Utiliza tu criterio sobre cuándo se convierte en un problema cuando estás diseñando. Será diferente en cada proyecto.

¿Es preferible utilizar las discordias de color (colores complementarios)?

Véase más arriba

¿Cuándo es un color demasiado vibrante para usarlo en el texto?

Véase más arriba

¿Qué hace que una pieza "destaque" mediante el uso del color?

La primera regla que sigo es usar un contraste de alta luminosidad. El negro aparece en blanco más que el gris aparece en blanco.

Las otras reglas que sigo son usar colores cálidos, brillantes, puros y saturados. He hecho muchas portadas de revistas en las que la línea principal de la portada tenía que aparecer junto a todos los demás elementos ocupados y una de mis principales formas de recurrir a esto (además de hacer que la línea fuera más grande) era hacer que colorea el texto de color más brillante y cálido de la página. Usé mucho rojo brillante, naranja, amarillo dorado e incluso amarillo brillante, pero también usé cian. Por lo general, elegiría cuál de estos tonos en función de lo que iba con los colores en la foto utilizada.

Pero hay una regla adicional más que uso en proyectos de impresión. A pesar de que es un color más frío, a menudo usaría cian para un color `` emergente '' porque el cian se crea con una sola tinta (en lugar de una mezcla de tintas CMYK), por lo que se veía más vibrante que algunos otros colores del mismo nivel de saturación. Cian, magenta y amarillo cuando está completamente saturada tienden a ser más brillante en comparación con las tintas mezcladas de la misma saturación. Los colores Pantone también funcionan muy bien por esta razón en la impresión. Cada color Pantone es una tinta en lugar de una mezcla de 4 tintas CMYK como colores CMYK. Me encanta usar los colores Pantone por su impacto.

¿Qué tipos de colores combinaciones transmiten "vivacidad", "seguridad", "respeto", "joven", "vibrante”?

No sé si puedo pensar en una forma de responder a esto sin que sea una opinión, así que se lo dejaré a usted. Probablemente sea mejor contestado por ti mismo de todos modos.

Espero que esto ayude.


1
Que es una pregunta más sobre la creatividad que la técnica. Por eso edité para agregar información adicional. Gracias :) Permitimos aquí un poco más de preguntas subjetivas que las que se pueden encontrar en otros sitios de Stack. La opinión no siempre es mala si está respaldada por la experiencia.
Scott

Un punto que vale la pena mencionar acerca de los complementarios en general es que "deslumbran" cuando se usan uno contra el otro. El rojo / verde es particularmente vicioso, porque el ojo no puede enfocarse en ellos simultáneamente. (¡Pregúntele a su optometrista!)
Alan Gilbertson

10

Cuando elijo una paleta de colores, limito mi selección a un máximo de 3-5 colores, pero amplío esos colores. Por ejemplo, generalmente ejecuto un script en Illustrator que me permitirá colocar cada color en su propia paleta maestra y una variación del color basada en los reflejos y las sombras que he usado durante todo el año ayuda a producir una salida HEX y RGB en CSS . Este rango de color adicional me ayuda a tener un rango más amplio de decidir o reducir una paleta de colores. Entonces, para esta instancia, aún podría usar sus mismos colores, pero son diferentes variaciones de su favorito, pero producirían un conjunto de colores totalmente diferente.

Ejemplo de tu amarillo:

ingrese la descripción de la imagen aquí

Utilizo este enfoque por varias razones:

  1. Ayuda con gradientes
  2. Permanece dentro de la paleta de colores de un cliente.
  3. Mantiene un tema de color pero aún ofrece una variedad de colores.

8

Hay un arte en ello

En la percepción visual, un color casi nunca se ve como realmente es, como es físicamente. Este hecho hace del color el medio más relativo en el arte. // Josef Albers

La teoría del color es donde la física de la luz y la psicología del color se vuelven mucho más que sus partes científicas. Como elegir y configurar bien el tipo , usar bien el color requiere práctica e inmersión. Debe apreciar el hecho de que el número de variables pesa más de lo que podemos explicar científicamente.

En otras palabras, desarrollas un ojo para el color con el tiempo.

La edición del 50 aniversario de Interaction Una copia antigua de elementos

Vale la pena repetir que tienes que estudiar a los chicos que dedicaron sus vidas al tema. Mi favorito personal por su brevedad, practicidad y efectividad extraordinaria es la interacción de color de Albers . Eso no es terriblemente largo, por lo que también debería tener tiempo para absorber The Elements of Color de Itten .

Tomando atajos

La razón por la que te encuentras recurriendo a una paleta personal confiable es porque has aprendido un atajo práctico (y muy probablemente efectivo) a la teoría del color. No estas solo. Nuevamente, como la tipografía, la mayoría de nuestra industria no ha tenido la exposición ni el tiempo para explorar el arte de la misma. Entonces, ha desarrollado una alternativa segura y confiable, pero no ha dominado el color.

Las plantillas son buenos accesos directos: Básico de Themeforest

Su sistema práctico se refuerza mediante el desarrollo de reglas. Puede sobrevivir mediante pautas como "el contraste de texto a fondo debe ser al menos del 40%"; o 'un color de fondo nunca debe saturarse más allá del 36%'; o "el amarillo me incomoda, así que ni siquiera preguntes". Las fórmulas facilitan las cosas.

Se necesita compromiso

Pero cuando realmente domines la relación de los colores, las consideraciones prácticas serán obvias. Tal vez el texto amarillo brillante no funcionó en los últimos 100 proyectos, pero esta vez lo configurará contra un gris cálido que lo domestica perfectamente. De repente, el texto amarillo te funciona. Quizás no, pero tu 'ojo' te lo dirá. Tu instinto de color.

Al igual que con cualquier cosa que merezca la etiqueta 'arte', no hay atajo para dominar. Albers observó que tienes que entrenar tus ojos para ver realmente el color. Cuando comprenda cómo usar los colores para manipularse entre sí, su kit de herramientas se expande. Cuando comprenda el efecto que el color tiene en su audiencia, su diseño se vuelve más fuerte.

El color cuenta una historia

A medida que practique y comience a comprender la interacción, también piense en el color natural. Configure pruebas para encontrar el color correcto que represente algún rasgo antropomórfico, como lo haría al seleccionar un tipo de letra. Trata de hablar sobre matices individuales en términos de personalidad. Luego hazlo con paletas enteras. ¿Cómo contribuye cada color a la profundidad de esa personalidad? ?

Y al igual que las personalidades reales, sabrá que un poco de un color dado será de gran ayuda. Saber qué tono se ajusta a qué elemento es parte de la construcción de la historia.

En la imagen simple a continuación, solo hay dos colores (más blanco). Perceptualmente, no hay menos de cuatro. Y cada cuadrante transmite una historia diferente. En la prensa, la sobreimpresión abre un nuevo mundo de oportunidades para estas dos muestras humildes.

Aquí solo hay dos colores + blanco

Exactamente lo que transmite cada interacción de tono y color es casi completamente cultural. Como con casi todo en diseño, conozca a su audiencia. Incluso cuando crea que ha utilizado cada muestra en el lugar correcto, pruébela con un usuario objetivo real y pregúnteles qué ven. Las reacciones pueden ser esclarecedoras.

No hay caja fuerte

Cuando percibir la interacción del color y la personalidad se convierte en una segunda naturaleza, encontrará que su paleta "segura" ya no existe. Todos los colores son seguros y todos los colores son peligrosos. Es solo una cuestión de contexto.


6

Psicología del color

Los colores significan cosas diferentes para diferentes personas. Es causado por el hecho de que todos vivimos vidas diferentes, con perspectivas diferentes, y que todos somos únicos. Algunos dicen que la belleza de la humanidad está en tales diferencias.

Tratar de percibir las diferencias a través de sus propios prejuicios es un ejercicio inútil. Puedes intentar ser justo, pero es imposible ser verdaderamente objetivo. La mejor manera de mejorar su comprensión y su perspectiva en general es a través de la racionalidad .

Al emplear la racionalidad en su proceso de pensamiento, naturalmente gravitará hacia la ciencia y los hechos. Voy a dar una breve visión de los temas principales y proporcionarle algunas referencias, y le permitirá aventurarse en el ámbito de la psicología del color por sus propios caprichos.

También debe tener en cuenta que es probable que una gran parte de la investigación de color patentada se mantenga privada para obtener una ventaja competitiva.

La ciencia dice ...

  • Años
  • Sexo
  • Etnicidad
  • Posicionamiento Geográfico
  • Filosofias Culturales
  • Filosofías religiosas

TODOS afectan la percepción del color de una persona. Eso es mucho para considerar.

Asociaciones de color

Asociar colores con ideas es un proceso subconsciente. Desde el momento en que nacemos, procesamos y formamos asociaciones de color que resuenan en el resto de nuestras vidas.

Se han cometido errores costosos en el pasado a través de la noción incorrecta de "universalidad del color". Algunos colores pueden tener asociaciones ampliamente entendidas, pero eso no significa que todos los posean. De hecho, dependiendo de dónde se encuentre en el mundo, algunas asociaciones de color se invierten. Por ejemplo, en los Países Bajos, el rosa se considera un color de niños, mientras que el azul se considera un color de niñas.

Asociaciones instintivas de color

  • Los hispanos generalmente se sienten atraídos por colores más brillantes, más fuertes y más intensos.
  • Los afroamericanos prefieren colores muy saturados.
  • El azul es la elección general de color número uno por grupos étnicos, pero el segundo color más popular varía entre ellos.
  • Los afroamericanos y los hispanos se inclinan proporcionalmente más hacia el púrpura.
  • Los asiáticos se inclinan proporcionalmente más hacia el rosa.
  • Los estadounidenses de origen asiático tienen una preferencia significativamente menor por el verde que cualquier otro segmento étnico.
  • Los caucásicos se inclinan proporcionalmente más hacia el verde.

Lo más interesante:

  • Cuanto más cerca del ecuador se encuentre el patrimonio de una persona, mayor será el brillo, la saturación y el contraste que preferirán.

Asociaciones de color aprendidas

Investigación realizada sobre colores y su asociación con 13 palabras en cuatro países; Japón, China, Corea del Sur y EE. UU.

  • Los resultados mostraron distintas similitudes y diferencias entre estas cuatro culturas.
  • Las personas en las cuatro culturas asociaron el azul con la alta calidad y el negro con el poder. Pero muchos colores tenían significados opuestos entre las culturas.

Los ejemplos de percepción y respuesta dispares al color incluyen:

  • El blanco simboliza el duelo o la muerte en el este de Asia, pero la felicidad, la pureza y el nacimiento en Australia y Nueva Zelanda.
  • El azul se percibe como frío y malvado en el este de Asia, frío en Suecia, pero cálido en los Países Bajos.
  • El verde representa peligro o enfermedad en Malasia, envidia en Bélgica, amor en Japón y sinceridad y confiabilidad en China.
  • El rojo no tiene suerte en Nigeria, pero tiene suerte en China, Dinamarca y Argentina.
  • El amarillo representa calor en los Estados Unidos, pero infidelidad en Francia. Se asocia con celos en Rusia, pero agradable, feliz, buen gusto, realeza en China.
  • El púrpura es el color del amor en China y Corea del Sur. Ira y envidia en México, pecado y miedo en Japón. El púrpura se considera caro en China.
  • En los Estados Unidos, el azul está asociado con los niños y el rosa con las niñas. Pero en Bélgica, la asociación de azul para un niño y rosa para una niña se invierte

Fuente principal: Respuesta a la revisión de literatura en color con perspectiva de marketing intercultural (contiene muchas, muchas referencias útiles)


5

Un concepto interesante que aprendí por primera vez en una página de consejos de moda masculina es elegir combinaciones de colores que ocurren en la naturaleza. Por ejemplo, marrones, verdes claros y verdes oscuros (bosque); grises, azules claros y blancos (cielo con nubes); Obviamente, esta no es la única opción de color y combinaciones, pero puede ser útil tener en cuenta de vez en cuando.


5

He luchado con este tema a lo largo de mi carrera. Realmente admiro a los diseñadores que tienen talento para el color. Tengo un cubo de dribbble dedicado solo a paletas de colores que admiro.

Contast de texto

Utilizo el verificador de contraste de color WCAG para verificar el texto y el contraste de color de fondo. Solo usaré combos que pasen el nivel AA; pronto será necesario para cumplir con 508 en sitios web y aplicaciones. Sin embargo, no estoy exactamente seguro de cómo se traduce esa fórmula para el diseño de impresión.

Más allá del diseño gráfico.

Hace unos diez años decidí ser audaz y pintar mi habitación con un color terracota intenso, rojizo oscuro, ligeramente baya. Publiqué en un tablero de decoración pidiendo sugerencias de colores para cortinas y ropa de cama. Dije que todo lo que podía encontrar era ropa de cama negra sobre un fondo crema y alguien publicó: "Puedes hacerlo mejor que eso". Ese comentario realmente me quedó grabado. Nunca compré la ropa de cama del baño. Compré cortinas de seda de color peltre, sábanas azul marino y una colcha de satén beige. Todavía estoy luchando (10 años después) para expandir más esa paleta de colores (especialmente la colcha) y para traer patrones.

Volver al diseño gráfico.

Guardo los colores que me gustan en mi paleta de muestras en Photoshop. Me gusta el sitio colourlovers.com para encontrar colores y paletas.

Cuando me siento creativo en mi tiempo libre, tiendo a hacer paletas de colores en Photoshop sin un proyecto en mente. Tomo un color dominante (a menudo usado como un gran cuadrado de fondo) y pruebo diferentes combinaciones de colores para ir con él (en cuadrados más pequeños en la parte superior del cuadrado de fondo). Pruebo diferentes colores de trazo para los cuadrados más pequeños para ver qué es necesario para que el color funcione (por ejemplo, ¿necesito un borde blanco, crema o gris para que estos funcionen juntos o pueden encajar sin el borde?) Duplicaré un cuadrado de color y pruebe diferentes colores de trazo en él. El truco es tomar un color con el que sea difícil trabajar (rosa o naranja, por ejemplo), y ver qué lo complementa. Guardo los esquemas de color para más adelante cuando los necesito. Tengo diferentes paletas (archivos) que reflejan diferentes estados de ánimo (por ejemplo, brillante y alegre, fresco y aireado, audaz y poderoso, etc.). Intento mantener las asociaciones de color generalmente aceptadas, como el rojo para hacer que las personas tengan hambre o se asocien con la comida,naranja para mostrar el valor del precio , etc.

Es más fácil usar colores brillantes en pequeñas cantidades, digamos en iconos, que como fondos. Pero me encanta ver un hermoso color de fondo, así que sigo intentándolo. Estoy en el proceso de rediseño de mi sitio web y no me estoy permitiendo usar el blanco como color de fondo . Es mi propio desafío de diseño personal que no necesita la aprobación del cliente. :-)


3

Considere mezclar colores como lo haría un pintor en una paleta, esto le permite realizar diferentes graduaciones y, a veces, mezclar colores le da nuevos tonos que no pensó. Este es un enfoque alternativo que se combina con la forma en que @ Matt / @ cockypup sugiere.

El beneficio de este enfoque es que es un poco más orgánico, lo que permite sorpresas aleatorias que pueden ayudarlo a romper un hábito. También es menos estricto que una graduación uniforme que ciertamente también funciona.

idea rapida

Imagen 1 : Un marcador de posición creado rápidamente para la idea. Muchas formas de mezclar colores.

Otra cosa que podría hacer es muestrear los colores de las fotografías con la herramienta de selección de colores, esto hace que las combinaciones sean más naturales.


3

Me encantaría comentar aquí en lugar de responder, ya que siento que mi respuesta es más útil para cualquier persona como yo que esté comenzando en el campo del diseño. Sin embargo, soy nuevo, por lo que aún no puedo comentar.

Estoy seguro de que, como diseñador, has oído hablar de Color Theory y, con suerte, has leído libros de Color Theory como Itten's Elements of Color o cualquier cosa escrita por Itten. Dicho esto, algunas de sus preguntas me confunden un poco, ya que siento que se pueden responder cambiando y observando visualmente los efectos en diferentes matices, saturaciones o valores.

En cuanto a los paneles de humor, mencionados por el usuario 568458, lo que sugieren sería en gran medida con qué respondió cockypup. Comenzaría por encontrar imágenes que pensé que reflejaban mejor esas palabras. Puede salir y tomar sus propias fotografías, o simplemente usar Internet para encontrar algunas. Después de eso, haría lo que Cockypup ha hecho y crearía una paleta a partir de esas imágenes, y las usaría como referencia para preguntarme "¿este color realmente refleja esta idea?"

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.