Fundamentos de cores: como criar paletas de cores com confiança

1. Introdução ao curso de fundamentos de cores: Olá, sou Bena Lady, profissional de cores e design e especialista em psicologia aplicada das cores Bem-vindo ao Color Essentials, é claro, criado para ajudá-lo a desenvolver maior habilidade e confiança para trabalhar com cores Trabalho no mundo do design há mais de 20 anos, fornecendo conselhos sobre cores e educando indivíduos e empresas sobre o uso da cor no design e a psicologia da cor Color Essentials é um curso básico para designers e estudantes aprenderem um método simples para entender a coordenação e a harmonia de cores Exploramos além das teorias da roda de cores para nos concentrarmos princípios simples, mas bem-sucedidos, que usei por muitos anos e ensinei a outros estudantes e designers. Isso elimina o medo de se sobrecarregar ao fazer escolhas de cores, permitindo que você trabalhe com mais confiança e criatividade ao selecionar paletas de cores para criatividade ao selecionar paletas de cores se sobrecarregar ao fazer escolhas de cores, permitindo que você trabalhe com mais confiança e criatividade ao selecionar paletas de cores para seus projetos de design. Você aprenderá a analisar os diferentes atributos da cor e organizá-los de forma a facilitar a coordenação das cores, eliminando possíveis erros e dúvidas. Há exercícios práticos para ajudá-lo a desenvolver suas habilidades e confiança análise de cores e recursos para você baixar e usar como referência. Espero que você goste do curso. 2. Terminologia de cores: Cor é o termo geral que usamos para descrever cada matiz, tonalidade ou tonalidade que vemos Um matiz se refere à família de cores dominante da cor específica que estamos vendo e se refere à origem da cor que vemos Em outras palavras, a cor base subjacente da mistura que você está vendo. modo geral, quando se mistura cores com pigmentos, vermelho, azul e amarelo são considerados as cores primárias, que significa que são consideradas as cores das quais todas as outras cores são derivadas Por exemplo, ao misturar vermelho e amarelo, criamos laranja. Ao misturar azul e amarelo, criamos verde e, ao misturar vermelho e azul, criamos violeta. Chamamos essas cores secundárias. Branco, preto e cinza são frequentemente chamados de cor, mas não de matiz Qualquer coisa que seja preta absorve todas as cores da luz e, portanto, pode parecer dominante ou sobrecarregada quando usada em uma paleta de cores, menos que seja usada branco reflete a luz e dá a aparência de espaço e clareza e, novamente, deve ser usado em proporção cuidadosa com outras cores na paleta para evitar que o espaço do design pareça puro ou vazio O cinza é uma cor que contém uma mistura de cores preto e branco. Se preto, branco ou cinza forem adicionados a uma cor, ela será alterada e terá outro atributo. Quando o branco é adicionado a uma cor, chamamos isso de matiz. Às vezes, essas cores mais claras são descritas como cores pastais Quando o cinza é adicionado a uma cor, ele é descrito como um tom, e quando o preto é adicionado a uma cor, ele é descrito como um tom. Há vários outros atributos que podem alterar a aparência da cor, o croma e a saturação, o valor, a temperatura da cor e a nitidez e a nitidez Essa é uma escala de cinza em que você pode ver que, com a adição do branco, as cores passam do preto para branco puro e, portanto, do escuro para o claro. O termo valor é uma medida da claridade ou escuridão de uma cor Quando mais branco é adicionado a uma cor, mais clara ela se torna e é descrita como de alto valor. As cores escuras que têm mais preto são de baixo valor, e as cores de valor médio são aquelas entre alto e baixo valor. Preto, branco e cinza são acromáticos, o que significa ausência de Isso quer dizer que eles não contêm nenhuma outra tonalidade. Já o monocromático descreve matizes, tons e tonalidades de uma Croma se refere à presença de cor em um objeto ou substância como esse copo de líquido Quanto mais cor você adicionar, maior será a intensidade cromática de um objeto Saturação é outra palavra às vezes usada para descrever a intensidade cromática e significa a mesma coisa 3. O que são cores frias e quentes?: Ah, na teoria tradicional das cores, a roda de cores ilustra as cores primárias, secundárias e terciárias em forma circular As cores são então divididas em frias e quentes. As cores das partes verde, azul e violeta puras do espectro são frias e as cores da parte vermelha, laranja e amarela do espectro são quentes. Ao observar qualquer cor, seus olhos primeiro identificarão a tonalidade dominante Esse é o aspecto principal da cor, de modo que, ao vê-la, você a descreve como azul, vermelho ou amarelo. Uma cor criada pela mistura dois ou mais tons terá um subtom, que aparece dependendo da proporção exata dos tons usados Às vezes, um subtom também é chamado de preconceito. É a influência sutil de uma cor abaixo tonalidade dominante que a distingue O subtom nem sempre é facilmente aparente até que seja combinado com outras cores ou sob certa iluminação Se o subtom parecer mais azul, verde ou violeta, é descrito como frio Se o subtom parecer mais amarelo, vermelho ou laranja, ele será descrito como quente Chamamos isso de temperatura de cor. Se você se lembra, o matiz se refere à família de cores dominante da cor específica que estamos vendo e também à origem da cor que vemos É possível, portanto, ter azuis e verdes quentes um tom amarelo e vermelhos e amarelos frios E para identificar se uma cor é fria ou quente, você precisará praticar comparando duas cores diferentes uma com a outra. Para fins de demonstração, a cor amarela neste slide é um amarelo quente. E se você comparar com uma cor que tem um tom azul frio como esse vermelho, a cor fria parecerá mais azul e mais opaca, e a cor quente agora parecerá A aparência das duas cores mudou, criando algum conflito visual. Nenhuma das cores está em harmonia com a outra porque uma tem um tom amarelo e a outra tem um tom azul Isso ilustra como uma cor quente e uma cor fria interagem lado a lado e como isso muda a percepção visual de ambas as cores, o que significa que elas estão visualmente em desarmonia Ao lado de outra cor quente como essa cor vermelha aqui, as duas cores agora parecem mais brilhantes e aprimoradas e estão visualmente mais em harmonia E observe o mesmo fenômeno visual aqui quando o vermelho frio é comparado ao vermelho quente Você deve ser capaz de ver que o vermelho quente agora parece mais amarelo, enquanto o vermelho frio parece mais azul e opaco Uma cor quente fará com que uma cor fria pareça mais verde, azul, e a cor fria fará com que a cor quente pareça mais amarela e vermelha. E, portanto, nenhuma das cores aparecerá em harmonia com a outra. Aprender a identificar a característica de uma cor ser quente ou fria é uma habilidade importante que ajudará você a criar um esquema de cores harmonioso 4. AMARELO: Neste slide de cores amarelas, duas são frias e duas são quentes. Aqui, a cor um foi movida para ser comparada com a cor quatro. O que você deve observar é que a aparência de ambas as cores mudou sutilmente, e a cor um parece mais vermelha, e a cor um parece enquanto a cor quatro parece mais Eles são desarmoniosos. A cor quatro é fria e a cor um é quente. Aqui estamos comparando a cor um com a cor três, e você deve ser capaz de ver que embora as duas cores pareçam vibrantes, ambas parecem mais vermelhas E como sabemos que a cor um é quente , concordamos que a cor três também é quente. E por último, aqui estamos comparando a cor número um com a cor dois A cor dois parece mais azul do que antes, enquanto a cor um parece mais brilhante e ligeiramente Eles são desarmoniosos. Isso nos diria que a cor dois tem um tom azul e compartilha a característica fria com a cor quatro Comparando os dois conjuntos de amarelos quentes e frios, vemos que, à esquerda, as cores um e três têm um subtom amarelo e são quentes em comparação com as cores dois e quatro à direita, que têm um subtom azul e são 5. Azul: Vou te mostrar exatamente o mesmo exercício novamente. Desta vez, estamos vendo cores azuis frias e quentes. Aqui, estou comparando a cor dois com a cor um. Quando estão próximas uma da outra, a cor dois aparece instantaneamente mais azul e opaca, e a cor um aparece um pouco A cor 1 tem um toque amarelo e é quente. Comparando a cor dois com cor três, podemos ver que, novamente, cor dois parece mais azul e mais opaca, mas a cor três parece mais amarela Isso nos diria que a cor três tem um toque amarelo e é quente. E por último, comparando a cor dois com a cor quatro. Ambas as cores parecem mais azuis, o que indicaria que ambas as cores têm um tom azul frio Comparando os dois conjuntos de cores azuis quentes e frias, podemos ver que, à esquerda, as cores um e três têm um subtom amarelo e são quentes em comparação com as cores dois e quatro à direita, que têm um subtom azul e cores frias 6. VERMELHO: Aqui estamos repetindo o mesmo exercício com cores vermelhas. Em primeiro lugar, comparando a cor quatro com a número dois, ambas as cores parecem mais azuis, o que indicaria que ambas têm um tom azul frio Comparando a cor número quatro com a três, podemos ver que a cor quatro parece mais azul e a cor três parece mais vermelha, e ambas as cores são Isso nos diria que a cor três tem um viés amarelo e é quente. E, finalmente, comparando a cor número quatro com a cor um, novamente, podemos ver que a cor quatro parece mais azul, enquanto a cor um parece mais amarela Isso nos diria que a cor um tem um viés amarelo e é quente. Comparando os dois conjuntos de cores vermelhas frias e quentes, podemos ver que, à esquerda, as cores um e três têm um subtom amarelo e são cores quentes, e as cores dois e quatro à direita têm um subtom azul e são cores frias Portanto, é interessante ver como, com a cor vermelha, você pode ter vermelhos frios e vermelhos quentes na mesma 7. VERDE: E, finalmente, veremos o mesmo exercício com as cores verdes. Aqui estamos comparando a cor número um com a cor três. E você deve ser capaz de ver que as duas cores parecem vibrantes e parecem bastante amarelas, então podemos supor que cada cor tem um tom amarelo quente Aqui estamos comparando a cor número três com a cor número dois, e podemos ver que a cor dois parece mais azul e mais opaca, enquanto a cor três parece mais amarela Juntos, eles são desarmoniosos. Isso nos diria que a cor dois tem um tom azul e é legal E, finalmente, comparando as cores três e quatro, podemos ver que a cor três novamente parece mais amarela em comparação com a cor quatro. Ambas as cores são desarmônicas. A cor número quatro tem um tom azul frio. Comparando os dois conjuntos de cores verdes frias e quentes, podemos ver que, à esquerda, as cores um e três têm mais um tom amarelo e um quente em comparação com as cores dois e quatro à direita, que têm um subtom azul e cores frias 8. O que são cores claras e suaves?: Além dos tons puros básicos do espectro de cores, inúmeras outras cores são criadas pela adição de preto, branco e cinza Um tom suave terá a adição de preto ou cinza e descreve cores que são menos brilhantes ou saturadas porque são atenuadas ou suavizadas pela adição de Uma tonalidade clara não terá cinza ou preto e parecerá limpa, definida ou nítida Ao comparar cores diferentes com os contrastes de preto puro e branco puro, devemos ser capazes de identificar se uma cor é clara ou suave Uma cor suave parecerá opaca ou mais escura com mais preto ou cinza quando comparada às cores preto e branco Uma cor clara parecerá mais nítida ou mais definida ao lado das cores preto e branco seguir, há exercícios práticos para você comparar cores diferentes com preto e branco e classificá-las em cores claras ou suaves Compare uma cor de cada vez ao lado da outra. Como isso aparece? Parece claro e nítido ao lado do preto e branco, ou parece opaco ou mais escuro e com um pouco de preto ou cinza 9. O que são grupos de cores?: Por alguns segundos, observe o grupo de cores nessa tela. Neste slide, algumas das cores que você estava vendo anteriormente foram substituídas por cores diferentes com tons e tonalidades diferentes. Visualmente, eles parecem menos atraentes e não estão em harmonia como grupo Nosso cérebro percebe isso como confuso, o que, por sua vez, pode nos fazer sentir um pouco inseguros ou desconfortáveis Isso ocorre porque temos uma resposta instintiva e emocional à cor, e grupos de cores que não parecem se coordenar bem criam uma resposta emocional negativa Em um nível primordial, a cor é uma linguagem. Percebemos grupos harmoniosos de cores que compartilham características semelhantes como familiares, seguras e confortáveis A ciência da cor confirmou que existem correlações matemáticas entre as cores, e os links foram reconhecidos entre os muitos milhões de tons, tons e tonalidades disponíveis para nós em um computador colorido e os classificaram em quatro categorias ou grupos de cores Cada grupo individual compartilha suas próprias características reconhecíveis, nas quais as cores se harmonizam perfeitamente porque compartilham um relacionamento entre Quando as cores do mesmo grupo são usadas juntas, elas criam uma percepção positiva e uma resposta emocional, além de terem apelo visual, que cria uma base sonora a partir da qual desenvolver um esquema de cores bem-sucedido. Essa é uma fórmula vencedora para você como designer, porque você pode criar designs responsivos com confiança usando cores de uma forma poderosa, inteligente e influente Os quatro grupos de cores são divididos em dois grupos quentes que têm um viés ou subtom amarelo e dois grupos principais que têm um viés azul Dentro de cada grupo, a classificação adicional vem da intensidade ou saturação cromática e da adição de preto, branco ou cinza, que então se subdivide em Cada grupo contém variações de todos os matizes espectrais. Analisaremos um pouco mais de perto as características predominantes de cada um desses quatro grupos agora. OK. 10. Módulo 5 da SKILLSHARE Os grupos de cores EDITADOS: E uma das cores são tons quentes com um tom amarelo e um valor mais alto Ou seja, eles têm mais leveza e menor croma, que significa que estão menos Descritos como tons claros, claros e frescos, brilhantes ou pastéis e matizes, eles não contêm preto e não há cores escuras nessa paleta As cores do grupo dois têm um tom azul e são tons frios com valor médio e croma inferior, portanto, não são cores saturadas ou Essas cores são tons suaves, delicados e claros que contêm mais cinza. Embora algumas das cores possam ser bem escuras, elas não são pesadas. As cores do grupo três têm um tom amarelo e são tons quentes, que podem ser de alto valor médio ou baixo e Eles podem variar de cores muito claras a escuras e profundas, intensas ou saturadas. São tons suaves que contêm um pouco de preto em sua mistura, embora a cor preta em si não faça parte desse grupo grupo quatro tem um tom azul e são tons frios, que têm um valor muito alto ou muito baixo e um croma muito alto ou muito baixo, mas nada Não há dedos nem sombras nesse grupo de cores. Essa paleta contém cores primárias claras, fortes e saturadas ou tons extremos com um toque de matiz Não há sutilezas nessa paleta. Preto e branco puros fazem parte desse grupo de cores, e as cores brancas desse grupo são geladas com um toque de tonalidade 11. Como classificar cores: Vou demonstrar como contrastamos e comparamos as cores umas com as outras e identificamos suas características individuais para que cada matiz, tom ou tonalidade possa ser classificada em um dos quatro grupos de cores Aqui estou apresentando alguns valores absolutos. absolutas são cores definitivas que têm as características principais de um dos quatro grupos de cores e, portanto, são claras, suaves, quentes ou suaves, quentes As cores absolutas com as quais estou comparando são preto e branco puro, um vermelho quente claro e brilhante e um vermelho suave, frio e suave Vou comparar as características dos outros chips de cores com as quatro cores absolutas. Idealmente, quando você começa a classificar um grupo de cores, é mais fácil comparar uma cor por vez com o grupo absoluto para que seus olhos possam detectar diferenças às vezes sutis Comparando nossa cor azul aqui com preto e branco puro, posso ver que não parece um tubarão ou transparente e definitivamente parece ser suave, mas é quente ou fria Ao lado do nosso vermelho brilhante, claro e quente, o que estou vendo é que a cor vermelha parece mais brilhante e mais alaranjada, enquanto a cor azul parece mais azul e opaca As duas cores, para mim, não parecem se encaixar bem. Mas aqui, em comparação com o vermelho frio e suave, a cor azul parece mais caseira Ambas as cores compartilham características semelhantes, suaves, suaves e frias , além de um tom azul Ambos parecem harmoniosos juntos. Quando você começa a analisar e categorizar cada cor, surgem padrões distintos E quanto mais você pratica, mais fácil se torna identificar as qualidades de uma cor e o grupo ao qual ela pertence. Usando essa técnica e com a prática, fica mais fácil criar paletas de cores com mais confiança 12. EDITADO Introdução às atividades práticas 5 e 6 SKILLSHARE EDITADO feito com Clipchamp: Na próxima parte deste módulo, há seis desafios práticos de classificação de cores para você superar. Para os dois primeiros desafios práticos, você deve classificar as fichas de cores em seus grupos de cores corretos Lembre-se das diretrizes para classificar as cores. É uma cor fria ou quente? Ele contém mais amarelo do que azul ou mais azul do que amarelo? Está claro ou silencioso? Parece acinzentado, o que o tornaria um tom ou um pouco de preto, que o torna envergonhado, ou parece não ter preto ou cinza e, portanto, é uma Quando você acessar sua tela de atividades interativas, ela ficará assim. Você pode pegar um chip de cor vez e compará-lo com todas as cores absolutas e , em seguida, selecionar o grupo ao qual você acha que ele pertence. 13. Atividade de prática 7 10 INTRO: todos os quatro exercícios práticos finais, você identificará quais fichas de cores não pertencem ao grupo de cores. próxima atividade o desafiará ainda mais, pois você identificará as cores apenas pela visão e não comparando-as. Veja se você consegue detectar quais das duas cores em cada paleta não parecem se harmonizar com o resto do grupo Você tem um número ilimitado de tentativas para cada exercício. 14. Demonstração de respostas 7a e 7b: Então, olhando para essas cores do grupo um, vemos que a primeira que está fora do lugar é essa cor aqui. É um grupo dois roxo. Agora, as cores do grupo dois compartilham a qualidade da luminosidade com as cores do grupo um No entanto, esse roxo parece um pouco fora de lugar devido à sua qualidade suave e ao tom azul frio A segunda cor que não se encaixa nesse grupo é o amarelo do grupo três. As cores do grupo três compartilham a qualidade do calor com as cores do grupo um, ambas com um tom amarelo Mas as três cores dessa paleta parecem pesadas devido à sua qualidade suave e à saturação de cores mais intensa Neste segundo conjunto de cores, a primeira que está fora do lugar que podemos ver é o azul do grupo quatro. É uma tonalidade clara altamente saturada com um tom azul. do grupo um e As cores do grupo um e do grupo quatro compartilham a qualidade de serem claras, mas as cores do grupo quatro dominarão as qualidades claras e quentes de uma paleta de cores do grupo um A segunda cor que não cabe aqui é esse amarelo suave do grupo dois, que também tem um tom azul frio e faz com que pareça um pouco turvo ou acinzentado que também tem um tom azul frio e faz com que pareça um pouco turvo é esse amarelo suave do grupo dois, que também tem um tom azul frio e faz com que pareça um pouco turvo ou acinzentado. 15. Demonstração de respostas 8a e 8b: Agora, analisando as atividades práticas A e B, todas essas cores são do grupo dois. A primeira cor que vou selecionar que não se encaixa nesse grupo em particular é esse rosa suave do grupo três Ela compartilha a mesma característica discreta com nosso grupo de duas cores, mas uma cor do grupo três tem um tom amarelo, enquanto as cores do grupo dois têm um tom azul frio O rosa do grupo três parece muito amarelo nessa paleta de cores do grupo A segunda cor que vou escolher é essa aqui, que também é uma cor silenciosa do grupo três Esse tom específico de vermelho parece muito profundo e saturado nesse grupo de cores, então ele o domina um pouco e faz com que pareça um pouco pesado, enquanto um grupo de duas cores, é claro, é pouco mais claro e suave A primeira cor que vou selecionar desse grupo é o verde do grupo quatro. As cores do grupo quatro compartilham um tom azul frio com as cores do grupo dois No entanto, a maior saturação de cores no grupo quatro dominará a luminosidade do resto da paleta de cores do grupo dois A segunda cor que estou selecionando é o azul do grupo um. O grupo um compartilha a qualidade da luz com as cores do grupo dois. No entanto, as cores do grupo um têm um tom amarelo quente e também podem ter cores mais saturadas As cores do grupo um também são claras, o que faz com que pareçam mais nítidas comparação com a leveza suave das cores do grupo dois 16. Demonstração de respostas 9a e 9b: Essa cor que estou selecionando aqui é uma cor verde brilhante e clara do grupo um. E embora compartilhe o tom amarelo com as cores do grupo três, a qualidade clara dessa cor do grupo um parece nítida em comparação com os tons suaves da paleta de cores do grupo três A segunda cor que estou selecionando é uma cor do grupo de duas. E embora os grupos dois e três compartilhem a qualidade suave, o tom azul desse roxo do grupo dois parece mais frio e menos rico ou intenso nas cores quentes do grupo A essa cor que estou selecionando é um roxo do grupo quatro. As cores do grupo quatro e do grupo três podem ser altamente saturadas, mas as qualidades de subtom azul claro e frio dessa cor parecem muito nítidas com o resto das cores de subtom amarelo quente do grupo Esse azul aqui é uma cor do grupo dois. E embora os grupos dois e três compartilhem a qualidade de serem silenciados, o tom azul dessa cor do grupo dois parece mais frio e menos rico ou intenso nas três cores quentes do grupo de três. 17. Demonstração de respostas 10a e 10b: Essa cor é uma laranja do grupo três. E embora as cores do grupo três compartilhem a qualidade saturada do grupo quatro, uma cor do grupo três é atenuada e tem um tom amarelo quente, que significa que parece menos nítida e definida e muito amarela quando comparada às cores baseadas em azul frio Essa cor aqui é um roxo do grupo dois. As cores do grupo dois compartilham o mesmo tom azul frio do grupo quatro, mas essa cor é atenuada e a qualidade acinzentada parece muito suave quando comparada com altamente Esse verde é uma cor do grupo um, que compartilha a qualidade clara do grupo quatro, mas tem um tom amarelo quente Esse amarelo também é uma cor do grupo um e parece mais claro e menos saturado do que as cores intensas do grupo quatro, mas tem mais saturação do que as cores extremas do grupo quatro. 18. DICA EXTRA!: Às vezes, talvez você queira usar uma cor de outro grupo em sua paleta ou talvez seja necessário acomodar cores específicas em seu plano de design Você pode fazer isso, mas lembre-se de que, como regra geral para manter a integridade visual e a percepção positiva, recomendo usar pelo menos 70% de cores do mesmo grupo de cores. O principal a lembrar é que grupos de cores que compartilham características semelhantes criam uma percepção positiva. 19. Resumo do curso com Bernay Laity: Começamos este curso explicando a terminologia comumente usada para comunicar os diferentes aspectos relacionados à cor, que informa a base de qualquer estudo sobre Em seguida, aprendemos como reconhecer as diferentes características de uma cor para que pudéssemos identificar a qual dos quatro grupos de cores harmonizadas ela pertencia Cada grupo individual compartilha qualidades nas quais as cores se harmonizam visualmente E isso significa que, quando as cores do mesmo grupo são usadas juntas, elas evocam uma resposta emocional positiva Agora que você domina os fundamentos das cores, pode criar designs com confiança e usar as cores de uma forma poderosa, inteligente e Em seguida, continue sua jornada de aprendizado com os princípios da psicologia das cores. Neste curso, há muito mais a descobrir sobre como a cor afeta nossas emoções e influencia nosso comportamento, que adicionará outra camada poderosa às suas decisões de design. Você aprenderá como os quatro grupos de cores, cada um com suas próprias qualidades correspondem aos tipos de personalidade, cada um compartilhando características comuns. Além do entendimento básico de que vermelho significa energia e paixão e azul significa calma, você também descobrirá como a cor pode afetar as pessoas de forma diferente e como selecionar a inclinação ou a tonalidade certa de uma cor para criar o impacto desejado em seus designs de comunicação visual Parabéns por concluir os fundamentos de cores, e estou ansioso para ver você no próximo curso