A szín az arculat egyik leggyorsabban érzékelhető eleme. Mielőtt valaki elolvassa a szöveget, már benyomást szerez a hangulatról és a vállalkozás karakteréről. A színválasztás ezért tervezési döntés: az üzenetet, a célközönséget és a használati környezetet együtt kell figyelembe venni.
Jelentések, nem merev szabályok
A kék gyakran nyugalmat és megbízhatóságot, a piros energiát és figyelmet, a narancs közvetlenséget idéz fel. A zöld és a barna természetközeli hangulatot teremthet, a sárga derűs hangsúlyt adhat. A fekete, a fehér és a szürke rendezett vagy elegáns megjelenést támogathat. Ezek azonban nem minden kultúrában és helyzetben azonos jelentések: ugyanaz a szín más képpel, betűtípussal vagy szomszédos árnyalattal teljesen mást közvetíthet.
Olvashatóság és következetesség
Egy paletta akkor működik, ha a főszín mellett a háttér, a szöveg és a kiemelések szerepe is világos. Ellenőrizd a kontrasztot, és ne csak színnel jelezd a hibát, az állapotot vagy a fontos információt. A képernyős RGB- és a nyomdai színváltozatokat külön kell meghatározni. Egy próbalap vagy egy valódi mobilképernyő többet mond a használhatóságról, mint egy önmagában szép színminta.
- Alapszínek: A háttér és a főszöveg együtt ad olvasható kiindulópontot a teljes felület többi elemének.
- Kiemelések: Az erős árnyalat a fontos lépésre tereli a figyelmet, ha nem versenyez minden más részlettel.
- Állapotok: A hiba és a fókusz felismerését a szín mellett szöveg vagy más egyértelmű jelzés segíti.
Minden színnek legyen szerepe
Hasznosabb először szerepeket választani, mint sok tetszetős árnyalatot összegyűjteni. Legyen egy elsődleges márkaszín, legyenek jól olvasható szöveg- és háttérszínek, és különüljön el a fontos cselekvés kiemelése. Egy étterem weboldalán például a hangulatos fotók mellett a foglalási gombnak is könnyen megtalálhatónak kell lennie. Ha minden elem egyformán erős színt kap, egyik sem lesz valódi hangsúly. A nyugodt alap és a tudatosan kiosztott kiemelések együtt teremtenek világos hierarchiát, ezért a színrendszert teljes oldalakon érdemes próbálni.
Színek világos szerepekkel.
- Alap: A háttér és a szöveg legyen jól olvasható.
- Kiemelés: A fontos gomb kapjon felismerhető hangsúlyt.
- Állapot: A hibát ne csak a szín jelezze.
A környezet megváltoztatja az érzékelést
Egy színmintát ne csak fehér lapon értékelj. Ugyanaz az árnyalat sötét fotón, törtfehér papíron és szomszédos élénk színek mellett másként hat. A termékfotók, a betűméret és a felület anyaga is része az összképnek. Például egy természetközeli szolgáltatás használhat visszafogott zöldet, de a zöld önmagában még nem igazolja a környezeti állításait. A kommunikációban a képek és a konkrét információk támasszák alá a választott hangulatot. Így a szín nem üres jelzés, hanem a hiteles bemutatás egyik eszköze lesz.
Kontrasztot a valódi tartalommal vizsgálj
A kisebb, vékonyabb betűvel szedett szövegnek általában nagyobb kontrasztra van szüksége, mint egy nagy címsornak. A WCAG követelményeit a konkrét szövegre és használatra alkalmazd; ne egy teljes palettát minősíts egyetlen mérés alapján. Ellenőrizd a normál, hover-, fókusz- és hibajelző állapotokat is. Egy űrlap hibáját szöveggel és felismerhető jelzéssel tedd érthetővé, ne csupán piros kerettel. A sötét mód vagy egy fényes mobilkijelző új helyzetet teremthet, ezért a használhatóságot több környezetben kell kipróbálni.
Átadás és későbbi frissítés
Rögzítsd a színek nevét és szerepét, ne csak a kódjukat. A fejlesztő számára a „főszöveg” és az „aktív gomb” hasznosabb kiindulópont, mint két egymástól független színminta. Külön jelezd a képernyős és nyomdai változatot, valamint azt, ha egy élénk árnyalat csak közelítően adható vissza egy adott technológiával. Új kampánynál ne keletkezzen észrevétlenül egy második paletta. A kiegészítő szín is ugyanabba a szereprendszerbe kerüljön, és a korábbi anyagokkal együtt legyen ellenőrizhető.