A szín a művészet legrelatívabb médiuma
-Josef Albers
Mindannyian másképp érzékeljük a fényt és a színeket. Amit te vörösnek látsz, az más, mint amit én vörösnek látok, bár mindketten vörösnek fogjuk nevezni. Az, hogy a színek hogyan hatnak ránk, és hogyan reagálunk rájuk, szintén mindannyiunknál más és más. A szín relatív.
A jó designnak szín nélkül is működnie kell. Működnie kell, ha szürkeárnyalatban nézzük. A szín azonban az egyik első dolog, amit valaki észrevesz a designban, és nagyban hozzájárul ahhoz, hogy a nézők esztétikusnak találják-e a designt.
Mint minden mást, a színválasztást is a koncepciónak és a témának kell alárendelni. A színt arra kell használni, hogy fokozza a designt, de nem szabad, hogy az legyen a design.
A színeket használhatja vizuális hierarchiák létrehozására és a design általános egyensúlyának javítására.
A színekről sok mindent el lehet mondani. Sokkal többet, mint amennyit egyetlen bejegyzésben el lehet mondani. Ahogy ezt a bejegyzést terveztem, ide-oda ingadoztam, hogy egyetlen bejegyzés maradjon-e, vagy több bejegyzésre bővítsem, hogy minél több mindenre kitérjek. Végül úgy döntöttem, hogy ezt a színről szóló beszélgetést két posztra osztom.
Az első poszt a színelméletre, a színrendszerekre, a színkörre és a színsémákra fog összpontosítani. Legközelebb áttérünk a színek jelentésére és gondolatokra arról, hogyan használhatod a színeket a terveid javítására.
Színelmélet
A szín a fény. A fény elektromágneses sugárzás, és egy hullámhossz-tartományban az emberi szemre hatást gyakorol. Ez a hullámhossztartomány a vizuális spektrum.
Amikor a fény egy tárgyra esik, egyes hullámhosszak elnyelődnek, mások visszaverődnek. A visszavert fény hullámhosszait látjuk színként. Amikor a vizuális spektrum összes hullámhossza elnyelődik, akkor feketét látunk, amikor pedig az összes visszaverődik, akkor fehéret. Amikor néhány elnyelődik, néhány pedig visszaverődik, a spektrum különböző színeit látjuk.
A színeket háromféleképpen lehet leírni. Nevével, tisztaságával és értékével vagy világosságával. Több kifejezésünk is van, amelyek segítségével e háromféleképpen írhatjuk le a színeket. Az alábbi kifejezések olvasása közben pillants vissza a fenti képre.
- Árnyalat: Amikor valaki árnyalatról beszél, akkor egy tárgy tényleges színéről beszél. A zöld egy árnyalat, akárcsak a piros, a sárga, a kék, a lila stb.
- Chroma: Az árnyalat tisztaságára utal a szürkéhez viszonyítva. Ha egy színben nincs szürke árnyalat, akkor az a szín magas színárnyalattal rendelkezik. Ha egy árnyalathoz szürke árnyalatokat adunk hozzá, az csökkenti az árnyalat színárnyalatát.
- Telítettség: Egy árnyalat tisztasági fokát jelenti. Hasonló a színárnyalathoz, bár nem egészen ugyanaz. A tiszta árnyalatok erősen telítettek. Ha szürkét adunk hozzá, a szín telítetlenné válik.
- Intenzitás: Egy szín fényessége vagy tompasága. Ha fehéret vagy feketét adunk egy színhez, az csökkenti annak intenzitását. Az intenzív és erősen telített színnek magas a színárnyalata.
- Érték/fényerősség: A színről visszavert fény mennyiségének mérőszáma, és alapvetően azt jelenti, hogy egy színárnyalat mennyire világos vagy sötét. Ha fehéret adunk egy árnyalathoz, az világosabbá válik, és növeli az értékét vagy a fénysűrűségét. Következésképpen fekete hozzáadása sötétebbé teszi, és csökkenti az értéket vagy a fénysűrűséget.
- Árnyalat: Fekete hozzáadásának eredménye egy árnyalathoz, hogy sötétebb árnyalatot kapjunk
- Árnyalat: Fehér hozzáadásának eredménye egy árnyalathoz, hogy világosabb árnyalatot kapjunk
- Tónus: A fekete és a fehér között van a szürke. A színtónus egy árnyalathoz szürke hozzáadásának eredménye. Az árnyalatok és árnyalatok a szélsőértékek tónusai.
Ha megtaláltam az összes tónus viszonyát, az eredménynek az összes tónus élő harmóniájának kell lennie, olyan harmóniának, amely nem különbözik egy zenemű harmóniájától.
-Henri Matisse
Színrendszerek
A színrendszerek arra vonatkoznak, hogyan állítjuk elő a színeket. Amikor fizikai színeket állítunk elő, mint a festékben, szubtraktív rendszert használunk, amikor pedig digitálisan állítunk elő színeket, mint a számítógépen, additív rendszert használunk.
A színek, amelyeket a számítógép képernyőjén lát, nem biztos, hogy ugyanazok a színek, amelyeket mások látnak a számítógépük képernyőjén. A különbségek még hangsúlyosabbak lehetnek, ha a képek végül nyomtatásba kerülnek. A színkezelés segíthet, hogy a dolgok egységesebbek legyenek, de értse meg, hogy valószínűleg mindig lesznek különbségek.
Subsztraktív színek (CMYK) Amikor a fizikai tárgyakban színeket látunk, visszaverődő fényt látunk. Amikor vöröset látunk, az azért van, mert a fény minden más hullámhosszúsága elnyelődött, és csak a vörös tükröződik vissza. Ez egy szubtraktív rendszer, mert a színek előállításához eltávolítjuk az összes olyan fényhullámhosszúságot, amelynek színét nem akarjuk látni.
Amint több színt adunk hozzá a rendszerhez, több fényt nyel el, és az általános szín sötétebb lesz. A szubtraktív rendszerek fehérrel kezdenek, és addig adnak hozzá színeket, amíg az eredmény fekete nem lesz.
A CMYK (Cyan, Magenta, Yellow, Black) egy szubtraktív rendszer, amelyet a nyomtatáshoz használt színek létrehozására használnak.
Additív színek (RGB) A számítógép képernyőjén megjelenő színek létrehozásához fényt kell hozzáadnunk, mivel a fényforrás belülről jön, ahelyett, hogy a kívülről érkező fényt tükrözné a rendszer. Amikor nincs fény, feketét látunk, és ahogy több színt adunk hozzá (több hullámhosszú fényt), úgy haladunk a fehér felé.
Az RGB (vörös, zöld, kék) egy additív rendszer, amelyet a színek létrehozására használnak a digitális médiában. Mivel az additív rendszerek eltérnek attól, ahogyan a természetben érzékeljük a színeket, az elsődleges színeink megváltoztak. A zöld (és nem a sárga) most már elsődleges a rendszerben, ahelyett, hogy a kék és a sárga másodlagos terméke lenne.
A színkör
A színkör vizuális megjelenítése szinte mindannak, amiről fentebb beszéltünk. Az eredeti színkerék Sir Isaac Newton nevéhez fűződik, aki a vizuális spektrum vörös és ibolya végeit egy körré egyesítette.
A következő képeken láthatjuk, hogyan jön létre a színkör. Egy egyenlő oldalú háromszög sarkaiban elhelyezkedő alapszínekkel kezdünk, majd egy hasonló, 180 fokkal elforgatott háromszöget állítunk be a másodlagos színek létrehozásához. E színek között lesznek a harmadlagos színek.
Az alábbi képeken figyeljük meg, hogy a három elsődleges szín itt a piros, a sárga és a kék.
Most nézzük meg az alábbi színkereket. Észre fogod venni, hogy másképp néz ki, mint a fenti. Az elsődleges színek itt a piros, a zöld és a kék, és azt is észre fogod venni, hogy különböző színárnyalatokat mutat, amíg középen el nem éri a fehéret. Ez egy RGB színkör árnyalatokkal.
Megtalálhatók olyan színkörök is, amelyek árnyalatokat és tónusokat mutatnak. Valójában számos színkerék és színháromszög létezik. Ne feledje, hogy a színkör csak a színek ábrázolása, és a színviszonyokat különböző módon lehet kifejezni.
Színsémák
A színsémák a színkörből származnak, és a különböző színsémák a színek különböző kombinációi, amelyek az egymáshoz való viszonyukon alapulnak.
A lenti képeken minden szín telítettségét csökkentettem, kivéve azokat, amelyek a leírt színsémák típusának részét képezhetik.
A monokromatikus színsémák ugyanazon szín különböző tónusain alapulnak. Itt a vörös árnyalatai láthatóak.
Az analóg színsémák a színkörön egymás mellett elhelyezkedő színeken alapulnak
Komplementer színsémák a színkörön egymással szemben lévő színeken alapulnak
Triadikus színsémák három színt használnak a színkörön egyenlő távolságra egymástól
Tetradikus/négyzetes színsémák úgy jönnek létre, hogy a színeket a színkörbe beírt téglalap sarkaiban választjuk ki
Split-komplementer színsémák úgy jönnek létre, hogy kiválasztunk egy színt, majd két további színt, amelyek a kezdeti szín komplementerével szomszédosak. Gondoljunk rá úgy, mint a komplementer és az analóg színséma kombinációjára.
Egyébként léteznek olyan színsémák, amelyeket a színkör nem ír le teljesen.
A semleges színsémák csak a színkörben nem található színeket tartalmazzák (a barna és a szürke különböző árnyalatai)
Az akcentusos semleges színsémák a fenti semleges színeket és a színkörben található színek egy vagy több színfoltját tartalmazzák.
Egy utolsó színsématípus, amelyről beszélhetünk, a természetben találhatóak. Mint sejthetjük, ezek olyan színsémák, amelyek a természetben előforduló dolgokon alapulnak. Létrehozhatsz egy természetes színsémát egy fényképen található színek alapján.
Összefoglaló
Ez a bejegyzés a színek mögötti elméletre összpontosított, de még sok minden másra is kitérhetünk, például a színek általunk érzékelt jelentésére, valamint arra, hogyan használhatod a színeket a tervezésben a hatás érdekében.
Előre próbálj meg megismerkedni a színek leírására használt kifejezésekkel, valamint a különböző színsémákkal, amelyek a színkörből származnak.
A következő alkalommal folytatjuk a színsémák részletesebb bemutatásával, és azzal, hogy mikor érdemes használni őket.
Források
Ebben a bejegyzésben néhány olyan cikkre hivatkoztam, amelyek további gondolatokat és ötleteket kínálnak a színekről. Az alábbiakban néhány további cikket és cikksorozatot találsz a színelméletről.
A színek fontosságára és arra való tekintettel, hogy mennyi mindent kell tudni a színekről, érdemes egy kis időt eltöltened az alábbi linkek mindegyikének átnézésével. A következő cikkekben foglaltak nagy része hasonló lesz az itt leírtakhoz, de mindegyik cikk valószínűleg tartalmazni fog olyan dolgokat, amelyeket nem említettem, és növelni fogja az általános tudásodat a színek témájában.
- Az alapvető színsémák – Bevezetés a színelméletbe
- Színelmélet – Wikipedia
- Színelmélet – Dev.Opera
- Színelmélet – Wrox
- Színelmélet – Liquisoft
- Konzisztens színes felhasználói élmények létrehozása: Part 1,
A múlt héten Cameron Chapman egy kiváló cikksorozatot írt a Smashing Magazine számára a színekről, amire kifejezetten szerettem volna felhívni a figyelmet.
- 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: Saját színpaletták létrehozása
A design 7 összetevője
- Egység
- Gestalt
- Tér
- Dominance
- Hierarchia
- Balance
- Color I. rész: Színelmélet
- Szín II. rész: Hogyan használjuk a színeket
Töltsön le egy ingyenes mintát a Design alapjai című könyvemből.