Prije nego što uspijete savladati dizajn, prvo morate savladati osnove

Prošli tjedan jedan mi je čitatelj poslao pitanje: Kako da postanem bolji vizualni dizajner?

Dok sam razmišljao o tome kako odgovoriti na ovo pitanje, u glavi mi je prolazilo iskustvo učenja mandarinskog kineskog. Nedavno sam se odlučio podučavati mandarinu. Kad je u pitanju učenje novog jezika, prvo morate početi s osnovama. Imenice, zamjenice i glagoli čine osnovu za prenošenje složenijih ideja.

Jezik je način na koji ljudi međusobno komuniciraju pojmove. Vizualni dizajn je vizualni jezik. A učenje vizualnog dizajna ne razlikuje se od učenja novog jezika.

Dobri vizualni dizajni nisu rođeni. Izrađene su. Ključ za bolji vizualni dizajner je strogost. Poboljšat ćete se kao vizualni dizajner samo ako se svjesno potrudite.

Evo nekoliko osnova koje biste trebali savladati tako da svoj vizualni dizajn možete prebaciti na novu razinu.

Osnova # 1: Vratite se osnovama s tipom

O dizajneru možete puno reći gledajući njihovu tipografiju. To je zato što je tip osnovna osnova za dizajn.

Unesite kao slike

Možete stvoriti čitave dizajne samo s tipkom. Dizajne možete temeljiti i na tipu, uzimajući suptilne redove iz odabranih fontova. Da biste poboljšali tipografiju u svojim dizajnovima, prvo započnite s učenjem osnova.

Razviti vokabular za opisivanje tipa. Saznajte više o pojmovima kao što su praćenje, brisanje i vodeći značaj. Članak Lijepo ilustriran pojmovnik tipografskih pojmova koji biste trebali znati je sjajan vizualni resurs za učenje tih pojmova.

Zatim, ako želite sveobuhvatno razumijevanje kako primijeniti tipografiju na web, pročitajte web tipografija: Elementi tipografskog stila primijenjeni na web.

Uparivanje fontova može stvoriti ili pokvariti dizajn

Na kraju, naučite kako pariti fontove zajedno. Odličan resurs za to su FontWolf i FontPair. Ako budete u mogućnosti upariti fontove, drastično ćete promijeniti dinamiku vašeg dizajna.

Ako želite detaljnije istražiti tipografiju, možete pročitati moj članak: Tipografija može napraviti vaš dizajn ... Ili ga slomiti.

2. temelj: Upotrijebite prostor za stvaranje ravnoteže

Razmak pomaže uspostaviti vertikalno i vodoravno kretanje u vašim izvedbama. To je najvažnije za stvaranje vizualne hijerarhije i formiranje povezanosti između elemenata.

Stvorite ravnotežu i vizualni sklad

Uvijek možete pogledati mjesta poput Behance i Dribbble za inspiraciju o tome kako koristiti elemente u prostoru. Ali važno je razviti vlastitu intuiciju za korištenje prostora za stvaranje ravnoteže i vizualne harmonije.

Tijekom proučavanja tipografije možda ste primijetili važnost razmaka po vrsti. Prilagođavanje kerninga i vođenja fontova sjajna je vježba za razvijanje oka za razmak. Iz tog razloga, preporučam vam da isprobate KernType, igru ​​u kojoj svoje kerning rješenje uspoređujete s tipografskim rješenjem.

Pojednostavljivanje nagrađivanog plakata Craig Welsh

Druga vježba koja će vam pomoći razviti oči je sljedeća: Uzmite postojeći dizajn, nacrtajte osi x i y, pojednostavite dizajn u osnovne oblike, analizirajte kako je dizajn uravnotežen, a zatim preuredite elemente. Obratite pažnju kako negativni prostor utječe na ravnotežu elemenata.

Temeljno 3: Upotrijebite veličinu za uspostavu vizualne hijerarhije

Kada je riječ o stvaranju vizualne hijerarhije, određivanje veličine nije drugo. Pomoću veličine za prenošenje vizualnih odnosa između elemenata možete uspostaviti protok.

Veličina je jedan od razloga zašto su rešetke korisne

Veličina je jedan od razloga zašto su rešetke korisne. Možete koristiti rešetke za lakše postavljanje elemenata pomoću omjera za prenošenje važnosti.

Nakon što odredite veličinu elementa, zadržite ga jednakom u svim primjerima. U dizajnu je dosljednost presudna.

Koristite veličinu za uspostavljanje vizualne hijerarhije

Evo vježbe koja će vam pomoći razviti oko za mjerenje veličine.

Ključ je traženja povratne informacije.

Skica ili odredišna stranica za okvir okvira. Zatim zamolite prijatelja da pogleda vaš dizajn. Navedite ih da zaokruže elemente koji se najviše ističu. Nakon toga navedite ih kružnim elementima na temelju vizualne težine. Jesu li rezultati kakvi ste očekivali?

Tijekom izvođenja ove vježbe imajte na umu sljedeća pitanja:

  • Koji je cilj pretvorbe odredišne ​​stranice? Kako možete optimizirati kako bi postigli svoj cilj?
  • Kakav je odnos između različitih elemenata? Koje elemente želite naglasiti?
  • Da li vaš izgled uspješno vodi korisničko oko kroz stranicu?

Osnova # 4: Koristite boju za prenošenje značenja

Boja igra mnogo uloga. Ona prenosi značenje, stvara emocionalnu rezonancu i unosi jedinstvo u dizajne.

Boja pomaže u prenošenju značenja u dizajnu

Za duboki zaron u boju, možete pročitati moj članak Dizajn u boji. Evo nekoliko ključnih točaka iz članka.

  • Identificirajte svrhu svog dizajna prije nego što odaberete paletu boja. Dobar dizajn usklađuje paletu boja s njegovom namjenom.
  • Prepoznajte svoju publiku. Ljudi drugačije doživljavaju boje. Boje imaju različite učinke na ljude na temelju njihove osobne sklonosti, kulturnog odgoja i iskustva.
  • Pri odabiru palete boja ključna je jednostavnost. Odaberite neutralnu boju pozadine. Zatim odaberite primarnu i sekundarnu boju naglaska. Na kraju, na temelju ostalih boja, odaberite boju pogreške i uspjeha za različita UI stanja.

Nakon što dobro shvatite osnove teorije boja, boja se svodi na eksperimentiranje i ponavljanje. Aktivno pokušajte izaći iz svoje zone komfora i isprobajte nove palete boja.

Filmovi i emisije izvrstan su izvor inspiracije u boji

Evo vježbe koja će vam pomoći razviti oči za boju.

Provedite vrijeme sastavljajući palete boja za stvari oko sebe kao što su fotografije, časopisi i omiljene emisije. Zatim uzmite postojeći dizajn i nanesite nove palete boja.

Vodite računa o tome kako mijenja raspoloženje i ton dizajna. Da li to mijenja i značenje?

Tretirajte svoj rad kao zanat, jer uvijek postoji nešto što možete poboljšati. Oslonite se na sebe što će vam biti motivacija postati bolji dizajner.

Koje ste strategije za poboljšanje kao dizajner? Ostavite mi bilješku ili mi pošaljite tweet na Twitteru.

Ako vam se svidio ovaj članak, možda će vam se svidjeti i CSS u Javascriptu s Afroditom, bibliotekom Khan Academy.

Možete me naći na Mediumu gdje objavljujem svaki tjedan. Ili me možete pratiti na Twitteru, gdje objavljujem ne-senzitivne svađe oko dizajna, razvoja frontova i virtualne stvarnosti.

p.s. Ako ste uživali u ovom članku, to bi vam značilo puno ako kliknete i podijelite s prijateljima.