Ce trebuie și ce nu trebuie făcut în proiectarea degradelor complexe
Publicat: 2019-01-28Gradientele sunt rezultatul amestecării diferitelor culori. Aceste tranziții de culoare pot adăuga profunzime modelelor care altfel ar părea plate. Culorile plate sunt limitate și nu produc același efect ca și gradienții. Prin amestecarea culorilor, designerii sunt capabili să creeze o culoare unică și revigorantă. Această schemă poate fi folosită pentru a seta tonul unui site web și pentru a ridica starea de spirit a designurilor lor. Gradientele pot fi create prin amestecarea culorilor din părțile opuse ale spectrului sau pur și simplu prin alegerea culorilor analoge sau monocromatice, spune echipa de la 7ninjas.com, o companie de dezvoltare de software specializată și în design de produse digitale. Aceste scheme de culori pot fi folosite pentru a crea un punct focal pe o compoziție. Oricum, rezultatul este o combinație de culori care arată și se simte diferit. Aceste tranziții de culoare atrăgătoare și vibrante pot ajuta la ridicarea oricărui design.
Pentru designerii care folosesc gradienți în mod regulat, este de ajutor să cunoască principiile de bază care fac un gradient utilizabil. Faceți-vă drum prin acest articol pentru a afla cum designerii creează tranziții unice de culoare pentru a ajuta la adăugarea de profunzime unui design altfel plat. Vă rugăm să rețineți că aceste lucruri de făcut și de ce nu trebuie făcute sunt colectate de la designeri care au petrecut nenumărate ore amestecând culorile, așa că acordați-vă timp pentru a stăpâni aceste tehnici.
Aranjament de culoare
Dacă doriți să creați o paletă moale, cel mai bine este să rămâneți la două sau trei tonuri neutre pentru un gradient mai fin. În timp ce un design distractiv și funky ar necesita să amestecați culori îndrăznețe și să adăugați câteva culori suplimentare și opriri de culoare. Indiferent de aranjamentul pe care îl alegeți, înțelegerea scopului designului dvs. vă va ajuta să creați o paletă armonioasă care poate da tonul potrivit unui design altfel plictisitor.
Iată câteva puncte cheie de luat în considerare atunci când amestecați culorile.
- Rămâneți la două sau trei culori pentru a crea un gradient neted
- Încercați să nu supraîncărcați fila gradient cu mai mult de 3 culori.
- Utilizați mai puțin de 3 opriri de culoare la un moment dat
- Acordați atenție tranzițiilor de culoare
Proiectarea degrade cu culori complementare
Când proiectați degrade, se recomandă să lucrați cu culori care funcționează bine împreună. Deci, atunci când lucrați cu culori complementare, ar ajuta să învățați puțin despre teoria culorilor. Amestecarea culorilor complementare poate crea un contrast plăcut. Dar, de cele mai multe ori, atunci când creează aceste tranziții de culoare, designerii folosesc adesea doar două opriri de culoare, ceea ce duce la o zonă gri neplăcută în centrul pânzei. Acest lucru poate crea un sentiment de dizarmonie și poate face gradientul neplăcut pentru ochi. Puteți remedia această problemă utilizând o oprire de culoare din roata de culori. Iată câteva puncte de luat în considerare atunci când lucrați cu culori complementare.
- Lucrați cu culori care creează un contrast plăcut.
- Utilizați mai mult de trei culori pentru a evita zona cenușie din centru.
- Adăugați o oprire de culoare alegând o culoare din roata de culori.
Gradient de lumină naturală
Când proiectați degrade de lumină naturală, cel mai bine este să rămâneți la o paletă de culori similară. Alegeți culoarea principală și treceți către o culoare mai deschisă pentru a crea o tranziție. Pentru a obține acest rezultat, puteți alege culoarea principală și apoi schimbați culoarea într-o nuanță mai deschisă sau către o nuanță galbenă mai deschisă pentru a crea un efect de lumină naturală. Asigurați-vă că diferența de culoare este mică, altfel ar putea ajunge să arate deranjant sau nenatural.
Lucruri de luat în considerare atunci când proiectați un gradient cu 3 trepte
Când proiectați un gradient de culoare solidă monotonă sau netedă la gradientul de culoare transparent, asigurați-vă că alegeți aceeași culoare pentru ambele puncte finale – iar culoarea fazei de tranziție la punctul de mijloc poate fi setată la 50% opacitate.
Utilizarea gradienților pentru a ghida utilizatorii printr-o interfață
Gradienții pot fi utilizați pentru a controla fluxul de utilizatori într-o aplicație sau un site web. Ochiul utilizatorilor tinde să graviteze spre culori mai strălucitoare pe ecran. Deci, plasându-le în moduri specifice, puteți crea un sentiment de mișcare în interiorul ecranului.
Alegerea culorilor pentru un gradient
Când alegeți culori, asigurați-vă că alegeți culori care sunt apropiate una de cealaltă pentru un gradient mai fin. Dacă ajungeți să alegeți culori care se află în partea opusă a spectrului, acestea ajung adesea să anuleze luminozitatea reciprocă. Un alt sfat de reținut atunci când proiectați degrade este că culorile strălucitoare sunt adesea mai vizibile decât tonurile neutre/întunecate. Așadar, utilizați tonuri mai luminoase acolo unde doriți ca utilizatorii să vadă și tranziții întunecate pentru a crea un sentiment de formă sau o umbră.
Plasarea gradientului
Pentru ca gradienții să fie eficienți, aceștia trebuie plasați corect într-o pânză sau un ecran. Gradientele au de obicei o prezență puternică, așa că folosește-ți buna judecată atunci când le folosești în design.
Degrade pentru ilustrații și logo-uri
Trebuie să fii atent când folosești degrade în ilustrații. Lucrarea în linie și suprapunerile cu gradient nu merg împreună. Adesea ajung să arate deplasat și nu creează o suprapunere armonioasă. Cu toate acestea, utilizarea lor în ilustrația umplută sau izometrică îi poate oferi un aspect 3D.
Când utilizați degrade pentru mărci B2C sau B2B, asigurați-vă că alegeți culori care reprezintă marca. Gradientul trebuie să reprezinte valorile mărcii și să funcționeze pe diferite platforme și dispozitive
Sperăm că acest mic ghid vă va ajuta în călătoria dvs. spre utilizarea și proiectarea unor gradiente mai bune. Sfaturile adunate aici sunt o colecție de idei încercate și testate de la diferiți designeri din industrie. Dacă credeți că am ratat un truc important sau o idee, vă rugăm să ne scrieți și vom fi bucuroși să o împărtășim aici.