Täiustage oma veebisaidi loetavust ja kasutajate kogemusi piisava kontrastsusega
Kontrast mängib olulist rolli veebisaidi disaini edukuses. Selle saidi tüpograafiast , kogu saidi piltidest, esiplaanide ja taustavärvide vahelisest kontrastist - hästi kujundatud saidil peab olema kõigis nendes valdkondades piisav kontrast, et tagada kvaliteetne kasutajakogemus ja pikaajaline saidi edukus.
Madal kontrast on halva lugemise kogemus
Veebisaidid, mille kontrast on liiga madal, võib olla raske lugeda ja kasutada, mis avaldab negatiivset mõju mis tahes saidi edule. Viletsuse kontrastsuse probleeme on sageli lihtne tuvastada. Tavaliselt saate seda teha, otsides lehte, mis on veebibrauseris muudetud, ja saate näha, kas tekst on liiga vale värvide valiku tõttu liiga raske. Siiski, kuigi võib olla lihtne kindlaks teha, millised värvid ei tööta hästi, võib tegelikult olla väga raske otsustada, millised värvid toimivad teistega võrreldes. Te ei pruugi seda, mis ei tööta, kuid kuidas te otsustate, mis töötab? Selle artikli pilt peaks aitama näidata teile erinevaid värve ja nende kontrasti esiplaanide ja taustavärvide vahel. Näete mõnda "head" paari ja mõnda "vaest" sidumist, mis aitab teil oma projektides õigeid värvivalikuid teha.
Kontrast
Üks asi, mida peaksite märkima, on see, et kontrast on rohkem kui lihtsalt, kui eredat värvi võrreldakse taustaga. Nagu te peaksite nägema ülalmainitud pildil, on mõned neist värve väga säravad ja eredad taustvärvides - näiteks sinist musta värvi, kuid ma nimetasin ikka veel kehva kontrastsust. Ma tegin seda, sest kuigi see võib olla hele, muudab värvikombinatsioon teksti keerukaks. Kui soovite lehe luua kogu sinise tekstiga mustal taustal, on teie lugejatel silmapilgutus väga kiiresti. Sellepärast ei ole kontrasti mitte ainult must ja valge (jah, see punt oli ette nähtud). Kontrast on reegleid ja parimaid tavasid, kuid disainerina peate alati neid eeskirju hindama, et veenduda, et need töötavad teie konkreetsel juhul.
Värvide valimine
Kontrast on vaid üks teguritest, mida tuleb arvestada oma veebisaidi disaini värvide valimisel, kuid see on oluline. Valides värve, pidage meeles brändi standardeid ettevõtte jaoks, kuid soovime ka pöörduda värvipaletite poole, mis võivad olla kooskõlas organisatsiooni brändijuhenditega, ei tööta hästi veebis. Näiteks olen alati leidnud, et kollane ja ere roheline on veebisaitidele efektiivselt tõhusaks proovimiseks. Kui need värvid on ettevõtte kaubamärgi juhistes, tuleb neid tõenäoliselt kasutada ainult aktsentvärvideks, sest on raske leida värve, mis mõlemad on hästi kooskõlas.
Samamoodi, kui teie brändi värvid on mustad ja valged, tähendab see suurepärast kontrastsust, kuid kui teil on pikkade tekstisiseseid saite, siis valge tekstiga mustanahaline taust hakkab väga raske lugema. Isegi must ja valge kontrast on suurepärane, valge tekst mustal taustal põhjustab pika läbipääsu silmade pinget. Sel juhul tahaksin värve muuta, et kasutada musta teksti valge taustal. See ei pruugi olla nii visuaalselt huvitatud, kuid te ei leia paremat kontrasti kui see!
Online-tööriistad
Lisaks oma disaini mõttele on veebipõhiseid tööriistu, mida saate oma saidi värvivaliku katsetamiseks kasutada.
CheckMyColors.com testib kõiki saidi värve ja annab aru lehe elementide kontrastsuse suhte kohta.
Lisaks, kui arvestada värvivalikutega, peaksite kaaluma ka veebisaidi juurdepääsetavust ja inimesi, kellel on värvipimeduse vormid. WebAIM.org aitab sellega, nagu ka ContrastChecker.com, mis testib teie valikuid WCAGi juhiste järgi.