Átnézzük a különböző színcsaládok mögött rejlő jelentéseket és hozok néhány példát is mindegyikre. Merüljünk is el a színelméletben.
Az egyik legszubjektívabb dolog egy weboldal tervezésénél a színek meghatározása. Egy adott szín minden személyből más reakciót válthat ki. Ezt befolyásolja a származás (európa, ázsia, stb…), valamint egy asszociáció, illetve a személyes preferencia is.
A színelmélet egy különálló tudomány, amelyekre szakmák épülnek, mint például a színtanácsadók vagy a márkatanácsadók. Annak tudatában, hogy a színek milyen nagy hatással vannak az emberekre, fontos figyelembe venni a tervezés folyamán.
Egy adott színben sok minden rejlik. Elég csak a telítettségét vagy az árnyalatát megváltoztatni és máris teljesen más hatást érhetünk el vele. A kulturális különbségek miatt is érdekes, hiszen míg egy adott országban az érintett szín boldogságot vált ki az emberekből, addig egy másik régióban akár szomorúságra is utalhat.
Ebben a bejegyzésben megnézzük a színcsaládokat és azok jelentéseit. Mindegyikre példákat is fogok hozni, hogy egyértelműek lehessenek. Későbbi bejegyzésekben fogjuk áttekinteni, hogy egy adott szín árnyalatai hogyan befolyásolják annak jelentését és adok pár tippet, hogyan tudod a színpalettát a saját terveidhez igazítani.
Meleg színek
A meleg színekhez sorolható a piros, narancs, sárga, valamint ezek variációi. Ezek a színek jelennek meg ősszel, valamint napfelkeltekor és napnyugtakor is. Általában pozitívak, szenvedélyesek, energizálóak.
A sárga és a piros elsődleges szín, narancssárga pedig másodlagos színnek számít, pont a kettő közé esik, ami azt jelenti, hogy a meleg színek és a hideg színek kombinációjaként jön létre. Használj meleg színeket a design-odban, ha szenvedélyt, boldogságot, lelkesedést és energiát szeretnél tükrözni.
Piros
A piros egy nagyon meleg szín. A tűzhöz, erőszakhoz, háborúhoz, szerelemhez, szenvedélyhez kapcsolódik. Ezt a színt hozzák összefüggésbe az ördöggel és Ámorral is. A vörös általában növeli a vérnyomást és a légzésszámot, valamint fokozza az emberi anyagcserét is.
A vörösről sokan a haragra asszociálnak, de a fontosságot, kiemeltséget is jelentheti (gondoljunk csak a vörös szőnyegre a díjátadókon). Ezen felül jelenthet tiltást, veszélyt is, mint például a féklámpa, stop tábla, figyelmeztő jelzések.
Mint fentebb említettem már a színek jelentései kultúránként eltérnek, így például a keleti kultúrában a jólét, boldogság színe a piros, ezért például menyasszonyok is viselik. Ezzel ellentétben Dél-Afrikában a gyász színe. A piros színről akár a kommunizmusra is lehet asszociálni.
A piros népszerűsége miatt lett az AIDS tudatosság kampány színe Afrikában.
A piros erőteljes, hangsúlyos szín, így nagyon vigyázni kell egy design tervezésénél, hogy ne essünk túlzásba a használatával, hiszen az egész oldalt elviheti akár egy nem kívánt irányba is. Kiválóan használható, ha az erőt vagy a szenvedélyt szeretnénk megjeleníteni. A piros egy nagyon sokoldalú szín, hiszen a világosabb verziók energikusabbak, míg a sötétebb árnyalatok az eleganciára, erőre utalnak.
Példák
A snowmedia design-nál az élén piros szín energiát és lendületet biztosít az oldalnak.
Az oberwave oldalán található mélyebb vörös szenvedélyessé teszi az oldalt.
A hyperdunk-hoz tervezett design-ban található világosabb piros energikussá teszi az oldalt, anélkül, hogy agresszivitást sugározna.
Ezen a design-on található monochrom piros retro stílust vált ki a célközönségből.
Ezen az oldalon egy élénk piros színt használnak, amely azonnal a megfelelő helyre irányítja a tekintetet.
Narancs
A narancs szín egy nagyon energikus, élénk szín, amelynek egy halvány árnyalatáról viszont az őszre asszociálunk. Pont emiatt is a narancssárga szín általában a mozgást, változást szimbolizálja, valamint a kreativitáshoz is kapcsolódik.
Mivel maga a narancs szó egy gyümölcsre is utal, ezért a vitalitással is kapcsolatba hozható. A design-okban ez a szín felhívja magára a figyelmet, de még se annyira erőteljesen, mint a piros szín. Általában barátságosabb szín, mint a piros.
Példák
Ezen a példán is jól látszik, hogy az élénk narancsságra szín energiát sugároz.
A LoGing weboldala a narancs színt finoman használja, mint egy kiemelő színt, ezáltal sokkal elegánsabbá válik az oldal.
Maga a narancssárga dinamikája miatt, kiválóan használható kiemelésre is. Ahogy ránéz bárki erre az oldalra, azonnal a fókusz a narancs részre esik.
Sárga
A sárgát a leginkább energetizáló színnek tartják a meleg színek közül. A boldogsághoz, napsütéshez köthető. Azonban a sárga az irigység, csalás, gyávaság színe is.
Érdekesség, hogy bizonyos kultúrákban sárga szalagokkal díszitik a házakat, mikor szeretteik háborúba vonulnak, ezzel fejezve ki a hazatérés reményét. A sárga a veszély színe is, de nem olyan nagy erőteljesen, mint a piros.
A sárga szín jelentése is változik országonként, hiszen Egyiptomban például a gyász színe, Japánban a bátorság jelképe, Indiában pedig a kereskedők színe.
A csecsemőknél, kisgyermekeknél a lágyabb sárgát a semlegességre használják (kék vagy rózsaszín helyett). Nyugodtabb boldogság érzetet keltenek a halványabb sárgák. Az arany árnyalatú sárgák a gazdagságra, luxusra utalhatnak, de az arany különböző árnyalatai akár antiknak is tűnhetnek, valamint állandóságra utal.
Példák
A módi weboldalnál a sárga élénk, de nem elsöprően.
Ez az oldal egy erőteljesebb sárgát használ, amelytől mégis egyszerűvé válik az oldal.
A sárga szín használata kiemelő színként tipográfiában azonnali hatást vált ki.
Hideg színek
A hideg színek közé sorolhatóak a zöld, kék és a lila. Ezek általában visszafogottabbak, mint a meleg színek.
A hideg színek közül a kék az egyedüli elsődleges szín, ami azt jelenti, hogy a többi hideg szín a kék és valamilyen meleg szín keverése által jön létre. (kék+sárga = zöld; kék+piros = lila)
Ez okozza, hogy a zöld felveszi a sárga bizonyos attribútumait, míg a lila a pirosét. A hideg színek használata által nyugalmat és professzionalizmust sugározhat egy weboldal.
Zöld
A zöld egy kifejezetten földhöz ragadt szín. Új kezdetet és növekedést is jelenthet, valamint a megújulásra és bőségre is utal. Más esetben a zöld az irigység, féltékenység és tapasztalat hiánya is.
A zöldnek sok nyugtató hatása is van, akár a kéknek, de magába foglalja a sárga dinamikáját is. Egy design esetén a zöld hatása kiegyensúlyozottság, harmónia és stabilitás.
Kiválóan használható megújulás érdekében, illetve a természet színe is. Az élénkebb zöldek energikusak, míg az olíva zöld a természetet képviseli. A sötét zöld a stabilitást és a jólétet képviseli.
Példák
Az élénk zöld szín egyszerre hoz dinamikát és nyugalmat.
A zöld ezen árnyalata egyértelműen a természetre utal.
A zöld sötétebb árnyalatával a teljes stabilitást, nyugalmat tükrözi.
A zöld sárgásabb színe dinamikusabb és a növekedés érzetét kelti.
Kék
Az angol nyelvben a kéket gyakran a szomorúsággal társítják, míg széles körben használják a nyugalom és a felelősség színének is. A világoskék frissítő és és barátságos. A kék a béke színe is és több kultúrában a spiritualitás színe is.
A kék jelentését nagyban befolyásolja az árnyalata. Egy design esetén a világoskéket nyugalmat sugároznak, míg a ragyogó kékek energetizálóak és frissítő hatásúak. A sötétkék és a tengerészkék kiválóan alkalmas vállalati oldalakra, ahol az erőt és a megbízhatóságot szeretnénk tükrözni.
Példák
Ezen a weboldalon használt kék frissítő hatású.
A tengerészkék használatával egy nagyon elegáns, magabiztos hatást érünk el.
Lila
Az ókori időkben a lila előállítása nagyon költséges volt, így csak a királyi családok, illetve a nagyon gazdagok engedhették meg maguknak.
A lila a kék és a piros kombinációja, ezáltal felvesz mind a kettő tulajdonságaiból. A kreativitással és a képzelőerővel is összefügg.
Thaiföldön a lila a gyász színe, míg a sötétlila a gazdagsággal és a jogdíjakkal társítható. A világosabb lila, mint például a levendula lila a romantikára utal.
Példák
A lila színsémával a kreativitás hatását érjük el.
A sötétlila színnel a kifinomultságra utalunk.
Neutrális színek
A semleges színek nagyon jól használhatóak egy weboldal háttereként élénk színekkel kombinálva. Önmagukban is használhatóak, ezáltal egy kifinomult stílust tudunk elérni. A neutrális színeket nagyon befolyásolják az azt körülvevő színek.
Fekete
A fekete a legerősebb a neutrális színek közül. Pozitív jelentése az erő, elegancia. A negatív oldalon a gonosz, halál, rejtély. A nyugati országok nagy részében a fekete a gyász színe. Más kultúrákban a lázadással vagy a Halloween-nel hozható összefüggésbe.
A feketét gyakran használják pörgősebb, elegánsabb design-okban is. Lehet konzervatív vagy modern, hagyományos vagy nem szokványos, attól függően, hogy milyen színekkel kombináljuk. Ezt a színt gyakran használjuk tiprográfiához. A titokzatosság, kifinomultság érzését lehet vele kelteni.
Példák
A feketével titokzatosság tudunk tenni például egy termékbemutató oldalt.
A fekete háttér tökéletes alap a csodás ételfotókhoz.
A fekete tipográfiával egy teljesen modern hatást lehet elérni.
Fehér
A fehér az ellentétje a feketének, de a feketéhez hasonlóan bármilyen színnel használható. A fehéret gyakran a tisztasághoz, erényhez társítják. A nyugati kultúrákban tipikusan a menyasszonyok viselik az esküvőn. Az egészségügyhez is köthető, mint az orvosok, nővérek, fogorvosok által viselt köpeny. A fehéret a jósághoz is társítják és rendszeresen az angyalokat is fehér színben ábrázolják.
A keleti kultúra nagy részében azonban a fehér a gyászhoz és a halálhoz köthető. Az indiai kultúrában az özvegyek által viselt szín.
Weboldalaknál a fehéret általában háttérnek használják, így könnyen kiemelhetőek más színek által a fontos dolgok. Segíthet a tisztaság és az egyszerűség közvetítésében is, valamint nagyon népszerű a minimalista design-okban. A fehér minták a telet és a nyarat is ábrázolhatják, attól függően, hogy milyen egyéb színeket használunk mellé.
Példák
A minimalista stílusra tökéletes példa a fenti megjelenés, de mégis modern hatást kelt.
A fehér betűszín használata a letisztultság érdekében.
Szürke
A szürke egy semleges, nagyon kifinomult szín, amely néha hangulatosnak, néha nyomasztónak tűnik. Általában vállalati design-oknál használjuk, ahol fontos hangsúly fektetni a formalitásra és a professzionalizmusra. A tiszta szürke a fekete árnyalatai, bár bizonyos szürkékben a kék és a barna árnyalatok keveredhetnek. A design-oknál nagyon gyakori a szürke háttér vagy a szürke tipográfia.
Példák
A szürke különböző hatásait használják a különböző szakaszoknál. Ezáltal az oldal nagyon moderné és kifinomulttá válik.
A halvány szürke háttér, már szinte fehérnek hat. Nagyon gyakori elem a weboldalaknál.
A szürke háttéren egy modern betűtípus az egész weboldalt nagyon moderné varázsolja.
Barna
A barna a földhöz, fához, természethez kötődik. Egy teljesen természetes, semleges, meleg szín. A barna a megbízhatósággal, szilárdsággal hozható össze, de sokszor egy unalmas szín.
A design-oknál általában háttér színként használjuk. Segít melegséget kölcsönözni az adott weboldalnak. Néha a fekete helyettesítésére használjuk akár tipográfiában, akár a háttérként is.
Példák
A CO weboldalán nagyon szépen látszik, ahogyan használják a barna színű tipográfiát, valamint azonnal kiszúrható a barna színű call to action gomb is.
A barna szín használata háttérként, mely utal a természetre is.
Bézs
A bézs egy különleges szín, hiszen a körülötte használt színektől válhat hideg vagy meleg színné. Megtalálható benne a barna melegsége és a fehér hidegsége. A barnából eredendően néha unalmasnak tűnhet.
A bézs színt web design-ban általában háttérként használjuk. Ami nagy előnye, hogy felveszi a körülötte lévő színek hatását és így csekély benyomást kelt az összhatásra.
Példák
A bézs szín használatával egy nagyon elegáns design-t kapunk.
A bézs háttérszín szinte észrevehetetlen, abszolút nem hangsúlyos.
Krém
A krém szín rendelkezik a barna melegével, valamint a fehér hűvösségével. Általában nyugodt szín, amelyhez egy kicsit melegebb, mint a fehér.
Web design-ban ez a szín eleganciát és nyugalmat kölcsönöz. A föld színeivel is kiválóan használhatóak, mint például az őszibarack vagy a barna, de sötétebb színek világosabb látszatát is kelti.
Példák
A the roar web oldalánál a krém szín, mint háttér jelenik meg.
A krém színt, ha fekete háttérrel használjuk, akkor nagyon szembetűnő eredményt érhetünk el.
Összefoglaló
A színek nagyon befolyásolják érzelmeinket, érzéseinket. Pont ezért fontos a megfelelő használatuk, hogy a színek összhangban legyenek a tulajdonságokkal, amiket ki akarunk fejezni a látogató számára.
Összefoglalva a színek jelentései:
- Piros: szenvedély, szerelem, harag
- Narancs: energia, boldogság, vitalitás
- Sárga: boldogság, remény, csalás
- Zöld: új kezdet, bőség, természet
- Kék: nyugalom, felelősség, szomorúság
- Lila: kreativitás, előkelőség, gazdagság
- Fekete: rejtély, elegancia, gonosz
- Szürke: hangulatos, konzervatív, formalitás
- Fehér: tisztaság, erény
- Barna, bézs: konzervatív, jámbor, unalmas
- Krém: nyugodt, elegáns, tiszta
Ha szeretnél még több példát megnézni a színekre, akkor nincs más dolgot, mint nézd meg a Pinterest board-okat.
