A kontraszt fontos szerepet játszik a weboldal tervezésében. Megfelelő kontraszt biztosítja a minőségi felhasználói élményt és könnyebben olvashatóságot, ami hozzájárul a webhely hosszú távú sikeréhez.
A túl alacsony kontrasztú weboldalak nehezen olvashatók és használhatók, ami negatív hatást gyakorolhat bármely webhely sikerére. A rossz színkontraszt kérdéseket gyakran könnyű azonosítani; gyakran egyszerűen csak megnézhetsz egy oldalt egy webböngészőben, és megnézheted, hogy a szöveg nehezen olvasható-e, mert rossz a színválasztás.
Bár könnyű meghatározni, hogy mely színek nem működnek együtt jól, kihívást jelenthet annak eldöntéséhez, hogy mely színek jól működnek másokkal ellentétben és egy weboldal tervezésénél. Ez a diagram a különböző színeket mutatja, és jól illeszkedik az előtér és a háttér színeihez képest. Látható néhány hatékony párosítás, valamint egy rossz párosítás, amelyet el kell kerülni a webhelyek projektjeinek színeinek kiválasztásakor.
Nem minden erős kontraszt jó kontraszt
Az egyik dolog, amit meg kell jegyezned a táblázatban, hogy ezek közül a színek közül néhány nagyon világos és vibrálóan jelenik meg egy adott háttérszínnel, például a kék fekete színnel, ám ezek rossz kontrasztúak. Ennek oka, hogy a színkombináció a kontraszt ellenére továbbra is nehéz olvasható szövegeket eredményez. Ha fekete háttéren minden oldal kék szöveget szeretne létrehozni, az olvasó nagyon gyorsan észlelné a szemhéját.
Szabályok és legjobb gyakorlatok vannak a kontraszt tekintetében, de mint tervezőnek mindig értékelnie kell ezeket a szabályokat, hogy megbizonyosodjon arról, hogy az adott példányban dolgoznak.
Branding szabványok és kontrasztos színválaszték
A kontraszt csak egy olyan tényező, amelyet fontolóra kell venni a weboldal tervezésének színeiben. A színek kiválasztásakor valószínűleg figyelembe kell vennie az ügyfél márkaszabványait, függetlenül attól, hogy egy vállalat, egy másik szervezet vagy akár egy magánszemély. Bár a színpaletták konzisztensek lehetnek a szervezet márkairányításával, nem feltétlenül fordítják le az online prezentációt.
Például, a sárga és a fényes zöldek rendkívül nagy kihívást jelentenek ahhoz, hogy hatékonyan használják a weboldalakat. Ha ezek a színek a cég márkajelzéseiben szerepelnek, valószínűleg csak akcentussal kell használni, mivel nehéz megtalálni azokat a színeket, amelyek jól illeszkednek egymáshoz.
Hasonlóképpen, ha a márkajel színei fekete-fehérek, akkor ez nagy kontrasztot jelent, de ha hosszantartó szöveggel rendelkező webhely van, akkor a fekete háttér fehér szöveggel fogja felolvasni egy nagyon szemérzékeny élményt, annak ellenére, hogy fekete-fehér kontraszt. Ebben az esetben tanácsos a színeket befordítani, fehér szöveggel fekete szöveg használatával. Ez talán nem olyan vizuálisan érdekes, de sokkal jobb kontraszt és olvashatóság választás.
Online eszközök
A saját tervezési értelemben kívül néhány online eszköz is használható a webhely színválasztásának tesztelésére. A CheckMyColors.com teszteli az összes webhely színét és jelentést tesz az oldalelemek közötti kontrasztarányról.
Továbbá, amikor a színválasztékra gondolsz, akkor fontolóra kell venni a weboldal hozzáférhetőségét és az embereket, akik színvaksággal rendelkeznek. A WebAIM.org ezzel segíthet, ahogyan a ContrastChecker.com is, amely megvizsgálja a Web Content Accessibility Guidelines (WCAG) használatával kapcsolatos döntéseit.
