Nije vam potrebna diploma iz grafičkog dizajna da biste kreirali izvanredne grafike. Ono što vam je potrebno je razumevanje osnovnih principa grafičkog dizajna kako biste pružili besprekoran korisnički doživljaj i preneli poruku koristeći vizuale ili tekst.

U grafičkom dizajnu postoje četiri osnovna principa:

    • Teorija boja
    • Vizuelni sadržaj 
    • Tipografija
    • Kompozicija

U ovom blogu, detaljno ćemo razmotriti svaki od ovih osnovnih principa kako biste stekli dublje razumevanje grafičkog dizajna.

Teorija boja

Boja je ključni element koji treba pravilno koristiti u vašim dizajnima. Koristi se da privuče pažnju, prenese značenje i radi estetike. Obično ne razmišljamo o bojama koje gledamo; brzo prosuđujemo da li nešto želimo, profesionalno je, lepo ili ružno na osnovu njenih boja.

Najvažnija stvar koju treba razmotriti prilikom korišćenja boja je kontrast između njih. Kontrast se definiše kako se i koliko dobro jedna boja ističe iznad druge. Na primer, možete koristiti kontrastne boje unutar slike kako biste istakli tekst iznad njenog pozadinskog dela.

Komplementarne boje, poput žute i ljubičaste, ili plave i narandžaste, pružaju maksimalan kontrast jedna s drugom. Evo sjajnog primera sa menija kompanije Dunkin Donuts koji koristi boje na način koji se odnosi na njihov logo narandžaste i roze boje.

Kontrast se takođe može koristiti kako bi se usmerile akcije ljudi; da bi se ljudima saopštilo šta želite da urade. Ako želite povećati “klikabilnost”, pobrinite se da postoji jak kontrast između dugmeta za poziv na akciju i ostatka dizajna.

Točak boja pokazuje kako su boje vizuelno povezane. Na primer, komplementarne boje su one koje su jedna nasuprot druge na točku boje.

Boje takođe daju vizuelne signale značenja. Na primer, zelena dugmad obično ukazuju na afirmativnu radnju, poput “OK” ili “Prihvati”. Ali ako biste dizajnirali veliko dugme “Prihvati” i učinili ga crvenim, to bi moglo zbuniti korisnika, a u nekim slučajevima rezultati bi mogli biti katastrofalni.

Vizuelni sadržaj

Slike dobro funkcionišu na digitalnim medijima, ali postoje neke stvari koje treba uzeti u obzir.

Prvo, publika pozitivno reaguje na slike sa ljudima na njima. To pomaže u stvaranju emocionalne veze jer se kampanje ciljaju na stvarne ljude i vaš vizuelni sadržaj treba to da odrazi.

Kvalitet slike takođe je vrlo važan. Kada kupci razmatraju online kupovinu, važno je da mogu pažljivo da pregledaju slike koje pružaju visok nivo detalja. Ljudi često napuštaju sajtove za elektronsku trgovinu jer slika proizvoda nije dovoljno visokog kvaliteta da im pomogne da donesu odluku. Kada birate slike kao deo dizajna, pobrinite se da su visoke rezolucije (HD) i prikladne za uređaj koji vaša publika koristi. Ne bi trebalo da budu rastegnute ili pikselizovane.

Zatim, zapamtite da većina web saobraćaja dolazi sa mobilnog uređaja – pa morate testirati svoje grafike na mobilnim uređajima kako biste se uverili da i dalje izgledaju dobro na manjim dimenzijama. 

U nastavku vam preporučujemo najbolje dimenzije slike za različite veličine ekrana:

Banner slika: 2000px široka i 800px visoka

 Slider: 1920 px širok i 890 px visok

 Ikona: 300px široka i 300px visoka 

Objava/Događaj: 425 px široka i 220 px visoka

 Portfelj: 1920px širok i 768px visok

Tipografija

Šta je sa tipografijom, odnosno fontovima koje koristite? Važno je prilikom odabira fonta za vaš vizuelni sadržaj ne pokušavati nešto potpuno drugačije.

Čitaoci očekuju da vide poznate fontove, poput Arial, Helvetica ili Roboto. 

Takođe, trebalo bi razmotriti korišćenje komplementarnih fontova. Možete kombinovati ‘introvertni’ i ‘ekstrovertni’ fontove radi balansa. Ili koristite karakterističan font sa ‘jakom ličnošću’ (display font) i uparite ga sa nečim neutralnijim i konzervativnijim, kao u ovom primeru za Frank čokoladu.

Šta je porodični font? Porodični font jednostavno znači grupisanje fontova definisanih zajedničkim stilovima dizajna. Na primer, Roboto je porodični font koji ima podebljane, kurzivne ili tanke stilove.

Takođe ćete naići na serif i sans-serif fontove. Serif je mala, dekorativna linija dodata karakteru. Najčešći serif font je Times Roman. Uobičajeni font bez serifova, ili sans-serif, je Helvetica.

Serif fontovi se koriste kako bi se poboljšala čitljivost teksta u sadržajima poput blogova, članaka ili novina, i obično se više koriste u štampanim medijima nego na internetu. Pokušajte da ne koristite više od 10 reči za svaku liniju. Za naslove, razmotrite korišćenje sans-serif fonta velike težine sa većom veličinom. Osigurajte pravilno naglašavanje – ili veličinu i “težinu” – teksta prema njegovom prioritetu.

Kompozicija

Kada znate boje, vizualne elemente i fontove za vašu sliku, treba ih spojiti na najbolji mogući način – i tu dolazi kompozicija.

Vaš cilj treba da bude da dizajn bude što jednostavniji i elegantniji. Uklanjanje nereda i vizuelne buke pomaže korisniku da se fokusira na jedan zadatak u jednom trenutku.

Kada ste uklonili sav nepotreban informacije, trebalo bi da se pobrinete da je vaš sadržaj – vaše slike, dugmad, boje, oblici i tekst – jasno i logično raspoređen.

Svaki deo grafičkog dizajna treba da služi jednoj svrsi. Kada kreirate dizajn, pitajte sebe: “Koja je njegova svrha?” Treba li korisnika da navede na nešto? Da ih informiše?

Podstaknite posetioce sajta da nastave sa čitanjem ili ispune formular. čak i ako imate više ciljeva u vidu za vaš sadržaj, odaberite jedan i pobrinite se da vaš dizajn jasno istakne korisniku šta je cilj.