Proiectare de culoare

Proiectare de culoare

Culoare - o forță puternică în mâinile designer. El atrage ochiul, creează emoții și transmite un sens. Ai să înțeleagă cât de important este acest lucru, citat bine-cunoscut studiu intitulat Efectul marketingului culorilor. care prevede că, pentru anumite produse de 90% decizii pripite cu privire la achiziționarea anumitor bunuri fac oameni pe baza culorii singur.

Așa că utilizarea eficientă a culorilor joacă un rol important în proiectarea. Dar dezvoltarea de o varietate de combinatii de culori - nu este o sarcină ușoară. Fiecare nuanta are propria semnificație, și există un număr infinit de combinații.

Odată cu aprofundarea teoriei culorilor, vei fi capabil de a crea intuitiv combinații de succes.

Alegerea o paletă de culori

Proiectare de culoare

Uneori, paleta de culori - este rezultatul inspirației accidentale. Dar, în cele mai multe cazuri, este rezultatul unei abordări sistematice.

Determina scopul

Înainte de a face ceva, trebuie să setați un design țintă. Într-un design bun, culoarea este întotdeauna însoțită de scopul său.

Întreabă-te următoarele:

  • Ce promisiune vrei să transmită prin design?
  • Care este scopul design? Fii informativ? Pentru a convinge?
  • Ce emoții vrei să dea naștere la designul lor pentru utilizatori?

obiectivul de proiectare este de a servi ca un ghid în selectarea paletei de culori.

Definiți publicul

Proiectare de culoare

Oamenii percep culorile în mod diferit. Așa cum a spus Fairchild de culoare - este un fenomen psihologic care are loc numai în ochii privitorului. Culoarea produce efecte diferite asupra oamenilor, în funcție de preferințele personale, caracteristicile lor culturale și de experiență. Prin urmare, pentru a înțelege modul în care oamenii reacționează la design-ul, va trebui să definiți publicul.

In timp ce unele culori sunt aceeași semnificație, universal pentru diferite segmente de public, altele nu. Verde reprezintă natura este universală, așa cum este culoarea vegetației. Culoarea roșie ca este interpretată în mod diferit în diferite culturi. În partea de vest, de culoare roșie este asociată cu focul, violență și război. El este de asemenea asociat cu dragoste si pasiune. Cu toate acestea, țări precum China o asociază cu prosperitate și fericire.

Proiectare de culoare

Deoarece culorile sunt atât de multe sensuri diferite, este important să se potrivească cu culoarea modelelor mentale ale publicului lor.

Cititi mai multe despre valorile culorilor pentru diferite țări și naționalități în poziții de psihologie culoare in marketing si branding si valoare de culoare.

Aflați teoria culorilor

Când selectați o paletă este uneori util să știu un pic de teoria culorilor. Teoria culorilor - o structură logică și un ghid practic pentru amestecarea culorilor. Acesta acoperă totul, de la roata de culoare la valorile din fiecare culoare.

Lucruri bune pentru a începe - Teoria culorilor Școala de Design și teoria culorilor 101 din HubSpot. Citiți despre o aplicație interesantă a teoriei culorilor într-un post De ce albastru pe Facebook? Știința din spatele culorilor în marketing.

inspirație Căutare

Uneori este greu de a vizualiza paleta de culori potrivita pentru proiectare. Acest lucru este normal, mari artiști fura. Sau, acestea sunt inspirate de lucrările altor artiști.

Sursa obișnuită de inspirație pentru paleta de culori sunt site-uri, cum ar fi Dribbble și Behance. Dacă doriți să fie inspirat de un anumit stil de design, de exemplu, designul material, puteți utiliza un site ca MaterialUI. Echivalentul în design plat - FlatUIColors.

Aceste site-uri sunt utile, dar încearcă să învețe desene sau modele care merg dincolo de mediul specific pentru care sunt proiectarea propriul design. Acest lucru va contribui la dezvoltarea unei paleta unic si surprinzator de placut de culoare. De exemplu, puteți căuta inspirație în design interior.

Proiectare de culoare

Dacă vrei ceva original, uita-te pentru idei în proiectele altor culturi. De exemplu, clipuri muzicale coreene sunt cunoscute pentru lor luminoase și atrăgătoare pentru paletele de culori de ochi. Fiecare cadru este o sursă de inspirație.

Proiectare de culoare

Nu aveți nevoie pentru a merge la Coreea special pentru brainstorming. Ele sunt peste tot, inclusiv viața de zi cu zi. Data viitoare când mergi la o plimbare, stop și uita-te la culorile din jurul lui.

Proiectare de culoare

Sistem de proiectare Set

sistem de proiectare, denumite uneori ca un ghid de stil, - este un cadru care să includă toate elementele de design. Acesta include totul - de la butoane la tipografie. Luați în considerare ce butoane pe care le veți folosi va arata ca bara de navigare.

Proiectare de culoare

Este util să se stabilească proiectarea sistemului înainte de a alege paleta de culori, chiar dacă aceasta este o schiță. Astfel, veți avea o idee clară despre ce elemente pe care le au, și modul în care culoarea se va aplica acestora.

Când selectați o paletă de design pentru o mai bună urmeze principiul KISS (Păstrați-l simplu, prost - face mai ușor, prostule!). Cele mai puține culori, cu atât mai bine. Pentru majoritatea sistemelor de proiectare, această structură este perfect pentru a începe:

  • fundal
  • Tonul principal
  • ton auxiliar
  • culoare eroare
  • operațiune de succes de culoare

Principala culoare - culoarea în care butoanele importante și accentele vor fi vopsite mai des. Pentru cele mai multe companii, aceasta este culoarea logo-ul lor.

Proiectare de culoare

Culoare auxiliară - culoarea care este utilizat pentru a distinge secundar din acțiunea principală. De exemplu, butoanele principale și auxiliare. Eroare de culoare și de succes, sunt, de obicei roșu și verde, sunt responsabile pentru starea. De exemplu, notificarea erorii, sau finalizarea cu succes a acțiunii.

Proiectare de culoare

Alegerea o paletă de culori

Când încărcați o sursă de inspirație, a schițat viitorul său sistem de proiectare, este timpul pentru a alege o paletă de culori.

Pentru paleta de bază, prefer să aibă culorile una față de alta, ca artiști au fost o face pentru paleta sa de a picta.

Proiectare de culoare

Este timpul pentru a pune toată inspirația în paleta de culori. Mai mult, cu atât mai bine. Nu vă fie teamă de a experimenta cu culori.

Îngustarea gama de culori din paleta, du-te înapoi din nou la primele două secțiuni, în cazul în care ați defini scopul și audiența pentru design-ul. Intreaba-te la aceste întrebări:

  • Ce culori sunt disponibile?
  • Ce culori au un impact vizual și de a atrage ochiul?
  • Ai nevoie de lumină și scheme de culori întunecate? La ce ora din zi oamenii folosesc produsul?
  • Ce stare de spirit doriți să transmită prin design? Implementează Este una dintre paletele sunt mai bune decât altele?

Așa cum am menționat în secțiunea anterioară, culoarea va avea roluri diferite în design-ul sistemului. De asemenea, înseamnă că fiecare culoare are propria greutate în sistem. De exemplu, tonul de fond va fi folosit mai mult de accente de culoare.

Proiectare de culoare

Din acest motiv, uneori, va fi util pentru a crea o distributie-design de diferite forme, în diferite dimensiuni, cu fiecare dimensiune este de aproximativ egală cu frecvența de apariție și suprafața medie acoperită cu flori pe o anumită pagină. De exemplu, uita-te la paleta de culori Invision.

Proiectare de culoare

Reprezentarea geometrică ar putea arata ca.

Proiectare de culoare

Utilizarea de palete de culori

Uită-te la Airbnb, pentru a avea o idee despre modul în care culorile utilizate în proiectarea sistemelor. Culoarea principală în Airbnb - Rausch, numit după strada pe care compania în sine. Kazan servește ca o culoare auxiliară și două nuanțe de gri sunt folosite ca fundal.

Proiectare de culoare

Pentru majoritatea paginilor Airbnb ca fundal gri utilizează Misty. Puteți vedea că Rausch utilizat drept culoare principala pentru a sublinia acțiuni importante, cum ar fi o cerere de înregistrarea.

Proiectare de culoare

Kazan, carapace de broască țestoasă de culoare, utilizate pentru a atrage atenția. A se vedea cum merge bine cu culoarea de bază.

Proiectare de culoare

Pentru mesaje de eroare în Airbnb folosește rosu aprins, cu o nuanță de culoare întindere Rausch. Roșu, cu un semn de exclamare atrage imediat ochiul, și notifică starea sistemului.

Proiectare de culoare

Porniți toate fără nici un culori în design. Concentrați-vă pe aspectul și dispunerea elementelor. După ce sunteți mulțumit de aspectul în sine, puteți începe să aplice paleta la proiectarea.

Proiectare de culoare

concluzie