Ferbetterje jo webside's lêsberens en brûkersûnderfining mei adekwate kontrast
Kontrast spilet in wichtige rol yn it sukses fan in ûntwerp fan in webside. Fanút dizze typografy fan 'e side, nei de kontrôlets tusken de foargrûn-eleminten en eftergrûnkleuren, moat in goed ûntworpen webstee in adekene kontrast hawwe yn alle gefallen om in kwaliteitsfernijing en lange termyn súkses te garandearjen.
Low Contrast is lykwols in Poor Reading Experience
Websteeën dy't yn kontras binne te leech binne kinne hurder en gebrûk meitsje, wat negative negatyf hawwe op súkses fan 'e side. De minne kleurkontrastproblemen binne faak maklik om te identifisearjen. Jo kinne gewoanlik krekt dwaan troch in side te meitsjen dy't yn in webblêder werjûn wurdt en jo kinne sjen oft de tekst te hurd is om te lêzen, om't der earmige kleuren kieze. Still, wylst it kin maklik wêze om te bestimmen hokker kleuren net goed gearwurkje, it kin eins geweldig wêze om te besluten wat kleuren goed yn tsjinstelling fan oaren wurkje. Jo kinne net wat net wurket, mar hoe sille jo bepale wat der wurket? It byld yn dit artikel moat jo helpe sjen fan ferskate kleuren en hoe't se kontrast binne as foargrûn en eftergrûnkleuren. Jo kinne in soad "goeie" ferpleechtsjes sjen en wat "minne" kombinaasje, dy't jo helpt om de krekte kleuren op jo projekten te meitsjen.
Oangeande kontrast
Ien ding dat jo oanpasse moatte is dat kontrast mear is as gewoan wat helder in kleur fergelike is mei de eftergrûn. As jo yn dat earder neamde ôfbylding sjogge, binne guon fan dizze kleuren tige ljocht en op 'e eftergrûnkleur ferskine - lykas blau op swart, mar ik leine it noch as in minere kontrast. Ik haw dat dien om't, wylst it ljocht kin, de farie-kombinaasje noch makket de tekst lestich te lêzen. As jo in blauwe tekst op in blauwe eftergrûn in side meitsje soene, hawwe jo lêzers hiel flugge eagen. Dêrom is it kontrast net allinich swart en wyt (ja, dy pun waard bedoeld). Der binne regels en best practices foar kontrast, mar as ûntwerper moatte jo dizze regels altyd evaluearje om der wis fan te wêzen dat se wurkje yn jo bepaalde ynstel.
Kies kieze
Kontrast is gewoan ien fan 'e faktoaren om te besjen by it wiskjen fan kleuren foar jo webside, mar it is in wichtige. By it keapjen fan kleuren, wurde fan 'e merkstandards foar it bedriuw achter bewarre, mar ek reagearje om kleurpaletten oan te rjochtsjen, wylst se meidwaan kinne mei in merkorganisaasje fan in organisaasje, wurkje net goed online. Bygelyks, ik haw altyd giele en ljochte griene fûnen fûn om sterk út te fieren om effisjint te brûken op websiden. As dizze kleuren yn 'e merk guodlinings fan in bedriuw binne, dan sille se wierskynlik allinich as aksintfarben wurde brûkt, om't it is dreech om kleuren te finen dy't goed mei-inoar tsjinsprekke.
Lykas as jo merkkleuren swart en wyt binne, betsjut dit geweldich kontrast, mar as jo in side hawwe mei langere mjittings fan tekst, mei in swarte eftergrûn mei wyt tekst sil it lêzen hiel hurd meitsje. Sels it kontrast tusken swart en wyt is geweldich, wyt tekst op in swarte eftergrûn feroarjen fan eagenstamm foar lange passaazjes. Yn dat gefal woe ik de kleuren yndrukke om swarte tekst op in wyt eftergrûn te brûken. Dat kin net as gewoane ynteresse wêze, mar jo fine gjin better kontrast as dat!
Online Tools
Neist jo eigen ûntwerpssinnigens binne der guon online arktypen dy't jo brûke kinne om jo kleurekst foar jo side te hifkjen.
CheckMyColors.com sil alle kleuren fan jo side besjen en rapportearje oer it kontrastverhältnis tusken eleminten op 'e side.
Dêrneist moatte jo as tagonklikens oer kleuren foar kieze, jo moatte ek tagonklikens fan webside en minsken hawwe dy't foarmen fan kleurblindens hawwe. WebAIM.org kin dêrmei helpe, lykas ContrastChecker.com, dy't jo karren hifkje tsjin WCAG-rjochtlinen.