Mida teada
- Parimate tausta ja esiplaani värvikombinatsioonide määramiseks veebilehtede kujundamiseks kasutage selles artiklis toodud diagrammi.
- Kasutage veebipõhist tööriista nagu CheckMyColors.com saidi värvide testimiseks ja lehe elementide vahelise kontrastsuse aruande esitamiseks.
- Kasutage sellist tööriista nagu ContrastChecker.com testida oma valikuid Veebisisu juurdepääsetavuse juhised.
Selles artiklis selgitatakse, kuidas veebikujunduses tõhusalt luua tausta ja esiplaani värvide vahel kontrasti.
Kuidas luua tugevat kontrasti
Mõned värvid võivad olla erksad ja ilmuda erksal taustal, näiteks sinine mustal, kuid need on valed kontrastivalikud. Kui loote näiteks mustal taustal kogu sinise tekstiga lehe, kogevad teie lugejad silmade väsimust väga kiiresti.
Uurige allolevat diagrammi, et saada aimu parimatest tausta / esiplaani kombinatsioonidest.
Kontrastiks on olemas reeglid ja parimad tavad, kuid disainerina peate neid reegleid alati hindama, et veenduda, et need töötavad teie konkreetses eksemplaris.
Kasutage veebikontrastsuse kontrollimise tööriistu
Lisaks oma kujundusmeelele proovige saidi värvivaliku testimiseks mõnda veebitööriista. CheckMyColors.com testib kõiki teie saidi värve ja annab aru lehe elementide vahelise kontrastsuse suhte kohta.
Lisaks peaksite värvivalikute üle mõeldes arvestama ka veebisaidi ligipääsetavusega ja inimestega, kellel on värvipimeduse vormid. WebAIM.org saab selles aidata, nagu ka ContrastChecker.com, mis kontrollib teie valikuid Veebisisu juurdepääsetavuse juhised.
Miks on kontrastsus oluline?
Tugeval kontrastil on oluline roll mis tahes veebisaidi kujunduse õnnestumisel. Piisav kontrastsus tagab kvaliteetse kasutuskogemuse ja hõlpsama loetavuse, mis aitab kaasa saidi pikaajalisele edukusele. Seevastu liiga madalate veebisaitide lugemine ja kasutamine võib olla keeruline, mis mõjutab negatiivselt mis tahes saidi tõhusust.
Ehkki võib olla lihtne kindlaks teha, millised värvid koos ei tööta, on see karmim küsimus otsustada, millised värvid sobivad tõhusalt, nii erinevalt teistest kui ka a kujundusest veebisaidil.
Kaubamärgi standardid ja kontrastsed värvivalikud
Kontrastsus on vaid üks teguritest, mida tuleb arvestada, kui valite oma veebisaidi kujunduse jaoks värve. Värvide valimisel peate tõenäoliselt arvestama ka kliendi brändistandarditega, olgu see siis ettevõte, muu organisatsioon või isegi üksikisik. Kuigi värvipaletid võivad olla kooskõlas organisatsiooni brändijuhistega, ei pruugi need veebipõhiseks esitlemiseks hästi tõlkida.
Näiteks kollane ja erkroheline on veebisaitidel kohutavalt keeruline neid tõhusalt kasutada. Kui need värvid on ettevõtte kaubamärgi juhistes, tuleb neid tõenäoliselt kasutada ainult aktsendivärvidena, kuna on raske leida värve, mis vastaksid hästi mõlemale.
Samamoodi tähendab see, et kui teie kaubamärgi värvid on mustvalged, tähendab see suurt kontrasti, kuid kui teil on pika tekstimahuga sait, Valge tekstiga taust muudab lugemise silmapaistvaks kogemuseks, hoolimata mustade ja mustade kontrastsuse omasest tugevusest valge. Sellisel juhul on soovitatav värvid ümber pöörata, kasutades musta teksti valgel taustal. See ei pruugi visuaalselt nii huvitav olla, kuid see on palju parem kontrastsuse ja loetavuse valik.