Kontrasti on tärkeä rooli minkä tahansa sivuston suunnittelun onnistumisessa. Riittävä kontrasti takaa laadukkaan käyttökokemuksen ja helpomman luettavuuden, joka vaikuttaa sivuston pitkän aikavälin menestykseen.
Sivustoja, jotka ovat liian alhaisia, voi olla vaikea lukea ja käyttää, mikä vaikuttaa kielteisesti sivuston menestykseen. Huono värikontrastikysymys on usein helppo tunnistaa; usein voit yksinkertaisesti katsoa sivua verkkoselaimessa ja nähdä, onko tekstiä vaikea lukea huonojen vastakkaisten värien vuoksi.
Vaikka voi olla helppo määrittää, mitkä värit eivät toimi hyvin yhdessä, voi olla haastavaa päättää, mitkä värit toimivat hyvin toisin kuin muilla sivuilla. Tämä kaavio näyttää erilaisia värejä ja miten ne sopivat hyvin etualalle ja taustaväreiksi. Näet tehokkaat parit sekä huonot parit, jotka on vältettävä valitsemalla sivustosi hankkeiden värejä.
Kaikki voimakkaat kontrastit eivät ole hyviä
Yksi asia, jonka pitäisi huomata, on, miten jotkut näistä väreistä voivat olla hyvin kirkkaita ja näkyvät vilkkaasti tietyllä taustavärillä, kuten sinisellä mustalla, mutta ne on merkitty huonoiksi kontrastivaihtoehdoiksi. Tämä johtuu siitä, että väriyhdistelmä, sen kontrastista huolimatta, saa aikaan tekstin, jota on vaikea lukea. Jos haluat luoda sivun kaikkiin siniseen tekstiin mustalla taustalla, lukijasi kokivat silmien rasitusta hyvin nopeasti.
Sääntöjä ja parhaita käytäntöjä on kontrasti, mutta suunnittelijana sinun on aina arvioitava nämä säännöt varmistaakseen, että he työskentelevät sinun yksittäisessä tapauksessa.
Brändäysstandardit ja vastakkaiset värivalinnat
Kontrasti on vain yksi tekijöistä, kun harkitset sivustosi suunnittelun värejä. Kun valitset värejä, sinun on todennäköisesti otettava huomioon asiakkaan brändi-standardit, olipa kyseessä yritys, muu organisaatio tai jopa yksittäinen henkilö. Vaikka väripaletit voivat olla sopusoinnussa organisaation brändin ohjeiden kanssa, ne eivät välttämättä toimi hyvin verkkoesityksessä.
Esimerkiksi keltainen ja kirkkaan vihreät ovat haasteellisia tehokkaasti käyttämään verkkosivustoja. Jos nämä värit ovat yrityksen brändin ohjeissa, niitä on todennäköisesti käytettävä vain aksenttiväreinä, koska on vaikea löytää värejä, jotka eroavat toisistaan hyvin.
Samoin, jos brändin värit ovat mustavalkoiset, tämä merkitsee hyvää kontrastia, mutta jos sinulla on sivusto, jossa on runsaasti tekstiä, musta tausta valkoisella tekstillä tulee lukemaan hyvin silmiinpistävää kokemusta huolimatta kontrasti mustavalkoisena. Tässä tapauksessa on suositeltavaa kääntää värit mustavalkoisella tekstillä valkoisella taustalla. Tämä ei ehkä ole yhtä visuaalisesti mielenkiintoinen, mutta se on paljon parempi kontrasti ja luettavuusvalinta.
Online-työkalut
Oman suunnittelun merkityksen lisäksi on olemassa joitain verkkovälineitä, joiden avulla voit testata sivustosi värivalikoimaa. CheckMyColors.com testaa kaikki sivustosi värit ja raportoi sivun elementtien välisestä kontrastisuhteesta.
Lisäksi, kun ajatellaan värivalintoja, kannattaa myös harkita sivuston esteettömyyttä ja ihmisiä, joilla on värin sokeutumista. WebAIM.org voi auttaa tätä, samoin kuin ContrastChecker.com, joka testaa valintasi Web Content Accessibility Guidelines (WCAG) -ohjelmaa vastaan.
