Culori stinse: Definiție și cum să le folosești în site-uri și aplicații

Publicitate

Conceptul de a folosi culori mute în designul dvs. nu este cu siguranță nou. Atunci când îl compari cu tendința culorilor vii pe care o avem aproape peste tot, cu siguranță pare ceva nou.

Care designer UX modern știe că trendul minimalist, plat, a luat amploare în ultimii ani.

Există companii de la Microsoft, Apple și Twitter, și toate profită de acest stil emergent atunci când își proiectează produsele digitale.

Designul plat merge mână în mână cu abordarea minimalistă.

Designul plat va elimina profunzimea prin faptul că nu folosește umbrirea și gradientul și favorizează geometria unidimensională.

FireShot-Capture-1789-BO Culori mute: Definition and How to Use Them In Websites and Apps

The minimalist design will eschew unnecessary features and content, replacing it with a clean, sleek monochromatic approach. Together, the two approaches will give you legibility and clarity, and reject ornamentation and excess.

FireShot-Capture-1790-Fut Muted Colors: Definition and How to Use Them In Websites and Apps

However, even though these two practices make the UI interface very simple, their intersection has created some usability issues for certain users.

Facerea lucrurilor prea simple a avut de fapt efectul opus față de ceea ce era necesar, iar utilizatorilor le este mai greu să își dea seama unde pot da clic și de ce.

Din fericire, există o a treia tendință pentru a ajuta acest lucru. Culorile stinse au prins și ele ceva avânt.

explorare-pastel-color-2- Culori stinse: Definiție și cum să le folosești în site-uri web și aplicații

exploration-pastel-color-2- Culori mute: Definiție și cum să le folosiți în site-uri web și aplicații

Schemele de culori mute sunt peste tot în publicitatea tipărită. Cu toate acestea, într-o campanie tipărită, nu aveți nevoie de un design minimalist sau de un efect plat, deoarece utilizatorul nu interacționează cu o bucată de hârtie, ci trebuie doar să se uite.

Cu toate acestea, paleta de culori mute a căpătat de fapt un nou rol în afară de cel principal în practicile funcționale UX.

FireShot-Captură-1776-Aer Culori mute: Definiție și cum să le folosești în site-uri web și aplicații

Dacă încercați să găsiți o definiție a culorilor mute, veți descoperi că cel mai bun răspuns la întrebarea „Ce sunt culorile mute” constă în faptul că aceste culori reprezintă modernul, eficiența și progresivitatea.

Ele transmit privitorului că orice substanță la care se uită, este relevantă și nu este depășită. De exemplu, puteți vedea culori mute în videoclipul „Hotline Bling” al lui Drake.

FireShot-Captură-1778-Rot Culori mute: Definiție și cum să le folosești în site-uri web și aplicații

Aceste culori și pasteluri mute au fost foarte intenționate și se adresează culturii moderne și maselor. Ele semnifică, de asemenea, ceva de moment. Fiind mult mai ușor de privit decât culorile aspre și ascuțite, ele sunt foarte la modă și din punct de vedere conceptual.

FireShot-Capture-1780-Vic Culori mute: Definiție și cum să le folosești în site-uri web și aplicații

Publicitate

În zilele noastre, designerii UX ar trebui să știe că alegerile lor de culoare sunt de fapt alegerile lor de design, iar culoarea poate indica multe, la fel ca și fluxul, conținutul, utilizabilitatea și funcția.

Alegerea între un verde vibrant sau tonuri mute de verde poate face diferența între ca utilizatorul să rămână pe site, și să plece instantaneu. La fel cum o interfață de utilizator greoaie poate părea un pic analogică, acele culori strălucitoare și vibrante pot părea ca o explozie din trecut.

Culoarele stinse apar așa cum apar din cauza:

FireShot-Capture-1781-VR- Culori stinse: Definiție și cum să le folosești în site-uri web și aplicații

  1. Valoare mai mică
  2. Saturație mai mică
  3. Mixare cu culori adiacente
  4. Combinație a oricăreia dintre cele de mai sus

Există variații ale paletei de culori plate pe care le-ați văzut de mii de ori și, de multe ori, pur și simplu nu se potrivesc cu estetica de design pe care o urmăriți. Chiar și atunci când toate celelalte fac apel la ea.

Acesta este cazul în care o opțiune de culori stinse poate face minuni, deoarece atunci când o folosiți cu o estetică plată, este un aspect clasic, lustruit, care este suficient de diferit pentru a ieși în evidență din toate celelalte proiecte plate.

animal-800-x-600-large-1 Culori stinse: Definiție și cum să le folosești în site-uri web și aplicații

animal-800-x-600-large-1 Culori mute: Definiție și cum să le folosiți în site-uri web și aplicații

Dar, ce este o paletă de culori mute?

În scopul acestei conversații, este orice nuanță care este foarte saturată și adăugarea unui ton, a unei nuanțe sau a unei umbre pentru a o face mai moderată și mai puțin strălucitoare. Deseori obțineți ca rezultat o culoare mai moale, mai calmă, cu care este mai ușor să lucrați, precum și să vă potriviți cu designul general.

FireShot-Capture-1784-AMA Culori mute: Definiție și cum să le folosești în site-uri web și aplicații

„Culoarea” este de fapt un termen foarte imprecis pe care îl folosim zilnic. Acesta este format din trei componente principale, și anume nuanța, saturația și valoarea.

Dacă aveți un balon în care ecuatorul este nuanța pe 360 de grade, axa verticală este valoarea, iar orizontala este saturația, culorile pot fi vizualizate pe volumul interior.

FireShot-Captură-1785-Des Culori mute: Definiție și cum să le folosiți în site-uri web și aplicații

Există și alte concepte care vă pot ajuta la această întrebare, cum ar fi „shading” și „tinting”. De exemplu, amestecarea oricărei culori cu negru este cunoscută sub numele de „umbrire” și are ca rezultat o culoare puțin mai stinsă.

Cu toate acestea, adăugarea de alb la o culoare este cunoscută sub numele de „nuanțare”, și are ca rezultat o culoare mai strălucitoare. Cu toate acestea, nu toate culorile pot deveni luminoase sau întunecate, cum ar fi galbenul, de exemplu. Făcând-o mai închisă o va transforma în maro.

Tincturi în culori stinse

FireShot-Captură-1783-Tim Culori stinse: Definiție și cum să le folosiți în site-uri web și aplicații

Adăugarea de alb la o culoare, sau nuanțarea, vă oferă o culoare semnificativ mai deschisă decât cea originală și, de obicei, este cunoscută sub numele de pastel. Acestea pot varia de la aproape alb, până la o culoare puțin mai deschisă decât cea complet saturată.

FireShot-Capture-1786-Kve Culori mute: Definiție și cum să le folosiți în site-uri web și aplicații

Simțirea lor este mai ușoară, mai moale și vă oferă o estetică mai liniștitoare în comparație cu opțiunile mai îndrăznețe și mai luminoase.

Sunt foarte populare în cazul ilustrațiilor și fac minuni și în cazul fotografiilor. Ele se vor îndepărta de estetica principală și sunt cel mai des folosite atunci când aveți un alt punct focal, spre deosebire de estetica principală.

Tonalități în culori stinse

FireShot-Capture-1787-Céd Culori stinse: Definiție și cum să le folosești în site-uri web și aplicații

Pe de altă parte, nuanțele fac culoarea să pară mai grea pentru ochi, și variază de la o culoare aproape neagră, până la o notă mai închisă decât cea originală. Ele funcționează bine într-o varietate de medii, mai ales atunci când sunt folosite cu mai puțin negru.

story-app-exploration-large Culori stinse: Definiție și cum să le folosiți în site-uri web și aplicații

Există proiecte foarte întunecate și cu mult negru care vin cu probleme de lizibilitate dacă nu le executați excepțional de bine. De multe ori, oamenii presupun în mod incorect că nuanțele trebuie să pară negre, dar atunci când evoluați una dintre culorile tradiționale ale schemelor de flat design, nu este cazul.

Tone în culori mute

FireShot-Capture-1782-Wha Culori mute: Definiție și cum să le folosiți în site-uri web și aplicații

Combinarea alb-negru cu o culoare pentru a o face să pară mai moale vă oferă tonuri. Cele mai multe culori sunt de fapt realizate folosind tonuri, deoarece sunt culori complexe cu un apel aproape universal.

Acest lucru se datorează faptului că ele se trag din câteva părți diferite ale spectrului de culori, și acesta este motivul pentru care tonurile sunt prima alegere a artiștilor și designerilor pentru majoritatea proiectelor lor.

unsplash-app-exploration-la Culori mute: Definiție și cum să le folosești în site-uri web și aplicații

unsplash-app-exploration-la Culori mute: Definiție și cum să le folosiți în site-uri web și aplicații

Gânduri finale despre culorile mute

Indiferent dacă vă desprindeți de unele culori tradiționale de design plat, alegerea uneia dintre tehnicile de culoare de mai sus nu este singura alegere. Puteți combina nuanțe, nuanțe și tonuri pentru a crea ceva diferit și absolut atrăgător.

Lecția cu aceste studii simple este că nu vă puteți lăsa prins în situația de a trebui să folosiți o tendință „ca la carte”. Folosiți un alt tip de tehnică pentru a vă crea propria tendință. Paleta de culori și schimbarea acesteia poate fi minunată și puteți obține în continuare un design plat.

Dacă v-a plăcut acest articol despre culorile stinse, ar trebui să verificați și acestea:

  • Photography Website: Design, idei, cum să creezi unul
  • Designul site-urilor de sport: Sfaturi, inspirație și cele mai bune practici
  • Designul site-urilor web pentru restaurante: Sfaturi, inspirație și cele mai bune practici

Descărcări nelimitate: 1,000,000+ Fonts, InDesign Templates, Photoshop Actions, Mockups & Design Assets via logo

Lasă un răspuns

Adresa ta de email nu va fi publicată.