Înainte de a putea stăpâni proiectarea, trebuie mai întâi să stăpâniți elementele fundamentale

Săptămâna trecută, unul dintre cititorii mei a trimis o întrebare: Cum pot deveni un designer vizual mai bun?

În timp ce mă gândeam cum să răspund la această întrebare, mintea mea a rătăcit la experiența mea cu învățarea chineză mandarină. De curând, am decis să mă învăț mandarină. Când vine vorba de învățarea unei limbi noi, trebuie să începeți mai întâi cu elementele fundamentale. Substantivele, pronumele și verbele stau la baza transmiterii de idei mai complexe.

Limbajul este un mod prin care oamenii își comunică conceptele unul cu celălalt. Designul vizual este un limbaj vizual. Iar învățarea designului vizual nu diferă de învățarea unei limbi noi.

Desenele vizuale bune nu se nasc. Sunt facute. Cheia pentru a deveni un designer vizual mai bun este rigoarea. Vă veți perfecționa ca designer vizual doar dacă faceți un efort conștient.

Iată câteva elemente fundamentale pe care ar trebui să le stăpânești, astfel încât să poți să îți duci designul vizual la nivelul următor.

Fundamental # 1: Reveniți la elementele de bază cu tipul

Puteți spune multe despre un designer, uitându-vă la tipografia acestora. Acest lucru se datorează faptului că tipul este o bază fundamentală pentru proiectare.

Tastați ca imagini

Puteți crea modele întregi cu un singur tip. Puteți, de asemenea, proiectați baza pe tip, luând cozi subtile de la fonturile pe care le alegeți. Pentru a îmbunătăți tipografia din desenele dvs., începeți mai întâi prin a afla elementele de bază.

Dezvoltați un vocabular pentru descrierea tipului. Aflați ce înseamnă termenii cum ar fi urmărirea, discernământul și media. Articolul Un frumos ilustrat Glosar de termeni tipografici pe care ar trebui să-l cunoașteți este o resursă vizuală excelentă pentru învățarea acestor termeni.

Apoi, dacă doriți o înțelegere completă a modului de aplicare a tipografiei pe web, citiți Tipografia Web: elementele stilului tipografic aplicate pe Web.

Asocierea fonturilor poate face sau rupe un design

În cele din urmă, aflați cum să asociați fonturile împreună. O resursă excelentă este FontWolf și FontPair. Posibilitatea de a asocia fonturi împreună va schimba dramatic dinamica designului dvs.

Pentru o explorare mai aprofundată a tipografiei, puteți citi articolul meu: Tipografia vă poate face designul ... sau îl poate rupe.

Fundamental # 2: Folosiți spațiul pentru a crea echilibru

Distanțarea ajută la stabilirea mișcării verticale și orizontale în proiectele tale. Este esențial pentru crearea ierarhiei vizuale și formarea asocierii dintre elemente.

Creați echilibru și armonie vizuală

Puteți să vă uitați întotdeauna la site-uri precum Behance și Dribbble pentru inspirație despre modul de spațiu al elementelor. Dar este important să vă dezvoltați propria intuiție pentru utilizarea spațiului pentru a crea echilibru și armonie vizuală.

Când studiați tipografia, este posibil să fi observat importanța spațierii în tip. Reglarea kerning-ului și conducerea fonturilor este un exercițiu excelent pentru dezvoltarea ochilor pentru distanțare. Din acest motiv, vă recomand să încercați KernType, un joc în care comparați soluția dvs. de kerning cu soluția unui tipograf.

Simplificarea afișului câștigător de către Craig Welsh

Un alt exercițiu care vă va ajuta să vă dezvoltați ochiul este următorul: luați un design existent, desenați o axa x și y, simplificați designul în forme de bază, analizați modul în care designul este echilibrat și apoi rearanjați elementele. Acordați atenție modului în care spațiul negativ afectează soldul elementelor.

Fundamental # 3: Utilizați dimensiunea pentru a stabili ierarhia vizuală

Când vine vorba de crearea ierarhiei vizuale, dimensiunea nu este egală cu nimic. Folosind dimensiunea pentru a transmite relații vizuale între elemente, puteți stabili flux.

Dimensiunea este unul dintre motivele pentru care rețelele sunt utile

Dimensiunea este unul dintre motivele pentru care rețelele sunt utile. Puteți utiliza grile pentru a vă ajuta să dimensionați elemente folosind raporturi pentru a transmite importanță.

După ce ați determinat o dimensiune pentru un element, păstrați-o la fel în toate cazurile acestuia. În design, consistența este rege.

Utilizați dimensiunea pentru a stabili ierarhia vizuală

Iată un exercițiu care vă va ajuta să vă dezvoltați ochii pentru dimensionare.

Cheia este să ceri feedback.

Schițați sau filați o pagină de destinație. Apoi cereți unui prieten să se uite la designul dvs. Obțineți-i să încercuiască elementele care ies în evidență cel mai mult. După aceea, faceți-le să numere elementele în cerc în funcție de greutatea vizuală. Rezultatele sunt cele așteptate?

Când efectuați acest exercițiu, rețineți următoarele întrebări:

  • Care este obiectivul de conversie al paginii de destinație? Cum vă puteți optimiza pentru a vă atinge obiectivul?
  • Care este relația dintre diferite elemente? Ce elemente vrei să subliniezi?
  • Aspectul dvs. orientează cu succes ochiul utilizatorului prin intermediul paginii?

Fundamental # 4: Folosiți culoarea pentru a transmite sens

Culoarea joacă multe roluri. Transmite semnificație, creează rezonanță emoțională și aduce unitate design-urilor.

Culoarea ajută la transmiterea sensului în design

Pentru o cufundare profundă în culoare, puteți citi articolul meu Proiectare în culoare. Iată câteva puncte cheie din articol.

  • Identificați scopul designului dvs. înainte de a alege o paletă de culori. Un design bun aliniază paleta de culori cu scopul său.
  • Identificați-vă publicul. Oamenii percep culorile diferit. Culorile au efecte diferite asupra oamenilor, pe baza preferințelor personale, a creșterii culturale și a experiențelor.
  • Atunci când alegeți o paletă de culori, simplitatea este esențială. Alegeți o culoare de fundal neutră. Apoi alegeți o culoare accent primară și secundară. În sfârșit, pe baza celorlalte culori, alegeți o culoare de eroare și de succes pentru diferitele state ale dvs. de utilizator.

Odată ce aveți o bună înțelegere asupra elementelor de bază ale teoriei culorilor, culoarea coboară la experimentare și iterație. Încercați activ să ieșiți din zona dvs. de confort și încercați noi palete de culori.

Filmele și spectacolele sunt o sursă excelentă de inspirație a culorilor

Iată un exercițiu care vă va ajuta să vă dezvoltați ochii pentru culoare.

Petreceți timp compilând palete de culori pentru lucrurile din jurul dvs., cum ar fi fotografii, reviste și emisiunile preferate. Apoi luați un design existent și aplicați noi palete de culori.

Rețineți cum schimbă starea de spirit și tonul designului. Schimbă și sensul?

Tratează-ți munca ca pe un meșteșug, întrucât există întotdeauna ceva pe care îl poți îmbunătăți. Bazează-te pe tine pentru a fi motivația de a deveni un designer mai bun.

Care sunt strategiile de îmbunătățire în calitate de proiectant? Lasă-mi o notă sau trimite-mi un tweet pe Twitter.

Dacă v-a plăcut acest articol, s-ar putea să vă bucurați de CSS în Javascript cu Aphrodite, o bibliotecă a Academiei Khan.

Mă puteți găsi pe Medium unde public în fiecare săptămână. Sau mă poți urmări pe Twitter, unde postez rambursări nesimțite despre design, dezvoltare front-end și realitate virtuală.

P.S. Dacă v-a plăcut acest articol, ar însemna foarte mult dacă faceți clic pe și vă împărtășiți cu prietenii.