Cum se utilizează culorile în ui-design

Sfaturi și instrumente practice.

Culorile, ca orice altceva, sunt cel mai bine utilizate cu moderatie. Veți obține rezultate mai bune dacă utilizați maximum trei culori primare într-o schemă de culori. Eficiența potrivirii culorilor în design se bazează în mare parte pe echilibru, iar cu cât sunt mai multe culori, cu atât este mai dificil de realizat.







Culoarea nu formează un design de calitate - îl îmbunătățește.

Dacă aveți nevoie de alte culori decât cele pe care le-ați ales inițial pentru paleta dvs., utilizați nuanțe și umbre. Funcționați în gama selectată.

Regula 60-30-10

Această regulă de proiectare vă ajută să creați rapid o schemă de culori. Proporția de 60% + 30% + 10% reflectă echilibrul culorilor. Această formulă funcționează deoarece creează un sentiment de echilibru și permite ochilor să se miște confortabil de la un punct la altul. În plus, această tehnică este extrem de ușor de utilizat.

60% este culoarea dvs. dominantă, 30% este o culoare auxiliară și 10% este o culoare accentuată.

Cum se utilizează culorile în ui-design
Decorare de perete, mobilier, accesorii.

Valoarea culorilor

Oamenii de stiinta au studiat efectele psihologice ale anumitor culori timp de secole. În plus față de estetică, culorile creează emoții și asociații. În funcție de cultura și circumstanțe, valorile culorilor pot fi diferite. De aceea vedeți buticuri de modă în alb și negru. Ei vor să arate eleganți și nobili.

Cum se utilizează culorile în ui-design
Asos este complet alb-negru, cu verde "chemare la acțiune". Și nu numai asta.

  • Roșu. pasiune, iubire, pericol
  • Albastru. calm, responsabilitate, securitate
  • Negru. ghicitoare, eleganță, rău
  • Alb. curățenia, tăcerea, precizia
  • Green. noutate, prospețime, natură

Mai multe despre semnificația culorilor pe care le puteți învăța din cultura culorii.

Primele gradații de gri

Ne place stadiile incipiente de dezvoltare de proiectare să se joace cu culori și tonuri, dar acest comportament vă puteți lăsa în jos rapid - te poate ucide 3 ore alegerea culorii principale, si apoi schimba mintea ta, oricum ... Este cu siguranță tentant, dar nu foarte eficient.

În schimb, forțați-vă să lucrați pe structură - indentați și aranjați elementele în aspect. Acest lucru vă va economisi mult timp. Această muncă este foarte productivă. Pe de altă parte, nu ar trebui să fie plictisitor. Testați diferite nuanțe dacă doriți să obțineți un aspect plăcut.

Cum se utilizează culorile în ui-design
Una dintre lucrările pe care le găsiți pe dans. Simple culori monocrome și se concentrează asupra elementelor.

Evitați scala gri și negru

Unul dintre cele mai importante trucuri de culoare pe care le-am întâlnit vreodată este evitarea culorilor gri fără saturație. În viața reală, nu există nuanțe pure gri. Același lucru este valabil și pentru negrii.

Cum se utilizează culorile în ui-design






Cele mai închise culori în această fotografie nu este # 000 și # 0A0A10 Amintiți-vă, ar trebui să adăugați întotdeauna o saturație pic de culoare. Subconștient va fi perceput mai natural și mai aproape de utilizatori.

Cum se utilizează culorile în ui-design

Credeți în natură

Cele mai bune combinații de culori sunt deja inventate de natură. Întotdeauna arată natural. Cel mai bine este să observați pur și simplu natura înconjurătoare și să extrageți de acolo palete pentru desenele dvs., în natură se schimbă mereu.

Pentru a fi inspirat, trebuie doar să te uiți în jur

Păstrați contrastul

Unele culori se amestecă bine între ele, iar altele nu. Există reguli de definire a interacțiunii dintre nuanțe, care sunt cel mai bine demonstrate de cercul de culoare. Ar trebui să fii conștient de aceste metode, dar nu trebuie să le folosești manual.

Fiți inspirați

Când trebuie să găsești exemple de UI, dribbble este unul din cele mai bune locuri pentru asta. Are un instrument pentru căutarea după culori. Deci, dacă aveți nevoie să faceți o referință vizuală asupra utilizării unei anumite culori de către alți designeri, mergeți la dribbble.com/colors

Cum se utilizează culorile în ui-design

Cum se utilizează culorile în ui-design
Cum se utilizează culorile în ui-design
Cum se utilizează culorile în ui-design

instrumente

Pentru a simplifica sarcina, vă voi oferi câteva dintre cele mai bune instrumente pentru alegerea paletelor de culori. Ele vă vor economisi mult timp.

Coolors.co

Fără îndoială, instrumentul meu preferat pentru alegerea culorilor. Puteți selecta pur și simplu o singură culoare și puteți genera o paletă apăsând bara de spațiu. Coolorii fac posibilă încărcarea unei imagini și crearea unei palete din aceasta. Nu vă limitați la un singur rezultat - selectorul vă permite să modificați reperul original.

Cum se utilizează culorile în ui-design

Acest instrument de la Adobe a ajutat mult proiectanții. Funcționează în browser, există și o versiune desktop. Dacă utilizați versiunea pentru desktop, puteți exporta schema de culori în Photoshop.

Cum se utilizează culorile în ui-design

Este similar cu Kuler, diferența fiind că nu vă limitați la 5 nuanțe. Excelent dacă aveți culorile de bază și doriți să jucați cu nuanțe suplimentare.

Cum se utilizează culorile în ui-design

Designspiration.net

Imaginați-vă că aveți o idee pentru o paletă de culori, dar trebuie să comparați în mod clar diferitele opțiuni. Designspirație este ideal pentru acest scop. Alegeți până la 5 culori, căutați imagini care se potrivesc cu nuanțele dvs. Serviciul caută nu numai cu succes imaginile din paleta specificată, dar ajută și la selectarea graficelor necesare pentru integrarea în design.

Shutterstock Lab Spectrum

Cum se utilizează culorile în ui-design

Tineye Multicolr

Dar dacă aveți nevoie să găsiți fotografii pentru câteva culori date sau chiar să specificați o anumită cantitate de fiecare umbră, utilizați Tineye. Acest site utilizează o bază de 10 milioane de imagini Creative Commons de la Flickr.

Gânduri pentru ultimul

Culoare - o resursă foarte dificil de dezvoltat, mai ales în epoca designului digital. Sfaturile pe care le-am oferit în acest post vor face mai ușor să găsiți nuanțele potrivite. Cel mai bun mod de a învăța cum să creați scheme uimitoare de culoare este practica, deci jucați mai mult cu florile.







Articole similare

Trimiteți-le prietenilor: