Ką reikia žinoti
- Norėdami nustatyti geriausius tinklalapio dizaino fono ir pirmojo plano spalvų derinius, naudokite šio straipsnio diagramą.
- Naudokite internetinį įrankį, pvz CheckMyColors.com išbandyti savo svetainės spalvas ir pranešti apie puslapio elementų kontrasto santykį.
- Naudokite tokį įrankį kaip ContrastChecker.com išbandyti savo pasirinkimą pagal Žiniatinklio turinio prieinamumo gairės.
Šiame straipsnyje paaiškinta, kaip efektyviai sukurti kontrastą tarp fono ir pirmojo plano spalvų kuriant tinklalapius.
Kaip sukurti stiprų kontrastą
Kai kurios spalvos gali būti ryškios ir ryškiai rodomos tam tikroje fono spalvoje, pvz., Mėlynos ant juodos, tačiau jos yra netinkamos kontrasto parinktys. Pavyzdžiui, jei sukurtumėte puslapį visu mėlynu tekstu juodame fone, jūsų skaitytojai labai greitai patirtų akis.
Studijuokite žemiau pateiktą diagramą, kad suprastumėte geriausius fono / pirmojo plano derinius.
Yra kontrasto taisyklių ir geriausios praktikos pavyzdžių, tačiau kaip dizaineris visada turite įvertinti tas taisykles, kad įsitikintumėte, jog jos veikia jūsų konkrečiu atveju.
Naudokite internetinius kontrasto tikrintuvo įrankius
Be savo dizaino prasmės, išbandykite keletą internetinių įrankių, kad patikrintumėte svetainės spalvų pasirinkimą. CheckMyColors.com patikrins visas jūsų svetainės spalvas ir pateiks ataskaitą apie puslapio elementų kontrasto santykį.
Be to, galvodami apie spalvų pasirinkimą, taip pat turėtumėte atsižvelgti į interneto prieinamumą ir žmones, kurie turi spalvų aklumą. WebAIM.org gali padėti tai padaryti, kaip ir jūs ContrastChecker.com, kuris patikrins jūsų pasirinkimą Žiniatinklio turinio prieinamumo gairės.
Kodėl kontrastas yra svarbus?
Stiprus kontrastas vaidina svarbų vaidmenį kuriant bet kokio tinklalapio dizainą. Pakankamas kontrastas užtikrina kokybišką vartotojo patirtį ir geresnį įskaitomumą, kuris prisidės prie ilgalaikės svetainės sėkmės. Tačiau svetaines, kurių kontrastas yra per mažas, gali būti sunku skaityti ir naudoti, o tai neigiamai paveiks bet kurios svetainės efektyvumą.
Nors gali būti lengva nustatyti, kurios spalvos neveikia kartu, tai sunkesnis klausimas nuspręsti, kurios spalvos derinamos efektyviai, tiek priešingai nei kitos, tiek pagal a dizainą Interneto svetainė.
Prekės ženklo standartai ir kontrastingi spalvų pasirinkimai
Kontrastas yra tik vienas iš veiksnių, į kurį reikia atsižvelgti, kai pasirenkate savo svetainės dizaino spalvas. Renkantis spalvas, jūs taip pat turėsite atsižvelgti į prekės ženklo standartus klientui, nesvarbu, ar tai įmonė, ar kita organizacija, ar net asmuo. Nors spalvų paletės gali atitikti organizacijos prekės ženklo gaires, jų pristatymas internete gali būti netinkamas.
Pavyzdžiui, geltonos ir ryškios žalios spalvos yra labai sudėtingos efektyviai naudoti svetainėse. Jei šios spalvos yra įmonės prekės ženklo gairėse, greičiausiai jas reikės naudoti tik kaip akcentines spalvas, nes sunku rasti spalvų, kurios gerai kontrastuotų su viena iš jų.
Panašiai, jei jūsų prekės ženklo spalvos yra nespalvotos, tai reiškia didelį kontrastą, bet jei turite svetainę su ilgais teksto kiekiais, juoda fonas su baltu tekstu padarys skaitymą labai akį traukiančia patirtimi, nepaisant būdingo kontrasto tarp juodos ir baltos spalvos baltas. Šiuo atveju patartina apversti spalvas, naudojant juodą tekstą baltame fone. Tai gali būti ne taip įdomu vizualiai, tačiau tai yra kur kas geresnis kontrastas ir skaitomumo pasirinkimas.