Pagerinkite tinkamą jūsų svetainės įskaitomumą ir naudotojų patirtį
Kontrastas vaidina svarbų vaidmenį bet kurio svetainės dizaino sėkmei. Iš šios svetainės spausdinimo , į vaizdus, naudojamus visoje svetainėje, prieš kontrastą tarp pirmųjų planų elementų ir fono spalvų - gerai suprojektuota svetainė turi būti pakankamai kontrastinga visose šiose srityse, kad būtų užtikrinta kokybiška naudotojų patirtis ir ilgalaikis svetainės sėkmė.
Žemas kontrastas prilygsta prastai skaitymo patirčiai
Tinklalapius, kurių kontrastas yra per mažas, gali būti sunku skaityti ir naudoti, o tai turės neigiamos įtakos bet kurios svetainės sėkmei. Blogus spalvų kontrastus dažnai lengva identifikuoti. Dažniausiai galite tai padaryti, tiesiog peržiūrėję puslapį, kuris pateikiamas žiniatinklio naršyklėje, ir jūs galite pamatyti, ar tekstas yra per sunku skaityti dėl netinkamų spalvų pasirinkimo. Vis dėlto, nors gali būti lengva nustatyti, kurios spalvos neveikia kartu, gali būti labai sudėtinga nuspręsti, kokios spalvos gerai veikia priešingai nei kiti. Galite ne tai, kas neveikia, bet kaip jūs nustatysite, kas veikia? Šiame straipsnyje pateikiamas vaizdas turėtų padėti jums parodyti įvairias skirtingas spalvas ir tai, kaip jie kontrasto kaip į priekį ir fono spalvas. Jūs galite pamatyti "geras" poras ir "prastą" porą, kuri padės jums tinkamai pasirinkti spalvas jūsų projektuose.
Dėl kontrasto
Vienas dalykas, kurį turėtumėte atkreipti dėmesį, yra tai, kad kontrastas yra daugiau nei tiesiog šviesios spalvos, palygintos su fone. Kaip jūs turėtumėte pamatyti minėtame paveikslėlyje, kai kurios iš šių spalvų yra labai ryškios ir ryškiai rodomos fono spalvomis - pvz., Mėlynos spalvos - juodos spalvos, bet vis tiek pažymėčiau, kad jie turi prastą kontrastą. Aš tai padariau, nes, nors jis gali būti ryškus, spalvų derinys vis tiek verčia tekstą sunkiai perskaityti. Jei jūs sukūrėte puslapį visame mėlyname tekste juodame fone, jūsų skaitytojai labai greitai pastebėtų akių skausmą. Štai kodėl kontrastas yra ne tik juodos ir baltos spalvos (taip, tai buvo numatytas). Yra kontrastingų taisyklių ir geriausios praktikos pavyzdžių, tačiau, kaip dizainerio, visada turite įvertinti tas taisykles, kad įsitikintumėte, jog jie dirba konkrečiu atveju.
Spalvų pasirinkimas
Kontrastas yra tik vienas iš veiksnių, kuriuos reikia apsvarstyti pasirinkdami jūsų svetainės dizaino spalvas, tačiau tai yra svarbu. Renkantis spalvas, atkreipkite dėmesį į prekės ženklo standartus bendrovei, tačiau taip pat norėtumėte kreiptis į spalvų paletes, kurios, nors ir atitinka organizacijos prekės ženklo gaires, netinkamai veikia internete. Pvz., Visada radau geltoną ir ryškią žalumyną, kad būtų labai sunku veiksmingai naudoti tinklalapiuose. Jei šios spalvos yra įmonės prekės ženklo gairėse, jas greičiausiai reikės naudoti tik akcentuojančioms spalvoms, nes sunku rasti spalvas, kurių kontrastas gerai.
Panašiai, jei jūsų prekės ženklo spalvos yra juodos ir baltos, tai reiškia gerą kontrastą, tačiau jei turite svetainę su ilgais teksto kiekiais, juodos spalvos fonas su baltu tekstu labai sunkiai skaito. Net juodos ir baltos spalvos kontrastas yra puikus, baltos spalvos tekstas juodame fone sukelia akių įtampą ilgiems ištraukoms. Tokiu atveju, norėčiau inverzuoti spalvas, kad būtų naudojamas juodas tekstas baltuoju fone. Tai gali būti ne taip vizualiai įdomu, bet jūs negalėsite rasti geresnio kontrasto nei tas!
Internetiniai įrankiai
Be jūsų paties dizaino prasmės, yra keletas internetinių įrankių, kuriuos galite naudoti, kad išbandytumėte savo svetainės spalvų pasirinkimą.
CheckMyColors.com išbandys visas svetainės spalvas ir praneša apie kontrastų santykį tarp elemento puslapyje.
Be to, galvodamas apie spalvų pasirinkimą, taip pat turėtumėte apsvarstyti svetainės prieinamumą ir žmones, kurie turi spalvų aklumą. WebAIM.org gali padėti tai padaryti, kaip ir "ContrastChecker.com", kuris patikrins savo pasirinkimus, vadovaudamasis WCAG gairėmis.