Contrastul joacă un rol important în succesul designului oricăror site-uri web. Contrastul adecvat asigură o experiență de calitate a utilizatorului și o lizibilitate mai ușoară, care va contribui la succesul pe termen lung al unui site.
Site-urile web care au un contrast prea scăzut pot fi greu de citit și de utilizat, ceea ce va avea un impact negativ asupra succesului fiecărui site. Problemele de contrast slabe ale culorii sunt adesea ușor de identificat; de multe ori vă puteți uita pur și simplu la o pagină dintr-un browser web și puteți vedea dacă un text este greu de citit din cauza opțiunilor de culoare contrastante slabe.
Deși este ușor să determinați culorile care nu funcționează bine, se poate dovedi dificil să decideți ce culori va funcționa bine în contrast cu altele și în cadrul designului unui site web. Această diagramă arată o varietate de culori și modul în care ei bine contrazic culorile primare și de fundal. Puteți vedea o serie de legături efective, precum și o pereche slabă care ar trebui evitată atunci când alegeți culori pentru proiectele site-ului dvs.
Nu toate contrastele puternice sunt contraste bune
Un lucru pe care ar trebui să îl notați în grafic este modul în care unele dintre aceste culori pot fi foarte strălucitoare și pot apărea vibrant pe o anumită culoare de fundal, cum ar fi albastru pe negru, dar sunt etichetate drept alegeri de contrast scăzute. Acest lucru se datorează faptului că combinația de culori, în ciuda contrastului său, are ca rezultat un text greu de citit. Dacă ați crea o pagină în tot textul albastru pe un fundal negru, cititorii dvs. ar experimenta ochii foarte repede.
Există reguli și cele mai bune practici de contrast, dar ca designer, trebuie să evaluați întotdeauna aceste reguli pentru a vă asigura că lucrează în instanța dvs. specială.
Standarde de branding și opțiuni de culoare contrastante
Contrastul este doar unul dintre factorii de luat în considerare atunci când alegeți culori pentru designul site-ului dvs. Atunci când selectați culorile, probabil că trebuie să aveți în vedere standardele de marcă pentru client, indiferent dacă este vorba despre o companie, o altă organizație sau chiar o persoană fizică. Deși paletele de culori pot fi conforme cu liniile directoare ale unei organizații, este posibil ca acestea să nu se traducă bine pentru prezentarea online.
De exemplu, verdele galben și luminos sunt extrem de provocatoare pentru utilizarea eficientă pe site-uri web. Dacă aceste culori sunt în liniile directoare ale unei companii, acestea vor trebui probabil folosite doar ca culori de accent, deoarece este greu să găsiți culori care să contrasteze bine cu oricare dintre ele.
În mod similar, dacă culorile mărcii dvs. sunt alb-negru, acest lucru înseamnă un contrast deosebit, dar dacă aveți un site cu cantități lungi de text, un fundal negru cu text alb va face o lectură foarte dificilă, în ciuda puterii inerente contrastul dintre alb-negru. În acest caz, este recomandabil să inversați culorile, folosind textul negru pe un fundal alb. Acest lucru nu poate fi la fel de interesant din punct de vedere vizual, dar este o opțiune mult mai bună de contrast și lizibilitate.
Instrumente online
În plus față de propriul dvs. simț al designului, există câteva instrumente online pe care le puteți utiliza pentru a testa alegerea culorii site-ului dvs. CheckMyColors.com va testa toate culorile site-ului dvs. și va raporta raportul de contrast dintre elementele de pe pagină.
În plus, atunci când vă gândiți la opțiunile de culoare, trebuie să luați în considerare accesibilitatea site-ului și persoanele care au forme de orbire colorată. WebAIM.org vă poate ajuta, precum și ContrastChecker.com, care vă va testa opțiunile față de Ghidul de accesibilitate a conținutului Web (WCAG).
