Az elmúlt 5-6 hónapban, mióta az oldal működik, viszonylag sok mindenről olvashattatok, informálódhattatok és tanulhattatok itt a blogon, aminek örülök is, hiszen épp ezért született. Egy eléggé alapvető dologról viszont még nem esett szó, pedig szinte ugyanolyan, sőt még talán fontosabb is mint az eddig elhangzottak. A színek. Nap mint nap találkozunk velük, használjuk őket mindig, mindenhol és mégis oly keveset beszélünk róluk.

Ezzel a bejegyzéssel meg szeretném osztani a színekkel kapcsolatos tapasztalataimat, a színekről tanultakat és pár alapvető tudnivalót, amit illik ismerni mindenkinek aki ezen a területen dolgozik, vagy akár hobbiból foglalkozik a designal.

Cikkünk a hirdetés után folytatódik!

Mik is azok a színek?

A színek, a fény ember számára érzékelhető tulajdonsága – mivel a fény energia, így a szín is az. 1666-ban Isaac Newton megállapította, hogy a nap fénye több szín keveréke, miután felfedezte, hogy ha fényt prizmán futtat át, az hét alapszínre bomlik: piros, narancs, sárga, zöld, kék, indigó és lila. Különböző tárgyakat, testeket azért látunk más színűnek, mert minden anyag más és más hullámhosszú fényt nyel el és ver vissza. A színek tulajdonképpen a különböző hullámhosszú fénysugarak agy reprezentációja (ábrázolása).

A színek megértése

A web design területén egy szín megítélése erősen szubjektív. A fekete szín sugallhat pl. eleganciát, anyagi biztonságot (talán már fel is sejlett előttünk egy elegáns fekete limuzin képe) de könnyedén társulhatnak hozzá kellemetlen képzetek is, pl. halál, gyász, kilátástalanság stb. Ráadásul egy weboldal, logó vagy névjegykártya tervezésénél nem csak egy színnel fogunk dolgozni. Ahhoz, hogy a design hatásos legyen, kettő, vagy esetleg még több színt kell felhasználnunk. Sajnos a megfelelő színek kiválasztása nem egyszerű feladat – a mai monitorok, 16 millió szín megjelenítésére képesek, így a bőség zavarában igen könnyű rosszul választani.

Rossz választások

Rossz választások

Ennek a problémának az áthidalását segíti az alább található néhány alapelv, amelyek segítenek a megfelelő színek kiválasztásában, és azok harmonikus párosításában.

A három alapszín

A színek fizikai besorolása szerint három olyan szín van, amelyet nem lehet más színek keverékéből előállítani, illetve ez az a három szín, amelyeknek különböző arányú keverékéből tevődik össze az összes többi szín. Ez a három alapszín, vagy más néven tiszta szín: a piros, a sárga és a kék.

A három alapszín

A három alapszín

A másodlagos színek

A másodlagos színek a három alapszín egyenlő mértékű keveréséből állítódnak elő. A három másodlagos szín a zöld, a narancs és a lila.

Másodlagos színek

Másodlagos színek

A harmadlagos színek

A harmadlagos színek az elsődleges és a mellettük álló másodlagos színek keverésével jönnek létre: sárga-narancs, piros-narancs, piros-lila, kék-lila, kék-zöld, és sárga-zöld.

Harmadlagos színek

Harmadlagos színek

Hideg és meleg színek

Akár az életben, a tervezés során is a harmóniát a megfelelő ellentétek átgondolt ellensúlyozásával érhetjük el. A színeket e célból két csoportba soroljuk, hideg illetve meleg színek.

Hideg és meleg színek

Hideg és meleg színek

Meleg színek

Meleg színek a pirostól sárgáig található színek, beleértve a barnát, narancsot és rózsaszínt. Azért nevezzük őket meleg színeknek, mert a tűz, vagy a napfény jut róla a legtöbb ember eszébe. Különleges tulajdonságuk, hogy tértágító hatásúak.

Hideg színek

A hideg színek a zöldtől a kékig helyezkednek el az ábrán, de a lila egyes árnyalatait is ide sorolhatjuk. A hideg színeket inkább hátterekben alkalmazzuk, és a nyugalom, valamint a visszafogott feszültség hatását keltik.

A fehér, a fekete és a szürke színeket semleges színeknek nevezzük.

További hasznos szín-elméleti kifejezések

A színelméletben még használatos kifejezések:

  • Szín érték – a színek élénkségét illetve annak hiányát jelenti
  • Szaturáció vagy intenzitás – a szín derítettségét és tompítottságát jelenti
  • Króma (telítettség) – a szín fehértartalmának mértékét jelenti
  • Tompítás – ha egy színhez feketét adunk
  • Derítés – ha egy színhez fehéret adunk
Tompítás és Derítés

Tompítás és Derítés

  • RGB színek: az egy helyen összegyűlő fényenergiák összessége. (RGB az angol Red, Green és Blue szavakból amelyek a piros, a zöld és a kék színt jelölik. A zöld a sárgát helyettesíti.) Ezt a színfelosztást alkalmazzák a monitorok.
  • CMYK (Cyán, Magenta, Yellow, Black – cián, bíbor, sárga, fekete) Ezt a színalkotást alkalmazzák nyomdatechnikánál. Ezt az eljárást szubsztraktív fényalkotásnak is nevezik, mert ezek a három alapszín egymásból való kivonásával keletkeznek. Ezzel az eljárással valamivel rosszabb minőséget lehet elérni, mint az RGB technikával, főleg a sárga-zöld szín tekintetében.
  • PMS (Pantone Matching System) színek: A Pantone színeket szintén a nyomdatechnikában alkalmazzák. A Pantone Corporation szabadalma. Egy kiterjedt színkeverék listát takar, sajnos nagyon költséges eljárás.
  • Hexakróm: a hexakróm eljárás szintén a Pantone fejlesztése. Gyakorlatilag a CMYK színekhez a Pantone Hexakróm Narancs és a Pantone Hexakróm Zöld színek hozzáadásával dolgozik. Nyomdatechnikában használják, a CMYK és a PMS továbbfejlesztett változata.

A színek jelentése

Elgondolkodtunk már azon, hogy Las Vegas vajon miért a vörös neonok városa? Azért, mert a piros szín hatására az emberek kockázatvállalási hajlama megnő, míg pl a kék lenyugtatja az játékkedvet. Tudományos kísérletekkel már rég kimutatták, hogy különböző színeknek más és más hatása van az emberi agyra, okozhatnak éhséget, izgalomba hozhatnak, lenyugtathatnak, kelthetik hideg illetve meleg érzetét.
Amint azt már korábban említettük, a színek megítélése erősen szubjektív, azonban van egy pár egyetemes jelentés, amelyet egyes színeknek tulajdonítunk. Ezek közül található alább egy-két példa:

  • Fekete: rejtélyesség, elegancia, halál, hatalom, gyász
  • Kék: szomorúság, nyugalom, hűség
  • Zöld: bőség, nyugalom, frissesség
  • Sárga: boldogság, összpontosítás, remény
  • Piros: szenvedély, düh, veszély, szerelem
  • Fehér: tisztaság, ártatlanság
  • Lila: nemesség, luxus, vagyon, szofisztikáltság
  • Krém szín: elegancia, tisztaság
  • Szürke: visszafogottság, formalitás

Az interpretációk azonban jelentősen kultúra-függőek:

  • Kínában a fekete a jó minőség és a bizalom színe
  • A kék szín Iránban a halhatatlanságot jelképezi
  • A zöld szín Japánban a high-tech színe, míg a Közel-Keleten a szerencse, Dél Amerikában pedig a halál színe
  • Mexikóban a sárga a gyász színe, míg Szaud Arábiában a erőt sugall
  • A piros szín igen sokrétű jelentéssel bír: Kínában a jó szerencse szimbóluma, Európában veszélyt jelez, az Elefántcsontparton a gyász, Törökországban pedig a halál jelképe
  • A fehér Japánban a gyász színe

A szín a barátunk, vagy az ellenségünk?

Míg a színek nagyban segíthetnek minket, furcsa viselkedésüknek köszönhetően könnyen válhatnak ádáz ellenségünkké. Furcsa? Vessünk egy pillantást az alábbi képre és próbáljuk meg kitalálni hány színt tartalmaz. Első ránézésre azt gondolnánk, négyet.

Színjáték

A helyes válasz: három

Ne feledjük: a szín fény, a fény energia, így a szín is energia.

Szerző:

A codeART 2009-ben alakult és azóta gyűjt inspiráló cikkeket és publikál design és webfejlesztés témában érdekes és hasznos leírásokat.

5 Hozzászólás

  1. Kissé lehet, hogy túlrészletező, de mindenképpen jó leírás :) Gratulálok!

  2. Pedig mennyi mindent lehetne még írni róla. Köszönöm.

  3. Kedves szerző!

    Bocsáss meg a kukacoskodásért :) de nekem abszolút szín látásom van és a legutolsó képen azonnal fennakadtam, merthogy az én szemem szerint igenis 4 szín látható.

    S lám! Valóban. Ellenőrizd le! A két középső lilás (lila) árnyalat 2 különböző szín. Tehát a helyes válasz 4.

    Baloldali: R 156 G 106 B 205
    Jobboldali: R 156 G 107 B 212

    De a cikk tetszett! Üdvözlettel: Franciska

  4. Sziasztok!

    Az én szemem is káprázott, de hittem az agyamnak, miszerint becsapták. Először azt hittem, hogy a -szemmel látható- nagymértékű “jpg” tömörítés miatt eltérő árnyalatú pixelekről vette Franciska a mintát (bocsi a feltételezésért), de ellenőriztem és igaza is lett.
    (Nem árt ehhez a teszthez egy jobb “IPS”, vagy “PVA” paneles monitor. Szerintem egy “TN” monitoron ezek a színek valahol a rózsaszín és a hupilila között lehetnek, vagy zöldek, bár nem ellenőriztem.)

  5. üdv:
    MotoFotó

    Kellemes Karácsonyt és Boldog Új Évet Kívánok!

Szólj hozzá!

Használható tag-ek:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Kérünk ne használd a kommentedet linkelésre, reklámozásra, spammelésre! Csak, tartalomhoz kapcsolódó linkeket kérünk!