Väri on suhteellisin taiteen väline
-Josef Albers
Me kaikki havaitsemme valon ja värin eri tavalla. Se, mitä sinä näet punaisena, on eri asia kuin se, mitä minä näen punaisena, vaikka me molemmat kutsumme sitä punaiseksi. Myös se, miten väri vaikuttaa meihin ja miten reagoimme siihen, on jokaisella meistä erilainen. Väri on suhteellinen.
Hyvän muotoilun pitäisi toimia ilman väriä. Sen pitäisi toimia, kun sitä katsotaan harmaasävyisenä. Väri on kuitenkin yksi ensimmäisistä asioista, jotka joku huomaa muotoilussasi, ja se ratkaisee pitkälti sen, pitävätkö katsojasi muotoiluasi esteettisesti miellyttävänä.
Kuten kaiken muunkin, värivalintasi tulisi olla alisteinen konseptillesi ja teemallesi. Väriä tulisi käyttää tehostamaan suunnittelua, mutta sen ei tulisi olla suunnittelusi.
Voit käyttää väriä luomaan visuaalisia hierarkioita ja parantamaan yleistä tasapainoa suunnittelussasi.
Väristä voidaan sanoa paljon. Paljon enemmän kuin voidaan sanoa yhdessä viestissä. Tätä viestiä suunnitellessani olen miettinyt edestakaisin, pitäisikö tämä pitää yhtenä viestinä vai laajentaa se useammaksi viestiksi, jotta se kattaisi enemmän. Lopulta päätin jakaa tämän värejä koskevan keskustelun kahteen postaukseen.
Tässä ensimmäisessä postauksessa keskitytään väriteoriaan, värijärjestelmiin, väriympyrään ja värimaailmaan. Seuraavalla kerralla siirrymme värien merkitykseen ja ajatuksiin siitä, miten voit käyttää värejä suunnittelusi parantamiseen.
Väriteoria
Väri on valoa. Valo on sähkömagneettista säteilyä ja eri aallonpituusalueilla se tekee vaikutuksen ihmissilmään. Tämä aallonpituusalue on visuaalinen spektri.
Kun valo osuu esineeseen, jotkin aallonpituudet absorboituvat ja toiset heijastuvat. Näemme heijastuneet valon aallonpituudet väreinä. Kun kaikki näköspektrin aallonpituudet absorboituvat, näemme mustaa, ja kun kaikki heijastuvat, näemme valkoista. Kun osa absorboituu ja osa heijastuu, näemme spektrin eri värejä.
Väriä voidaan kuvata kolmella tavalla. Nimellä, puhtaudella ja arvolla eli vaaleudella. Meillä on useita termejä, joiden avulla voimme kuvata värejä näillä kolmella tavalla. Kun luet alla olevia termejä, vilkaise yllä olevaa kuvaa.
- Sävy: Kun joku puhuu värisävystä, hän puhuu esineen todellisesta väristä. Vihreä on värisävy, kuten myös punainen, keltainen, sininen, violetti jne.
- Chroma: Viittaa värisävyn puhtauteen suhteessa harmauteen. Kun värissä ei ole yhtään harmaan sävyä, sillä värillä on korkea kroma. Harmaasävyjen lisääminen värisävyyn vähentää sen kromaattisuutta.
- Värikylläisyys: Tarkoittaa värisävyn puhtausastetta. Se on samankaltainen kuin kroma, vaikkakaan ei aivan sama asia. Puhtaat sävyt ovat erittäin kylläisiä. Kun harmaata lisätään, väristä tulee kyllästämätön.
- Intensiteetti: Värin kirkkaus tai himmeys. Valkoisen tai mustan lisääminen väriin alentaa sen intensiteettiä. Intensiivisellä ja erittäin kylläisellä värillä on korkea kroma.
- Arvo/valovoima: Mittaa väristä heijastuvan valon määrää ja on periaatteessa se, kuinka vaalea tai tumma värisävy on. Valkoisen lisääminen värisävyyn tekee siitä vaaleamman ja lisää sen arvoa tai luminanssia. Vastaavasti mustan lisääminen tekee värisävystä tummemman ja alentaa sen arvoa tai luminanssia.
- Sävy: Tulos mustan lisäämisestä värisävyyn tummemman värisävyn aikaansaamiseksi
- Sävy: Tulos valkoisen lisäämisestä värisävyyn vaaleamman värisävyn aikaansaamiseksi
- Sävy: Mustan ja valkoisen välissä on harmaa. Värisävy on tulos, joka saadaan lisäämällä harmaata sävyyn. Sävyt ja sävyt ovat sävyjä ääripäissä.
Kun olen löytänyt kaikkien sävyjen suhteen, tuloksena on oltava kaikkien sävyjen elävä harmonia, harmonia, joka ei ole erilainen kuin musiikkisävellyksen harmonia.
-Henri Matisse
Värisysteemit
Värisysteemit viittaavat siihen, miten tuotamme värit. Kun tuotetaan fyysisiä värejä, kuten maaleissa, käytetään subtraktiivista järjestelmää, ja kun värejä tuotetaan digitaalisesti, kuten tietokoneella, käytetään additiivista järjestelmää.
Värit, jotka näet tietokoneen näytölläsi, eivät välttämättä ole samoja värejä kuin muut näkevät tietokoneen näytöllä. Erot voivat olla vieläkin selvempiä, jos kuvasi päätyvät painoon. Värinhallinta voi auttaa tekemään asioista yhdenmukaisempia, mutta ymmärrä, että eroja tulee todennäköisesti aina olemaan.
Subtraktiiviset värit (CMYK) Kun näemme värejä fyysisissä esineissä, näemme heijastuvaa valoa. Kun näemme punaista, se johtuu siitä, että kaikki muut valon aallonpituudet ovat absorboituneet ja vain punainen heijastuu. Tämä on subtraktiivinen järjestelmä, koska värin tuottamiseksi poistamme kaikki ne valon aallonpituudet, joiden väriä emme halua nähdä.
Kun lisäämme järjestelmään lisää värejä, enemmän valoa absorboituu ja kokonaisväri muuttuu tummemmaksi. Subtraktiiviset järjestelmät alkavat valkoisesta ja jatkavat värien lisäämistä, kunnes tuloksena on musta.
CMYK (Cyan, Magenta, Yellow, Black) on subtraktiivinen järjestelmä, jota käytetään värien luomiseen tulostusta varten.
Additiiviset värit (RGB) Luodaksemme värejä tietokoneen näytölle meidän on lisättävä valoa, koska valonlähde tulee järjestelmän sisältä sen sijaan, että se heijastaisi järjestelmän ulkopuolelta tulevaa valoa. Kun valoa ei ole, näemme mustaa, ja kun lisäämme värejä (enemmän valon aallonpituuksia), siirrymme kohti valkoista.
RGB (Red, Green, Blue) on additiivinen järjestelmä, jota käytetään värien luomiseen digitaalisessa mediassa. Koska additiiviset järjestelmät eroavat siitä, miten havaitsemme värit luonnossa, perusvärit ovat muuttuneet. Vihreä (eikä keltainen) on nyt järjestelmän ensisijainen väri sen sijaan, että se olisi sinisen ja keltaisen toissijainen tuote.
Värirengas
Värirengas on visuaalinen esitys lähes kaikesta, mistä olemme puhuneet edellä. Alkuperäinen väripyörä on Sir Isaac Newtonin ansiota, joka yhdisti visuaalisen spektrin punaisen ja violetin pään ympyräksi.
Seuraavissa kuvissa näet, miten väripyörä luodaan. Aloitetaan tasasivuisen kolmion kulmissa sijaitsevista pääväreistä ja asetetaan sitten samanlaiset kolmiot 180 astetta kierrettyinä toissijaisten värien luomiseksi. Näiden värien väliin tulevat tertiäärivärit.
Huomaa alla olevista kuvista, että kolme pääväriä ovat tässä punainen, keltainen ja sininen.
Katso nyt alla olevaa väripyörää. Huomaat, että se näyttää erilaiselta kuin yllä oleva. Tässä päävärit ovat punainen, vihreä ja sininen, ja huomaat myös, että siinä näkyy eri värisävyjä, kunnes se saavuttaa keskellä valkoisen. Tämä on RGB-väripyörä sävyistä.
Täältä löytyy myös väripyöriä, jotka näyttävät sävyjä ja sävyjä. Itse asiassa on olemassa erilaisia väripyöriä ja värikolmioita. Muista, että väripyörä on vain värien esitys ja on olemassa erilaisia tapoja ilmaista värien välisiä suhteita.
Värikaaviot
Värikaaviot syntyvät väripyörästä ja erilaiset värikaaviot ovat erilaisia väriyhdistelmiä, jotka perustuvat värien suhteisiin toisiinsa.
Oheisissa kuvissa olen alentanut kaikkien värien kylläisyyttä lukuun ottamatta niitä värejä, jotka saattavat kuulua kuvattavaan värimaailmatyyppiin.
Monokromaattiset värimaailmat perustuvat saman värin eri sävyihin. Tässä näytetään punaisen sävyjä.
Analogiset värimaailmat perustuvat väriympyrässä vierekkäisiin väreihin
Komplementaariset värimaailmat perustuvat väreihin, jotka ovat vastakkain toisiaan vastapäätä väriympyrässä
Triadiset värimaailmat käyttävät kolmea väriä, jotka on sijoitettu tasaisin välein väriympyrän ympärille
Tetradic/Quadratic -väriasetelmat luodaan valitsemalla värit väriympyrään merkityn suorakulmion kulmiin
Split Complementary -väriasetelmat luodaan valitsemalla yksi väri ja sen jälkeen kaksi muuta väriä, jotka ovat vierekkäin alkuperäisen värin komplementtivärin kanssa. Ajattele sitä komplementaarisen ja analogisen värimaailman yhdistelmänä.
Lisäksi on olemassa värimaailmoja, joita värikehä ei täysin kuvaa.
Neutraalit värimaailmat sisältävät vain värejä, joita ei löydy väriympyrästä (ruskean ja harmaan eri sävyjä)
Aksentoituneet neutraalit värimaailmat sisältävät neutraaleja värejä, kuten edellä, ja yhden tai useamman väriläiskän värejä, jotka löytyvät väriympyrästä.
Viimeinen värimaailmatyyppi, josta voimme puhua, ovat ne, joita löytyy luonnosta. Kuten arvata saattaa, ne ovat värijärjestelmiä, jotka perustuvat siihen, mitä näet esiintyvän luonnossa. Voit luoda luonnollisen värimaailman, joka perustuu valokuvasta löytyviin väreihin.
Yhteenveto
Tässä postauksessa on keskitytty värien taustalla olevaan teoriaan, mutta on paljon muutakin käsiteltävää, kuten värin havaitsema merkitys sekä se, miten voit käyttää värejä muotoilussasi tehokeinona.
Yritä toistaiseksi tutustua värien kuvaamiseen käytettäviin termeihin sekä erilaisiin värimaailmoihin, jotka syntyvät väriympyrästä.
Jatkamme seuraavalla kerralla yksityiskohtaisemmin värimaailmoista ja siitä, milloin voisit halutessasi käyttää kutakin niistä.
Lähteet
Tämän postauksen aikana olen linkittänyt muutamaan artikkeliin, jotka tarjoavat lisää ajatuksia ja ideoita väreistä. Alla on muutamia muita artikkeleita ja artikkelisarjoja väriteoriasta.
Värin tärkeyden ja sen vuoksi, kuinka paljon väristä on tiedettävää, kannattaa käyttää jonkin verran aikaa jokaisen alla olevan linkin läpikäymiseen. Suuri osa seuraavien artikkeleiden sisällöstä on samanlaista kuin tässä, mutta jokainen artikkeli sisältää todennäköisesti joitain asioita, joita en ole maininnut, ja lisää yleistä tietämystäsi väreistä.
- Basic color schemes – Introduction to Color Theory
- Väriteoria – Wikipedia
- Väriteoria – Dev.Opera
- Väriteoria – Wrox
- Väriteoria – Liquisoft
- Creating Consistently Colorful User Experiences: Part 1,
Viime viikolla Cameron Chapman on kirjoittanut Smashing Magazineen erinomaisen artikkelisarjan väreistä, johon halusin erityisesti kiinnittää huomiota.
- Color Theory for Designers, Part 1: The Meaning of Color
- Color Theory For Designers, Part 2: Understanding Concepts And Terminology
- Color Theory for Designer, Part 3: Omien väripalettien luominen
Suunnittelun 7 komponenttia
- Yksikkö
- Gestalt
- Tila
- Dominanssi
- Hierarkia
- Tasapaino
- Väri osa I: Color Theory
- Color Part II: How to Use Color
Lataa ilmainen näyte kirjastani Design Fundamentals.