Métodos para melhorar a escolha e combinações de cores?

34

Costumo ter dificuldade em escolher combinações de cores adequadas. Sou autossuficiente o suficiente para perceber que me sinto mais confortável e, com frequência, acordo com cores que podem ser vistas como mais corporativas ou retrô - blues, bordeaux, marrons, cinzas etc.

Estou ciente de coisas como Adobe Kuler e Colorschemer .
Não estou procurando ferramentas adicionais semelhantes. Eu posso criar paletas sem problemas. Contudo.....

Estes não parecem realmente resolver o meu problema. Posso obter uma paleta dessas ferramentas, mas os aplicativos das cores geralmente falham para mim.

Eu tenho muita prática usando minhas cores "retrô corporativas" e aprendi o que funciona bem como pano de fundo, o que funciona bem como texto etc. Mas quando passo para uma paleta mais brilhante ou mais vibrante, tendem a perder de vista aplicação de cores e, eventualmente, começar a desaturar e acabar mudando as coisas de volta à minha zona de conforto.

Como posso expandir minha gama de cores "confortáveis"?

Quais são algumas das práticas recomendadas para ampliar meu próprio senso de cor no design?

Observe que eu trabalho principalmente na impressão, portanto, "testar" não é uma opção muito além do teste na tela. Eu raramente trabalho em projetos que me permitem o luxo de usar uma paleta hoje e experimentar outra na próxima semana. Costumo ter que escolher um e usá-lo para esse projeto até que o projeto não seja mais necessário. Isso significa que uma má escolha de cores pode realmente ser prejudicial para uma peça e sua vida útil.


Esclarecimento : Não estou buscando métodos para criar paletas de cores . Como afirmado, eu posso fazer isso. É a implementação de uma paleta que estou perguntando. Digamos, você constrói uma paleta de 7 cores.

  • Como você determina quais cores funcionam bem para quais objetos? (ou seja, "vermelho brilhante em um amarelo canário é muito brilhante para uma boa legibilidade", etc.)
  • Em que nível o contraste de cores se torna um problema?
  • É preferível usar discórdias coloridas (cores complementares)?
  • Quando uma cor é muito vibrante para usar no texto?
  • O que faz uma peça "estourar" através do uso de cores?
  • Que tipos de combinações de cores transmitem "vivacidade", "segurança", "respeito", "jovem", "vibrante"?

É esse tipo de entrada que eu esperava, não o "aqui está como escolher uma paleta". Parece que posso ter feito um mau trabalho ao explicar minha intenção anteriormente.

Scott
fonte
11
Você usa moodboards? Geralmente não os uso, mas eles podem ser realmente úteis para sair da sua zona de conforto (especialmente se você conseguir que outra pessoa contribua). Em seguida, extraia as cores (ame a técnica do cockypup) e force- se a experimentar o que quer que saia.
precisa saber é o seguinte
Você deve expandir um pouco e adicione isso como uma resposta @ user568458 :)
Scott
Trabalho internamente há vários anos ... Escolher paletas de cores para projetos reais é uma memória distante! Vou deixar isso para alguém com mais experiência recente relevante, eu não tenho muito a acrescentar para além desse comentário
user56reinstatemonica8

Respostas:

32

Isso pode não responder completamente à sua pergunta, mas como parte do meu fluxo de trabalho, às vezes uso essa técnica.

Ao tentar escolher uma paleta de cores (no início do processo criativo), tento lembrar de uma imagem ou pintura que se encaixa no "humor" ou no "conteúdo" do projeto. Depois, tiro a imagem e, usando o Photoshop, aplico um filtro Pixelate-> Crystallize com um tamanho de célula bastante grande. Isso simplifica as cores da imagem em grandes amostras planas de cores.

Por exemplo, tenho meus planos de criar um pôster auto-originado para um artista de cabaré. Ela tende a cantar música vintage, mas de alguma forma faz soar novo, sua performance é bastante arriscada, bem-humorada, humana e interativa. Por alguma razão, isso lembra o esboço de Toulouse Lautrec, que, toda vez que vejo, me comunica esses valores ou humor.

insira a descrição da imagem aqui

Eu uso o filtro na imagem e acabo com isso.

insira a descrição da imagem aqui

Eu então uso as grandes células de cores planas para criar um esquema de cores. Acabo com escolhas que nunca sairiam do meu próprio cérebro, como azul bebê e marrom médio juntos. Depois de criar o esquema de cores, fico com ele como se não houvesse mais cores no Universo. As únicas opções possíveis que me dou são trocar ou adicionar uma cor de / para o esquema com uma das cores das células.

É apenas uma ajuda que me ajuda a pensar sobre a cor, visualizá-la e avaliar suas interações e sua contribuição para uma imagem específica. Também me ajuda a me libertar das minhas fórmulas bem testadas.

Alguns podem argumentar que isso é bastante semelhante ao uso do Adobe Kuler, mas acho essa abordagem mais prática e pessoal. Eu escolho as cores, não um aplicativo. De alguma forma, acho perturbador deixar uma ferramenta tomar decisões criativas para mim. Um dia, os andróides governarão a Terra e farão tudo sozinhos, mas até então prefiro adicionar meus dois centavos de "eu" ao processo criativo.

cockypup
fonte
Não. Respostas separadas são boas. Elas mostram métodos diferentes.
Scott Scott
2
Quase como pixelar um quadro de humor. Além disso, é uma técnica de design de interiores: você encontra um item (pintura, travesseiro) que gosta e escolhe as cores desse item para vestir o ambiente (pintura de parede, móveis, tapetes, cortinas, etc.).
Lauren-Reinstate-Monica-Ipsum
Pictaculous é uma maneira semelhante ao fazer isso, que é livre online e gera a paleta diretamente
Zach Saucier
2
Uma técnica favorita, também, exceto que geralmente eu uso o Mosaic em vez de Cristalizar. Aprendeu com John McWade, anos atrás, e tem sido uma ótima ferramenta.
Alan Gilbertson
11
O problema com essa técnica comum é que ela obscurece as cores principais do original. No seu exemplo magistral de HTL (um favorito meu), misturar as cores em um simples 'mosaico' embota as pequenas áreas que animam o original. Eles não são grandes o suficiente para se registrar corretamente na sua versão filtrada, mas são mais do que fortes o suficiente no original para alterar o humor da obra de arte.
Plainclothes
16

Na verdade, isso soa como uma pergunta mais sobre criatividade e sair de uma zona de conforto do que sobre técnica, mas vou responder do lado técnico.

Como você determina quais cores funcionam bem para quais objetos? (ou seja, "vermelho brilhante em um amarelo canário é muito brilhante para uma boa legibilidade", etc.)

Essa pergunta é um pouco geral, mas para abordar o seu exemplo: O texto geralmente é mais legível quando contrasta com o plano de fundo na luminância , mas não tanto com o tom . Por exemplo, se você retirou todas as informações de cores do texto e do fundo e as deixou em preto e branco, quanto mais contrastarem, mais legível será o texto.

Por outro lado, se as tonalidades das cores forem muito contrastantes (complementares), como vermelho e verde, especialmente se estiverem próximas da mesma luminância, elas podem 'vibrar' e fazer com que seus olhos sintam que querem sair da sua cabeça. As pessoas nem vão querer olhar para o seu texto e muito menos lê-lo.

Em que nível o contraste de cores se torna um problema?

Veja minha última resposta ..

Geralmente, na minha experiência:

  • Alto contraste de luminância com baixo contraste de tonalidade = fácil de ler
  • Baixo contraste de luminância com alto contraste de matiz (cores complementares) = “vibração”; olhos saindo da cabeça

Use seu julgamento sobre quando se tornar um problema ao projetar. Será diferente em cada projeto.

É preferível usar discórdias coloridas (cores complementares)?

Veja acima

Quando uma cor é muito vibrante para usar no texto?

Veja acima

O que faz uma peça "estourar" através do uso de cores?

A primeira regra que sigo é usar alto contraste de luminância. O preto aparece no branco mais do que o cinza aparece no branco.

As outras regras que sigo são usar cores quentes, brilhantes, puras e saturadas. Eu fiz muitas capas de revistas em que a linha de capa principal precisava aparecer ao lado de todos os outros elementos ocupados e uma das minhas principais maneiras de fazer isso (além de aumentar a linha) para colorir o texto colorido mais quente e mais quente da página. Usei muito vermelho, laranja, amarelo dourado e até amarelo brilhante, mas também ciano. Normalmente, eu escolhia qual desses matizes com base no que se passava com as cores da foto usada.

Mas há mais uma regra extra que eu uso em projetos de impressão. Embora seja uma cor mais fria, eu usaria ciano frequentemente para uma cor 'pop' porque o ciano é criado com uma única tinta (em vez de uma mistura de tintas CMYK), por isso parecia mais vibrante do que algumas outras cores do mesmo nível de saturação. Ciano, magenta e amarelo quando totalmente saturados tendem a ser mais brilhantes em comparação com tintas misturadas da mesma saturação. As cores Pantone funcionam muito bem por esse motivo também na impressão. Cada cor Pantone é uma tinta em vez de uma mistura de 4 tintas CMYK, como cores CMYK. Adoro usar as cores Pantone para o seu impacto.

Que tipos de combinações de cores transmitem "vivacidade", "segurança", "respeito", "jovem", "vibrante"?

Não sei se consigo pensar em uma maneira de responder a isso sem que seja uma opinião, então deixarei isso para você. Provavelmente é melhor responder por si mesmo.

Espero que isto ajude.

Petra
fonte
11
Ele é uma pergunta mais sobre criatividade do que técnica. Foi por isso que editei para adicionar informações adicionais. Obrigado :) Nós permitimos perguntas um pouco mais subjetivas aqui do que as encontradas em outros sites da Stack. A opinião nem sempre é ruim se é apoiada pela experiência.
Scott
Um ponto digno de nota sobre os complementares em geral é que eles "brilham" quando usados ​​um contra o outro. Vermelho / verde é particularmente cruel, porque o olho não pode focar neles simultaneamente. (Pergunte ao seu oftalmologista!)
Alan Gilbertson
10

Quando escolho uma paleta de cores, reduzo minha seleção a um máximo de 3 a 5 cores, mas expiro essas cores. Por exemplo, eu normalmente executo um script no Illustrator que me permite colocar cada cor em sua própria paleta principal e uma variação da cor com base nos realces e sombras que usei ao longo do ano ajuda a produzir uma saída HEX e RGB em CSS . Essa gama de cores adicionais ajuda a permitir uma gama mais ampla de decidir ou restringir uma paleta de cores. Portanto, nesse caso, você ainda pode usar as mesmas cores, mas elas são variações diferentes das suas favoritas, mas produziriam um conjunto de cores totalmente diferente.

Exemplo do seu amarelo:

insira a descrição da imagem aqui

Eu uso essa abordagem por vários motivos:

  1. Ajuda com gradientes
  2. Permanece na paleta de cores de um cliente
  3. Mantém um tema de cores, mas ainda oferece uma variedade de cores
DᴀʀᴛʜVᴀᴅᴇʀ
fonte
8

Há uma arte nisso

Na percepção visual, uma cor quase nunca é vista como realmente é - como é fisicamente. Este fato faz da cor o meio mais relativo do art. // Josef Albers

A teoria da cor é onde a física da luz e a psicologia da cor se tornam muito mais do que suas partes científicas. Como escolher e definir bem o tipo , usar bem as cores requer prática e imersão. Você deve apreciar o fato de que o número de variáveis ​​pesa o que podemos explicar cientificamente.

Em outras palavras, você desenvolve um olho para cores ao longo do tempo.

A edição de 50 anos da Interaction Uma cópia antiga dos elementos

Vale a pena repetir que você deve estudar os sujeitos que dedicaram suas vidas ao assunto. Meu favorito pessoal por sua brevidade, praticidade e eficácia extraordinária é a interação de cores de Albers . Como não é muito longo, você deve ter tempo para aproveitar os elementos da cor de Itten também.

Tomando atalhos

A razão pela qual você se encontra voltando a uma paleta pessoal confiável é porque aprendeu um atalho prático (e provavelmente mais eficaz) para a teoria das cores. Você não está sozinho. Mais uma vez, como a tipografia, a maior parte de nossa indústria não teve a exposição nem o tempo para explorar a arte dela. Então, você desenvolveu uma alternativa segura e confiável, mas não dominou as cores.

Modelos são bons atalhos: Básico do Themeforest

Seu sistema prático é reforçado pelo desenvolvimento de regras. Você pode sobreviver de acordo com diretrizes como 'o contraste do texto para o solo deve ser de pelo menos 40%'; ou 'uma cor de fundo nunca deve ser saturada além dos 36%'; ou 'amarelo me deixa desconfortável, então nem pergunte!' As fórmulas facilitam as coisas.

É preciso compromisso

Mas quando você realmente domina o relacionamento das cores, considerações práticas se tornam óbvias. Talvez o texto amarelo brilhante não tenha funcionado nos últimos 100 projetos, mas desta vez você o definirá como um cinza quente que o domina perfeitamente. De repente, o texto amarelo funciona para você. Talvez não, mas seu 'olho' lhe dirá. Seu instinto de cor.

Como acontece com qualquer coisa que mereça o rótulo de 'arte', não há atalho para o domínio. Albers observou que você precisa treinar os olhos para realmente ver a cor. Quando você entende como usar cores para manipular um ao outro, seu kit de ferramentas se expande. Quando você entende o efeito da cor no seu público, seu design fica mais forte.

A cor conta uma história

Ao praticar e começar a entender a interação, pense também na narrativa da cor. Configure testes para encontrar a cor certa para representar alguma característica antropomórfica, como você faria ao selecionar um tipo de letra. Tente falar sobre tons individuais em termos de personalidade. Em seguida, faça-o com paletas inteiras. Como cada cor contribui para a profundidade dessa personalidade ?

E, assim como personalidades reais, você saberá que um pouco de uma determinada cor irá percorrer um longo caminho. Saber qual matiz se encaixa em qual elemento faz parte da construção da história.

Na imagem simples abaixo, existem apenas duas cores (mais branco). Perceptualmente, existem nada menos que quatro. E cada quadrante transmite uma história diferente. Na imprensa, a impressão em excesso abre um novo mundo de oportunidades para essas duas amostras humildes.

Há apenas duas cores aqui + branco

Exatamente o que cada interação de matiz e cor transmite é quase inteiramente cultural. Como quase tudo no design, conheça seu público. Mesmo quando você acha que usou todas as amostras no lugar certo, teste-as com um usuário-alvo real e pergunte o que elas veem. As reações podem ser esclarecedoras.

Não há cofre

Quando perceber que a interação e a personalidade das cores se torna uma segunda natureza, você descobrirá que sua paleta "segura" não existe mais. Todas as cores são seguras e todas as cores são perigosas. É apenas uma questão de contexto.

roupas comuns
fonte
6

Psicologia das Cores

Cores significam coisas diferentes para pessoas diferentes. Isso é causado pelo fato de todos vivermos vidas diferentes, com perspectivas diferentes e de sermos todos únicos. Alguns dizem que a beleza da humanidade está em tais diferenças.

Tentar perceber as diferenças através de seus próprios vieses é um exercício de futilidade. Você pode tentar ser justo, mas é impossível ser verdadeiramente objetivo. A melhor maneira de promover sua compreensão e suas perspectivas em geral é através da racionalidade .

Ao empregar racionalidade em seu processo de pensamento, você naturalmente gravitará em direção à ciência e aos fatos. Vou dar uma breve visão dos principais tópicos, fornecer algumas referências e permitir que você se aventure no campo da psicologia das cores por seus próprios caprichos.

Você também deve ter em mente que é provável que grande parte da pesquisa de cores proprietária seja mantida em sigilo para obter vantagem competitiva.

A ciência diz ...

  • Era
  • Sexo
  • Etnia
  • Posicionamento geográfico
  • Filosofias culturais
  • Filosofias religiosas

TODOS afetam a percepção de cor das pessoas. Isso é muito a considerar.

Associações de cores

Associar cores a idéias é um processo subconsciente. A partir do momento em que nascemos, processamos e formamos associações de cores que ressoam pelo resto de nossas vidas.

No passado, erros dispendiosos foram cometidos com a noção incorreta de "universalidade da cor". Algumas cores podem possuir associações amplamente compreendidas, mas isso não significa que todas elas possuem. De fato, dependendo de onde você está no mundo, algumas associações de cores são invertidas. Por exemplo, na Holanda, o rosa é considerado uma cor de menino, enquanto o azul é considerado uma cor de menina.

Associações de cores instintivas

  • Os hispânicos geralmente são atraídos por cores mais brilhantes, mais fortes e mais intensas.
  • Os afro-americanos preferem cores profundamente saturadas.
  • O azul é a escolha geral de cor número um por grupos étnicos, mas a segunda cor mais popular varia entre eles.
  • Afro-americanos e hispânicos inclinam-se proporcionalmente mais para o roxo.
  • Os asiáticos inclinam-se proporcionalmente mais para o rosa.
  • Os americanos asiáticos têm uma preferência significativamente mais baixa por verde do que qualquer outro segmento étnico.
  • Os caucasianos inclinam-se proporcionalmente mais para o verde.

O mais interessante:

  • Quanto mais próximo do equador for localizado o patrimônio de uma pessoa, maior o brilho, a saturação e o contraste que eles preferem.

Associações de cores aprendidas

Pesquisa realizada sobre cores e sua associação com 13 palavras em quatro países; Japão, China, Coréia do Sul e EUA

  • Os resultados mostraram distintas semelhanças e diferenças entre apenas essas quatro culturas.
  • Pessoas em todas as quatro culturas associaram azul com alta qualidade e preto com poder. Mas muitas cores tinham significados opostos entre as culturas.

Exemplos de percepção e resposta díspares à cor incluem:

  • White simboliza luto ou morte no leste da Ásia, mas felicidade, pureza e nascimento na Austrália e Nova Zelândia.
  • O azul é percebido como frio e mau no leste da Ásia, frio na Suécia, mas calor na Holanda.
  • Verde representa perigo ou doença na Malásia, inveja na Bélgica, amor no Japão e sinceridade e confiabilidade na China.
  • Vermelho é azarado na Nigéria, mas sortudo na China, Dinamarca e Argentina.
  • Amarelo representa calor nos EUA, mas infidelidade na França. Está associado ao ciúme na Rússia, mas é agradável, feliz, de bom gosto e realeza na China.
  • Roxo é a cor do amor na China e na Coréia do Sul. Raiva e inveja no México, pecado e medo no Japão. Roxo é considerado caro na China.
  • Nos EUA, o azul está associado aos meninos e o rosa às meninas. Mas na Bélgica, a associação de azul para um menino e rosa para uma garota é invertida

Fonte principal: Resposta à revisão da literatura de cores com perspectiva de marketing cultural (contém muitas, muitas referências úteis)

Dom
fonte
5

Um conceito interessante que aprendi pela primeira vez em uma página de conselhos de moda masculina é escolher as combinações de cores que ocorrem na natureza. Por exemplo, marrons, verdes claros e verdes escuros (floresta); cinzas, azuis claros e branco (céu com nuvens); etc. Obviamente, esse não é o tipo de tudo e termina todas as opções e combinações de cores, mas pode ser útil lembrar-se de vez em quando.

ianbayne
fonte
5

Eu lutei com esse tópico ao longo da minha carreira. Eu realmente admiro designers que são talentosos quando se trata de cores. Eu tenho um balde de drible dedicado apenas às paletas de cores que eu admiro.

Contraste de texto

Eu uso o verificador de contraste de cores WCAG para verificar o texto e o contraste das cores de fundo. Vou usar apenas combos que passam no nível AA; isso em breve será necessário para a conformidade com o 508 em sites e aplicativos. Não sei exatamente como essa fórmula se traduz no design de impressão.

Além do design gráfico

Cerca de dez anos atrás, decidi ser ousada e pintar meu quarto com uma cor intensa de terracota avermelhada escura e levemente bagas. Publiquei em uma placa de decoração pedindo sugestões de cores para cortinas e roupas de cama. Eu disse que tudo que eu conseguia criar era uma roupa de cama preta sobre fundo creme e alguém postou: "Você pode fazer melhor que isso". Esse comentário realmente ficou comigo. Eu nunca comprei a roupa de cama toile. Comprei cortinas de seda em estanho, lençóis azul marinho e uma colcha de cetim bege. Ainda estou lutando (10 anos depois) para expandir mais essa paleta de cores (especialmente a colcha) e trazer padrões.

Voltar ao design gráfico

Eu salvo as cores que eu gosto na minha paleta de amostras no Photoshop. Gosto do site colourlovers.com por encontrar cores e paletas.

Quando me sinto criativo no meu tempo livre, costumo fazer paletas de cores no Photoshop sem ter um projeto em mente. Pego uma cor dominante (geralmente usada como um quadrado grande de fundo) e tento diferentes combinações de cores (em quadrados menores no topo do quadrado de fundo). Testo cores de traçado diferentes nos quadrados menores para ver o que é necessário para que a cor funcione (por exemplo, preciso de uma borda branca, creme ou cinza para que elas funcionem juntas ou podem se encaixar sem a borda?) um quadrado de cores e tente diferentes cores de traçado. O truque é escolher uma cor que possa ser difícil de trabalhar (rosa ou laranja, por exemplo) e ver o que a complementa. Guardo os esquemas de cores para mais tarde quando precisar deles. Tenho paletas (arquivos) diferentes que refletem diferentes humores (por exemplo, alegre e alegre, fresco e arejado, arrojado e poderoso, etc). Eu tento seguir associações de cores geralmente aceitas, como vermelho, para deixar as pessoas com fome ou associar-se a comida,laranja para mostrar o valor do preço , etc.

É mais fácil usar cores brilhantes em pequenas quantidades, digamos em ícones, do que como pano de fundo. Mas adoro ver uma linda cor de fundo, então continuo tentando. Estou no processo de redesenhar meu site e não me permito usar o branco como cor de fundo . É meu próprio desafio de design pessoal que não precisa de aprovação do cliente. :-)

PixelGraph
fonte
3

Considere misturar cores como um pintor faria em uma paleta, isso permite que você faça graduações diferentes e, às vezes, misturar cores fornece novos tons em que você não pensou. Essa é uma abordagem alternativa que combina com a maneira como o @ Matt / @ cockypup sugere.

O benefício dessa abordagem é que ela é um pouco mais orgânica, permitindo surpresas aleatórias que podem ajudá-lo a quebrar um hábito. Também é menos rigoroso do que uma graduação uniforme que certamente também funciona.

ideia rápida

Imagem 1 : um espaço reservado rapidamente criado para a ideia. Muitas maneiras de misturar cores.

Outra coisa que você pode fazer é experimentar as cores das fotografias com a ferramenta selecionadora de cores, o que torna as combinações mais naturais.

joojaa
fonte
3

Gostaria de comentar aqui em vez de responder, pois sinto que minha resposta é mais útil para qualquer pessoa como eu, que está começando no campo do design. No entanto, sou novo, então ainda não tenho a capacidade de comentar.

Tenho certeza de que, como designer, você já ouviu falar de Teoria das Cores e esperançosamente leu livros sobre Teoria das Cores , como Elementos de Cor de Itten , ou qualquer coisa escrita por Itten. Dito isto, estou um pouco confuso com algumas de suas perguntas, pois sinto que elas podem ser respondidas alterando e observando visualmente os efeitos em matiz, saturação ou valor de cor diferente.

Quanto aos quadros de humor, mencionados pelo usuário568458, o que eles sugerem seria em grande parte o que o cockypup respondeu. Eu começaria encontrando imagens que, na minha opinião, refletiam melhor essas palavras. Você pode sair e tirar suas próprias fotografias, ou apenas usar a internet para encontrar algumas. Depois disso, eu faria o que o cockypup fez e criaria uma paleta dessas imagens e as usaria como referência para se perguntar "essa cor realmente reflete essa idéia?"

Anjelli
fonte