Como usar a teoría da cor no deseño

Como usar a teoría da cor no deseño
Rick Davis

Viches unha roda de cores, pero non estás seguro do que significa todo? Aprende que é a teoría da cor e como usala nos teus deseños.

Ver tamén: Consígueme fotos de Spider-Man!

A cor é importante e sempre debes ter en conta a cor cando deseñas. Pero entendes como funciona a teoría da cor para axudarche a crear paletas de cores harmoniosas?

Quizais queiras usar as túas cores favoritas no teu novo logotipo ou publicación social, pero podes optimizar a paleta de cores do deseño usando familias de cores que se complementan.

Este artigo lévache a través da terminoloxía básica e avanzada das cores, a estrutura lóxica da relación entre as cores e como podes mellorar os teus deseños mediante a aplicación da teoría da cor.

Comecemos cun pouco da historia da teoría da cor.

Quen inventou a teoría da cor?

Non hai nin unha soa persoa que inventase o que hoxe coñecemos como teoría da cor.

Houbo moitos teóricos da cor ao longo dos séculos que deron forma a como entendemos a cor. Non obstante, atribúeselle a Isaac Newton descubrir o modelo ROYGBIV (ou o espectro de cores visible) e inventar a roda de cores a mediados do século XVII. Estes dous descubrimentos determinaron como se desenvolveu a teoría da cor.

Newton foi o primeiro en descubrir que cando a luz branca atravesa un prisma, refractase nas sete cores do arco da vella. A través da súa investigación e aplicación da cor, elcomprender como funcionan as cores nas imaxes dixitais en comparación coas impresas.

Cal é a diferenza entre RYB, CMYK e RGB?

Neste artigo comentamos principalmente as cores baseadas en pigmentos, pero As cores emisoras de luz (ou dixitais) funcionan de forma diferente.

RYB (Vermello, Amarelo, Azul) ou o modelo de cores subtractivos, é como falamos de cor ata agora e como se formulou a roda de cores. .

Lembras que mencionamos a J. C. Le Blon e a súa contribución á teoría da cor a través das súas técnicas de impresión tricolor? O proceso de cores subtractivas CMYK desenvolveuse posteriormente para a impresión baseándose no seu traballo, e é esencial comprender as diferenzas entre as cores de impresión e as dixitais se estás a facer deseño dixital.

CMYK significa Cyan, Magenta, Yellow, e Chave (que é negra). É semellante a RYB ou BRY seguir o mesmo patrón.

A xestión dixital da cor nas fontes de imaxes funciona de forma un pouco diferente.

O modelo de mestura de cores aditiva mostra como crear luz branca (lembre os descubrimentos de Newton). ?), e as cores primarias da luz son o vermello, o verde e o azul (RGB). Todas as fontes de emisión de luz funcionan dentro do modelo RGB para a xestión dixital da cor, ilustrado na roda de cores RGB.

O verde e o violeta úsanse ás veces xuntos como cores complementarias, o que se asemella máis aos principios de combinación de cores RGB onde o verde (unha cor primaria da luz) emagenta (unha cor secundaria feita combinando luz azul + luz vermella) son complementarios.

a través de GIPHY

5 exemplos de teoría da cor aplicada ao deseño

Agora deberías entender a cor teoría e como usar unha roda de cores para crear combinacións de cores harmónicas nos teus deseños.

Queremos darche un pouco de información tamén, polo que atopamos algúns exemplos de deseños exitosos que usan a teoría da cor para crear harmonía.

1. Bring in 'da Noise, Bring in 'da Funk

Paula Scher é unha deseñadora famosa por romper as regras e crear algúns dos deseños máis emblemáticos do noso tempo. Pero, se miras detidamente, verás que usa a harmonía das cores para manter os seus deseños axustados.

Aquí tes un dos carteis que deseñou para o musical de claqué de 1995, Bring in 'Da Noise. Bring in 'Da Funk , que conta a historia da historia afroamericana a través da canción e da danza.

Este deseño usa un esquema de cores análogo que combina cores que teñen o azul como base principal.

Para crear máis contraste e chamar a atención do espectador sobre información importante (é dicir, a data), tamén utilizou con moderación as cores de acento laranxa, sendo o laranxa a cor complementaria do azul. Esta combinación de cores tamén se denomina ás veces complementaria análoga.

2. McDonald's

Pode que che guste ou non a cadea de comida rápida, pero é innegable que o seu é un dos logotipos que máis chaman a atención. Pero, iguala combinación de verde e morado, parece romper as regras de harmonía de cores ao usar o amarelo e o vermello xuntos.

O amarelo e o vermello son dous primarios e forman un terzo da harmonía cor triádica. Noutras palabras, usar o azul xunto con estas cores tería creado máis equilibrio.

Botando unha ollada máis atentamente, con todo, mostra que o amarelo da M grande é, de feito, máis dourado ou amarelo laranxa. . O vermello que se utiliza tamén é unha cor cálida cun ton amarelo.

Ten sentido que o famoso logotipo de dúas cores utilice un esquema de cores análogo simplificado, que produce harmonía de cores.

Tamén é interesante. Teña en conta que no modelo de cor RGB, vermello + verde fai amarelo, polo que o amarelo sitúase xusto ao lado do vermello. Consideraríase análogo se aplicamos a harmonía de cores ao RGB.

3. Kiss My Airs

Nike é unha das marcas deportivas máis importantes do mundo. Co lanzamento das súas zapatillas Nike Air de 2021, utilizaron un deseño minimalista e unha redacción intelixente para promocionar esta nova versión dun clásico.

Estes anuncios teñen esquemas de cores monocromáticos, onde se utiliza unha cor base brillante e o contraste. creados usando tons e tons da mesma cor.

Os deseños monocromáticos son sempre harmoniosos porque usan a mesma tonalidade.

Fonte da imaxe: David Carson Design

4. David Carson Design

David Carson ás veces é referido como o pai do grunge porque introduciu unestilo de deseño completamente novo que incumpriu todas as regras do bo deseño gráfico da época.

É un mestre da colaxe e que reúne elementos dispares para crear imaxes que transmiten mensaxes poderosas. Entón, tamén eliminou por completo a teoría da cor?

A imaxe de arriba contén vermello frío e cálido como cor predominante, con acentos engadidos de amarelo-verde brillante, azul-verde escuro, azul frío, amarelo cálido profundo, laranxa e algúns marróns neutros.

Un esquema de cor tétrada cadrada produciría harmonía combinando vermello, azul, amarelo e verde. Carson usou intelixentemente as versións cálidas e frescas destas cores para crear unha imaxe moi dinámica.

Tamén é importante ter en conta que ao engadir máis cores (como morados e marróns), Carson crea con éxito unha sensación de caos en este traballo.

5. Bored Ape Yacht Club

Bored Ape Yacht Club é unha coñecida colección de arte NFT, con algúns deseños que se venden a seis cifras.

Este deseño de BAYC ten unha cor de fondo laranxa dominante e usa un rectangular. esquema de cores tétrada combinando laranxa, amarelo, violeta e azul. A outra cor dominante é o rosa da pel do simio, que é un tinte vermello.

O vermello, o amarelo e o laranxa son cores análogas, polo que funcionan ben xuntos.

Como facemos. explicar o mechón verde primavera no sombreiro da festa? O esquema análogo baseado en vermello e amarelo sería complementario ao verde.

Entón, istoA imaxe dixital utiliza varios esquemas de cores complementarios para producir harmonía de cores.

Se estás a buscar máis inspiración para o deseño, consulta a nosa lista de deseñadores gráficos famosos para seguir en Instagram.

Concluír

Sabes por que importa a cor e como usar unha roda de cores básica, e comprendes os termos da teoría da cor e o comportamento xeral da percepción da cor. Tamén sabes que as asociacións de cores poden mellorar o deseño da experiencia do usuario e facer que os produtos sexan máis desexables.

Ver tamén: Historia da animación por ordenador

Ao final, a teoría da cor e a roda de cores son simplemente ferramentas que nos axudan a comprender como se afectan as cores e como poden aféctannos profundamente.

Pero, non hai ningún dereito ou erro á hora de escoller as cores. Basta con mirar as cores da natureza e verás unha gama máis ampla de combinacións de cores que as que recomendan os modelos de harmonía de cores.

A túa base para a combinación de cores resúmese ás preferencias persoais, á intuición artística e ás tendencias de cores actuais. . Non obstante, aínda é bo ter unha comprensión baseada en como os demais estudaron as cores, xa sexa para axudarche a mellorar as túas habilidades para escoller cores ou para axudarche a atopar novas formas de abordar as combinacións de cores.

Tamén é esencial comprender. como se crean cores diferentes usando cores principais e como podes mesturar tons para producir os efectos desexados, por exemplo, sabendo como crear cores neutras mesturando complementos.cores.

Tamén podes consultar a nosa guía paso a paso sobre a creación dunha paleta de cores personalizada en Vectornator e o noso vídeo sobre a teoría da cor.

Entón, agora que entendes os elementos da teoría da cor seguen a túa idea dos fantásticos deseños que comentamos e xoga coas combinacións de cores dos teus deseños para ver o que podes facer!

Descarga Vectornator para comezar

Leva os teus deseños ao seguinte nivel.

Descarga o ficheiroformulou que hai tres cores primarias que, cando se combinan, forman luz branca. Agora chamamos a isto o modelo de cores aditivas.

a través de GIPHY

Este descubrimento foi revolucionario porque cambiou completamente a forma en que a xente vía o mundo e como entendía as cores. Antes daquela, a maioría da xente percibía a cor como un obxecto físico (por exemplo, unha froita), elemental (por exemplo, lume) ou unha textura ou sensación. Incluso o antigo filósofo grego Aristóteles tiña unha teoría de que a cor era a luz divina do ceo.

Outros grandes teóricos da cor inclúen o artista J. C. Le Blon, o polímata Johann Wolfgang von Goethe e o psiquiatra Carl Jung. A principios do 1700, Le Blon desenvolveu o método de impresión en tres cores (usando as tres cores primarias vermello, azul e amarelo), que tamén levou á formulación de cores subtractivas (cando as tres primarias se mesturan para formar negro).

Isto é o contrario ás cores aditivas de Newton (que en conxunto producen branco) e axudou a distinguir entre o comportamento da percepción da cor na luz e no pigmento.

Fonte da imaxe: Wikimedia Commons

Le Blon sentou as bases que finalmente levou ao desenvolvemento do sistema de impresión CMYK en 1906, que aínda usamos hoxe en día.

A Teoría das cores de Goethe (publicada por primeira vez en 1810) desafiou A teoría de Newton amplamente aceptada porque foi desenvolvida con experimentos ópticos "artificiais" e carecía de compromiso conexperiencias da cor da vida real.

Goethe centrouse moito máis na percepción visual e nas respostas emocionais á cor, así como no simbolismo da cor e na noción de harmonía de cores.

Tamén sinalou que a idea de Newton. O experimento con prismas foi un fenómeno único do comportamento da luz e non debería ser aceptado como a teoría universal e definitiva da cor.

Jung estudou como a cor afecta e expresa as nosas emocións, o que máis tarde levou aos psiquiatras jungianos a desenvolver a cor. métodos de terapia. Os seus descubrimentos sobre as asociacións de cores connotativas das persoas constitúen a base da psicoloxía da cor, que se usa amplamente na arte, o deseño gráfico e o marketing na actualidade.

A psicoloxía da cor tamén informa o deseño visual e o deseño da experiencia de usuario (UX/UI) para producen comportamentos específicos en consumidores e usuarios de aplicacións.

Que é a teoría da cor?

A teoría da cor explica a percepción da cor humana e os efectos que a cor ten nos ollos e no cerebro.

Científicamente falando, a luz coloreada viaxa a diferentes lonxitudes de onda e estimula diferentes receptores dos nosos ollos. Cando a información chega ao noso cerebro, percibimos isto como diferenzas de ton. Os principios da teoría da cor axudan a explicar como os nosos cerebros interpretan as cores.

Experimentamos diversos fenómenos de cor baseados en factores perceptivos, diferenzas culturais e diferenzas individuais específicas.

Por exemplo, algunhas cores en combinación parece máiscontrastantes que outros. Cando miramos o azul, parece frío, mentres que o vermello parece quente. Ás veces, cando miras un obxecto verde durante moito tempo e despois miras para outro lado, ves unha imaxe posterior de cor vermella (máis sobre iso máis tarde). Todas estas son experiencias que configuran a nosa comprensión das cores.

Vexamos os principios básicos da teoría da cor (como se fan as cores co pigmento) e despois pasemos á teoría da cor máis avanzada (as relacións entre as cores). Tamén explicamos os termos da teoría da cor, para que saibas falar sobre as cores.

A roda de cores axudarache a comprender estes conceptos da teoría da cor.

Cores primarias

As tres cores primarias dunha roda de cores son o vermello, o amarelo e o azul. Estas son as cores de base que se poden mesturar para producir todas as outras cores que podemos ver, e están igualmente espaciadas entre si nos lados opostos da roda cromática.

Cores secundarias

Cando mesturas dúas cores primarias, obtén cores secundarias. Estas cores colócanse entre cada cor primaria para indicar esta mestura. Por exemplo, o vermello máis o azul fan o roxo.

Cores terciarias

Cando mesturas unha cor primaria e unha secundaria, obtén unha cor terciaria. Estes colócanse entre as cores primarias e secundarias das que se mesturaron. Por exemplo, o vermello máis o vermello fan que o vermello-violeta (ou o vermello-violeta).

Cores cálidas

Tendemos a pensar encores do lado vermello, laranxa e amarelo do espectro como cores "cálidas" e azul, verde e morado como cores "fres".

Isto non é totalmente incorrecto, xa que todos experimentamos unha lume laranxa quente ou unha piscina azul fría. Tamén se acepta xeralmente que as cores cálidas avanzan (mirar máis preto do espectador) e as frías retroceden (mirar máis lonxe).

Pero sabías que todos os tons teñen temperaturas de cor?

Hai unha versión cálida e fría de cada cor primaria, que tamén produce paletas de cores cálidas e frías cando as usas para mesturar cores secundarias e terciarias.

Aquí están os nomes dalgúns pigmentos de cores cálidas:

  • Os vermellos cálidos inclínanse máis polo amarelo: Vermello cadmio, Crimson Lake, Venetian Red, Scarlet Lake e Vermillion
  • Os amarelos cálidos inclínanse máis polo vermello: Amarelo cadmio, amarelo medio, amarelo indio, amarelo arílido
  • Os azuis cálidos inclínanse máis cara ao vermello: azul ultramar, azul cobalto, azul indanthrone.

Cores frías.

Entón, sabemos que todas as cores teñen versións cálidas, o que significa que tamén teñen versións xeniais. Cando mesturas cores cálidas e máis frías, podes producir unha ampla gama de cores.

Aquí tes os nomes dalgunhas cores de pintura frescas:

  • Os vermellos fríos son máis delgados. cara ao azul: Alizarin Crimson, Pyrrol Crimson, Anthraquinoid Red e Permanent Rose
  • Os amarelos fríos inclínanse máis polo azul: Lemon Yellow,Amarelo titanio e amarelo monoazoico
  • Os azuis fríos inclínanse máis cara ao amarelo: Azul ftalo, azul cerúleo, azul prusiano, azul manganeso, azul exipcio

Como Usa unha roda de cores

Unha roda de cores mostra as cores básicas que podemos ver como raios, cada unha adxacente a unha mestura de cores ou a unha cor primaria.

Na sección anterior, analizamos como pode facer unha combinación de cores primarias para crear cores secundarias e como se fan as cores terciarias combinando cores primarias e secundarias.

A roda de cores básica ilustra estas relacións entre cores e constitúe a base dos principios de combinación de cores.

Agora imos ver outras relacións entre cores que nos axudan a escoller combinacións de cores, é dicir, esquemas complementarios e harmonías de cores.

Combinacións de cores complementarias

Certa cor básica as combinacións sacan o mellor entre si.

Aínda que a maioría da xente coñece os pares de cores complementarios, podes atopalos na roda de cores. Cada cor primaria da roda de cores ten unha cor secundaria directamente oposta á que se obtén combinando as outras dúas primarias.

Estes son os esquemas de cores tradicionais e complementarios:

  • Vermello (primario). ) e verde (secundario feito con azul máis amarelo)
  • Azul (primario) e laranxa (secundario feito con amarelo máis vermello)
  • Amarelo (primario) e morado (secundario feito con vermello)máis azul)

Por que se lles chama complementarios; é só porque se ven ben xuntos? Non, é un fenómeno científico e biolóxico chamado "contraste simultáneo".

O contraste simultáneo explica a intensificación visual que ocorre cando estes pares de cores se colocan un ao carón do outro. Tamén é algo que mencionou Goethe; cando ves unha cor, o teu ollo busca automaticamente o seu complementario.

Fonte da imaxe: WebExhibits

Algunhas fontes din que cada cor oposta a outra na roda cromática é complementaria. Aínda así, un par complementario consta tradicionalmente dunha cor primaria e unha cor secundaria.

Cando mesturas un par complementario, creas unha cor neutra como o gris ou o marrón. Isto débese a que, por moito que se intensifiquen entre si, as cores complementarias anúlanse entre si cando se combinan.

Isto tamén significa que podes crear cores escuras engadindo máis complementarias á mestura.

Harmonías de cor

Que é a harmonía de cores e como funciona? A harmonía das cores é unha parte esencial da teoría da cor e ilustra varias formas de usar unha roda de cores para atopar combinacións de cores agradables ou harmoniosas.

Podes pensar na harmonía das cores como as túas pautas de combinación de cores.

A harmonía de cores utilízase con frecuencia en todo tipo de deseño, desde xardinería e cociña ata decoración de interiores e deseño gráfico. Titamén pode atopar harmonías de cores na natureza.

As persoas avalían o atractivo visual dentro dos 50 milisegundos de ver algo, influíndo nas súas decisións. Isto significa que as harmonías de cores poden incluso axudar aos deseñadores de produtos e aos comerciantes a influír nas decisións dos compradores.

Aquí está a túa guía de cores para crear as combinacións visualmente máis atractivas:

Tríad Color Harmony

Tamén coñecida como cores triádicas, a harmonía de cores da tríada é cando usas tres cores a iguais distancias entre si na roda de cores. Isto inclúe combinacións como vermello + azul + amarelo e morado + verde + laranxa.

A harmonía de cores complementarias divididas

A harmonía de cores complementarias divididas combina unha cor con dúas cores no lado oposto do roda de cores. Estas serían as dúas cores a cada lado do que se consideraría o complemento directo da cor base.

A harmonía do complemento dividido non só se aplica ás cores primarias e aos seus complementarios tradicionais: podes rastrexar os complementos divididos de calquera cor. .

Este modelo mostra harmonías de cores como vermello-violeta + verde + amarelo ou laranxa + azul-violeta + azul-verde.

Tetrad Color Harmony

Tetrad Color Harmony harmony é un modelo rectangular para escoller cores. Usando un rectángulo dentro da roda de cores, podes atopar catro cores que funcionarán ben xuntas.

Isto suxire combinacións ideais de cores como morado + azul + amarelo +laranxa, ou vermello-violeta + laranxa-vermello + amarelo-verde + azul-verde.

Harmonía de cores análogas

A harmonía de cores análogas conséguese cando se usan tres cores que están a carón da outra. na roda de cores e comparten unha cor primaria común.

Un exemplo disto é usar azul-verde + azul + azul-violado xuntos. Estas son cores adxacentes na roda de cores, e a cor dominante neste tema análogo é o azul.

Os esquemas de cores análogos sempre producen unha sensación de profundidade e riqueza.

Tintes, matices e tons.

Comentamos en profundidade as propiedades e os valores da cor na nosa publicación sobre a creación dunha paleta de cores única. Tamén podes obter máis información no noso artigo de Consellos de deseño sobre terminoloxía das cores. Aquí tes un resumo rápido:

  • Os tons realízanse engadindo branco a un matiz
  • Os tons realízanse engadindo negro a un matiz
  • Os tons realízanse engadindo gris a unha tonalidade

Harmonía de cores monocromáticas

Unha gran tendencia de cor que volveu é a combinación de cores monocromáticas.

A harmonía de cores monocromáticas é cando só usas unha tonalidade na túa paleta de cores e crea variacións claras e escuras mediante matices, matices e tons.

Esta harmonía de cores crea unha sensación de unidade e calma, pero pode volverse apagada rapidamente se non se aplica correctamente.

Cubrimos paletas de cores harmoniosas e elementos da teoría da cor; imos diferenciar a mestura de cores substractiva e aditiva




Rick Davis
Rick Davis
Rick Davis é un experimentado deseñador gráfico e artista visual con máis de 10 anos de experiencia na industria. Traballou con diversos clientes, desde pequenas startups ata grandes corporacións, axudándolles a alcanzar os seus obxectivos de deseño e elevar a súa marca a través de imaxes eficaces e impactantes.Graduado na Escola de Artes Visuais da cidade de Nova York, Rick é un apaixonado por explorar novas tendencias e tecnoloxías de deseño e superar constantemente os límites do que é posible no campo. Ten unha profunda experiencia en software de deseño gráfico e sempre está ansioso por compartir os seus coñecementos e ideas con outros.Ademais do seu traballo como deseñador, Rick tamén é un blogueiro comprometido, e dedícase a cubrir as últimas tendencias e desenvolvementos no mundo do software de deseño gráfico. Cre que compartir información e ideas é fundamental para fomentar unha comunidade de deseño forte e vibrante, e sempre está ansioso por conectarse con outros deseñadores e creativos en liña.Se está deseñando un novo logotipo para un cliente, experimentando coas últimas ferramentas e técnicas no seu estudo ou escribindo artigos informativos e atractivos no blog, Rick sempre está comprometido en ofrecer o mellor traballo posible e en axudar aos demais a alcanzar os seus obxectivos de deseño.