Cum să contrastezi între culori pentru proiectare?

Care este cel mai bun contrast pentru designul tău?



Unul dintre principalele lucruri care fac un design să iasă în evidență și să arate uimitor este „contrastul” culorilor utilizate pe design. Un design are un prim plan și un fundal. Și dacă culorile pentru ambele nu sunt bine contrastate, designul ar putea fi un dezastru. Fundalul ar trebui să aibă o culoare care să scoată în evidență textul sau designul din prim-plan. La fel, culorile pe care le folosiți pentru conținutul din prim-plan, trebuie să vă asigurați că acesta este echilibrat cu fundalul și nu pare deplasat.

Dacă vedeți un site web cu alegeri slabe de contrast, s-ar putea să fiți foarte dificil să citiți ceea ce este scris pe pagina web. Acesta este unul dintre principalele motive pentru care traficul pe astfel de site-uri web este extrem de redus. Citibilitatea lor scăzută și alegerile rele de contrast.



Când proiectați un site web, este foarte recomandat să încercați diferite contraste pentru a analiza ce contrast ar arăta cel mai bine pentru site-ul dvs. web. Vrei ca spectatorii să fie impresionați de designul tău, în timp ce pot citi în mod clar ceea ce este scris. Dacă fundalul este prea luminos și primul plan este prea luminos, privitorul nu va putea citi sau chiar vedea conținutul.



Lucruri de reținut atunci când selectați contrastul pentru pagina dvs. web

Alegeți un contrast de culori care se potrivește temei dvs., dar este OK să adăugați culori noi la contrast

S-ar putea să fi decis deja contrastul potrivindu-l cu culorile logo-ului dvs., dar s-ar putea să doriți să reconsiderați câteva opțiuni. Ar fi minunat să folosiți aceleași culori ca sigla dvs., dar, dacă puteți face un contrast adecvat cu o altă culoare, menținând în același timp relația cu schema de culori a siglelor, s-ar putea să fiți surprinși de diferitele contraste pe care tocmai le-ați descoperit.



Scopul încercării de culori noi cu culorile mărcii este de a găsi opțiuni alternative pentru site-ul web, în ​​cazul în care culorile mărcii nu apar așa cum doriți să arate. În timp ce clientul ar dori, probabil, să folosiți culorile date de aceștia, dar, dacă paleta de culori oferită de aceștia nu face ca designul să iasă în evidență pe site-ul web, ar trebui să încercați palete noi pentru o vizualizare mai bună pentru client.

Un contrast rau de culori

Să presupunem că există o marcă ale cărei culori de bază pentru marcă includ un verde strălucitor și galben lămâie. Vă puteți imagina aceste două în prim-plan și în fundal? Nu, pentru că ambele culori sunt foarte strălucitoare pentru ochi. Luminos pe luminos nu va face niciodată textul lizibil. Într-un astfel de caz, puteți folosi oricând alte culori, împreună cu aceste culori, pentru a face un site web să iasă în evidență și să îi ofere claritate în timp ce rămâne conectat la rădăcinile mărcii.

Un bun contrast de culori

Un contrast bun al culorilor nu înseamnă întotdeauna că designul ar ieși perfect. Uneori, contrastele bune stresează prea mult ochii din cauza cărora cititorul sau vizualizatorul site-ului web nu va putea continua să citească conținutul de pe pagina web. De exemplu, un brand are o schemă de culori alb-negru, fundal și respectiv prim-plan. Alb-negru este o combinație excelentă, deoarece arată minunat. Cu toate acestea, dacă vă uitați la un site web, care are un fundal negru și un conținut alb de prim plan, ochii cititorului se vor încorda, fără îndoială. Pentru astfel de situații, adăugarea unei culori contrastante sau schimbarea contrastului cu alte nuanțe de aceeași culoare ar putea fi un experiment bun.



Culori de fundal
Culori de prim plan NetportocaleGalbenVerdeAlbastruvioletNegrualbgri
NetSĂRACSĂRACBUNSĂRACSĂRACSĂRACBUNBUNSĂRAC
portocaleSĂRACSĂRACSĂRACSĂRACSĂRACSĂRACBUNSĂRACSĂRAC
GalbenBUNBUNSĂRACSĂRACBUNSĂRACBUNSĂRACBUN
VerdeSĂRACSĂRACSĂRACSĂRACBUNSĂRACBUNSĂRACBUN
AlbastruSĂRACSĂRACBUNBUNSĂRACSĂRACSĂRACBUNSĂRAC
violetSĂRACSĂRACBUNSĂRACSĂRACSĂRACBUNBUNSĂRAC
NegruSĂRACBUNBUNBUNSĂRACBUNSĂRACBUNSĂRAC
albBUNBUNBUNSĂRACBUNBUNBUNSĂRACBUN
griSĂRACSĂRACBUNBUNSĂRACSĂRACSĂRACBUNSĂRAC

Acest tabel pentru contrast poate fi întotdeauna utilizat pentru a analiza în prealabil modul în care va arăta contrastul culorilor pe designul dvs. Deși există unele care arată bine aici, există șanse să nu arate atât de bine atunci când sunt aplicate pe design. Lucrul la designul dvs. cu aceste contraste și nuanțe diferite va scoate la iveală niște contraste uimitoare. Deci, experimentați cu încredere paleta de culori. Rețineți că designul dvs., indiferent dacă este pentru web sau pentru imprimare, ar trebui să fie clar. Claritatea este una dintre cele mai importante caracteristici în proiectare și, pentru aceasta, și pentru aceasta, contrastul joacă un rol foarte semnificativ.