După ani de stiluri și elemente minimaliste, gradientul a revenit în forță. Oriunde vă uitați, designerii folosesc gradienții pentru a adăuga interes vizual în proiectele lor cu scopul de a maximiza experiența utilizatorilor și de a proiecta ceva ce merită văzut. Dacă nu sunteți un fan al gradienților, poate că este timpul să vă regândiți poziția față de aceștia. Pentru a vă convinge, avem 10 motive pentru a iubi și a folosi gradienții în proiectele dvs. de design.
1. Fundalurile create cu gradienți creează interes
Un gradient creează interes vizual. Ochiul va ateriza pe o zonă de culoare, iar schimbarea dintre nuanțe și zonele deschise și întunecate va ajuta la schimbarea focalizării pe ecran.
Gradienții pot fi un instrument de design extrem de util și captivant. Ei pot adăuga scânteie și intrigă unei multitudini de proiecte. Deși există o mulțime de moduri de ai utiliza, una dintre cele mai populare opțiuni este ca element de fundal pentru imagini, text și alte elemente stratificate deasupra acestora.
Exemplul de mai jos folosește exact această tehnică. Gradientul oferă ochiului un loc de odihnă prin culorile calde pe care le are. El ajută la o focalizarea mai mare din partea de sus a ecranului si până în colțul de jos, unde se află direcția „Descoperiți mai multe”.
Gradientul trece prin restul paginii, sub scroll, astfel încât utilizatorul să-și amintească întotdeauna unde se află. De asemenea, oferă o zonă de tip halo care evidențiază navigația principală.
2. Literele pot oferi un punct de focalizare
Așa cum un gradient poate fi folosit în fundal, poate fi și un element in prim-plan. Gradienții de culoare sunt o tehnică destul de versatilă, care ar putea contribui la popularitatea lor generală.
Un gradient de prim plan poate fi folosit ca umplere pentru litere pe un fundal mai simplu. Acesta are rolul de a evidenția și a atrage atenția asupra cuvintelor. Alegerea culorilor trebuie să fie bine bine făcută, astfel încât să existe întotdeauna mult contrast și să fie menținută vizibilitatea.
3. Suprapunerile pot contura o imagine caldă
O suprapunere de culoare poate adăuga un interes suplimentar unei imagini puțin fade. O suprapunere cu gradient nu este o soluție pentru o rezoluție scăzută sau o imagine prost compusă.
Suprapunerile cu gradient pot ajuta la stabilirea mărcii și personalitatea site-ului web. Culorile strălucitoare spun ceva destul de diferit de opțiunile mai dezactivate.
În timp ce această tehnică poate arăta destul de bine începe să fie folosită în exces. Asigurați-vă că faceți ceva mai diferit atunci când utilizați gradienți.
Exemplul de mai jos face acest lucru prin estomparea completă a imaginii. Partea de jos a gradientului creează o bară de culoare solidă în partea de jos a ecranului.
4. Gradienții ajută Mișcarea Ochiului
Majoritatea utilizatorilor citesc în formă de F, începând din stânga sus și deplasându-se în jos și de-a lungul ecranului.
Utilizați zone mai deschise și mai întunecate ale unei scheme de culori gradient pentru a muta ochiul de la un punct de pornire, cum ar fi un logo sau un mesaj principal, la îndemnul principal de acțiune. Ochiul va merge mai întâi la cele mai deschise zone de culoare, apoi se va muta în spații mai întunecate. Proiectați și plasați culoarea gradientului pentru a întări această mișcare a ochilor.
5. Creați ceva memorabil
În timp ce gradienții devin din ce în ce mai populari. Fiecare combinație de culori este oarecum diferită. O combinație de culori poate ieși în evidență și rămâne cu un utilizator pentru a-l ajuta să-și amintească marca sau mesajele.
Proiectați gradienți cu scopul de a ajuta la crearea identității vizuale ale marcii dvs. Dacă aveți un gradient grozav cu care să lucrați, utilizați-l ca orice altă culoare pentru a stabili o conexiune vizuală cu utilizatorii.
6. Subliniați culorile mărcii
Utilizați un gradient dacă aveți culori de marcă care se pretează să fie asociate. Pentru mărci noi sau site-uri web care încearcă să se impună, aceasta poate fi o modalitate solidă de a construi o marcă și de a se conecta cu utilizatorii.
Gândiți-vă cum să încorporați același stil de gradient în mai multe locuri. Spee exemplu, pe site-ul web, pentru mesajele de pe rețelele sociale, în campanii tipărite sau publicitare. Dacă utilizați aceleaşi culori și gradienți, utilizatorii le vor asocia cu marca dvs.
Exemplul de mai jos, Community Sector Banking, face exact acest lucru. Alegerile de culoare sunt interesante, iar gradientul – pe fotografie și în bara de navigare de jos – întărește paleta de culori și relația acesteia cu brandul.
7. Gradienții subt ușor de creat (sau generat)
Adăugarea unui gradient la o imagine sau crearea unuia de la zero este foarte simplă. Selectarea unei forme pentru gradient și unde culorile ar trebui să înceapă, să se oprească și să se suprapună, este ușor de realizat.
Gradienții, din punct de vedere al formei, pot fi direcționați. Adică de la stânga la dreapta, în sus, în jos sau radial, unde variațiile de culoare pornesc dintr-un singur punct într-o manieră circulară. Un design poate conține unul sau mai multe stiluri de degrade.
Alegerea culorilor pentru gradient ar putea fi cel mai dificil pas. Folosirea culorilor care sunt în apropiere pe roata culorilor va avea ca rezultat gradienți complementari și naturali. Va trebui să vă jucați cu culorile pentru a obținegradientul perfect.
Puteți încerca unul dintre aceste instrumente:
- WebGradients: colecție gratuită de peste 180 de mostre de gradient prefabricate în CSS, PNG, Sketch și Photoshop.
- Gradient buttons: CSS pentru butoanele gradient animate.
- Gradient Generator: creion pentru a crea un val de gradient rece folosind propriile culori.
8. Culoarea se estompează
Degradeurile au adesea culori și combinații care par naturale. Din această cauza, sunt o alegere naturală. În special atunci când combinați culori care s-ar estompa una pe cealaltă în lumea naturală.
Ilustrația de mai jos este un exemplu evident de gradient de culoarea cerului care se estompează de la zi (portocaliu) la noapte (albastru).
9. Creați artă când nu aveți o imagine dominantă
Un gradient bun poate crea interes vizual și o afișare vizuală atunci când nu aveți multe cu care să lucrați. Utilizarea unei culori strălucitoare sau a culorilor mărcii poate ajuta la stabilirea prezenței site-ului dvs. în online.
Schimbările de culoare sunt destul de interesante încât adesea pot sta singure ca element de design. Gândiți-vă la modul în care utilizați și selectați culorile astfel încât acestea să creeze atracție emoțională utilizatorilor
Chiar și un gradient subtil poate contribui în mare măsură la stabilirea tonului unui design.
10. Gradienții sunt în tendințe
Gradienții sunt ușor de utilizat și de adăugat într-un design. Cu atât de multe moduri de a folosi un gradient, este la îndemână sa îi utilizați.