Professional Documents
Culture Documents
0
Osnove grafičkog dizajna za neprofesionalce
dizajn?
prvenstveno je učinkovit, onaj kojim ćemo postići određeni cilj, odnosno
kojim ćemo izazvati željenu reakciju publike. Kako bismo u tome uspjeli,
moramo dobro razumjeti i poruku i publiku te jasno odrediti cilj, odnosno
funkciju dizajna.
1
Pravilo 1. Komuniciraj, ne dekoriraj.
Dizajn nema dekorativnu ulogu. Dizajn je sredstvo komunikacije. Iako je dizajn multifunkcionalan i
važno je da bude vizualno izvrstan, komunikativna funkcija dizajna je
apsolutni imperativ – to je njegova primarna svrha.
3
Pravilo 2. Koristi se najviše dvjema vrstama tipografije.
S obzirom na to da promjena tipografije obično upućuje na promjenu u značenju ili svrsi, razmislite koliko različitih
značenja ima tekst u vašem dizajnu. Obično je jedna „obitelj slova“ (isti font u različitim debljinama, širinama i
italicu) sasvim dovoljna. Dodati drugu, dobro je radi teksture i kontrasta, ali ne pretjerujte – previše fontova djeluje
zbunjujuće i umara gledatelja.
Ako se odlučimo koristiti dvjema vrstama tipografije, trebamo odabrati
fontove koji će biti dovoljno različiti da suprotstavljeni čine kontrast koji
može biti i suptilan, ali je vidljiv. Jednostavno rješenje mogu biti fontovi
različiti po težini (light : bold), širini (regular : condensed ili regular :
extended) ili stilu (sans serif : slab serif, sans serif : script).
Još jedna mogućnost je isti ili sličan font s dramatičnom razlikom u
veličini. Ili kombiniranje fontova nastalih u različitim povijesnim
razdobljima – spajanjem tradicionalnog i suvremenog možemo poslati
dodatnu poruku: staro i novo, kontinuitet, evolucija, inovacija...
„Body“ tekst vizualno tretiramo kao objekt, jedan ili više njih, koji može
biti masivan ili prozračan, geometrijski ili organski. Masivnost reguliramo
razmakom između slova (kerning i tracking) te između redova (line
spacing ili leading), a oblik poravnanjem (alignment) koje može biti
obostrano (justified), lijevo, desno ili centrirano. Svaka opcija ima svoje
dobre i loše strane.
Justified stvara čiste, pravokutne Lijevim poravnanjem se najčešće koristi jer je najbliže prirodnom toku
oblike te se efikasno koristi jezika – ne stvara različite razmake među riječima kao justified.
prostorom. Zato se njime koristi u Nedostatak mu je što katkad gubi svoj prirodan, organski oblik pojavom
novinama, knjigama i svuda gdje je ružnoga klinastog oblika na inače neravnom rubu. Treba paziti da tekst
prisutna velika količina neprekidnog zadrži iluziju slučajnog, prirodnog oblika ruba.
teksta. Treba ga izbjegavati u
slučajevima gdje je širina stupca
premala u odnosu na veličinu slova jer
stvara ružne rupe u tekstu.
No, nije sav tekst osnovni ili „body“ tekst: imamo naslove, podnaslove,
poglavlja, odlomke, citate, fusnote... Organiziranjem sadržaja prema
jasnoj hijerarhiji, pomažemo čitatelju da pretražuje, bira, ulazi i izlazi iz
teksta. Svaku novu razinu moramo signalizirati s jednim ili više znakova
koje ćemo dosljedno ponavljati cijelim tekstom. Znakovi mogu biti
prostorni (uvlačenjem, razmakom među redovima, položajem na stranici)
ili grafički (veličinom, stilom, bojom ili fontom). Redundancija znakova
(više znakova za jednu hijerahijsku razinu) jest poželjna (npr. promjenom i
veličine i boje), ali više od tri ne.
Za naglašavanje riječi ili fraze unutar bloka teksta obično je dovoljan samo
jedan znak: italic, bold, promjena u boji ili drukčiji font.
4
Pravilo 3. Tekst se i čita i gleda.
Postoji nebrojeno mnogo načina na koji možemo oblikovati i organizirati tekst: razmakom, uvlačenjem, položajem,
veličinom, stilom, bojom, debljinom... pri čemu je najvažnije ne zaboraviti da mora biti čitljiv.
Također, značenje riječi ili ideja može se izraziti i razmakom, veličinom ili
položajem slova na stranici. Dizajneri se često koriste vizualnim oblikom
slova pri oblikovanju logotipa, plakata ili naslova. U mnogim slučajevima sa
slovima možemo postupati kao sa slikom napravljenom od linija i točaka, s
oblikom i teksturom, izbjegavajući time „naslov/fotografija/tekst“ formu.
3 4
Tipografija i web Sve donedavno web je bio oaza (ili geto, kako za
koga) u kojoj ste se mogli koristiti samo malom grupom tzv. „web safe“ ili
web sigurnih fontova. To nije bilo ništa do popis od devet fontova* koji su
sigurno bili instalirani na većini osobnih računala na svijetu jer su
zajednički svim verzijama Windowsa i Mac OS-a.
Danas postoji način da font uključite u web stranicu kao što ga možete
Sam svoj dizajner 2.0 Osnove grafičkog dizajna za neprofesionalce
5 6
Kad slikom želite pojačati poruku ili ju staviti u kontekst, uključite samo
onoliko vizualne informacije koliko je potrebno. Eksperimentirajte s
rezanjem, izostavljanjem podloge te dramatičnim povećavanjem ili
smanjivanjem slika. I budite krajnje oprezni u izboru slike – to što snažno
prenose osjećaje i podsjećaju nas na prošla iskustva, znači da nisu
jednoznačne te da možemo imati problem kontroliranja poruke.
Gdje pronaći dobre fotografije i ilustracije? Stock fotografija je u većini
slučajeva najbolji izbor, osim ako je autentičnost mjesta, ljudi ili događaja
presudna. Fotografije po pristupačnim cijenama možete pronaći na
sajtovima poput iStockphoto www.istockphoto.com i Shutterstock
www.shutterstock.com, a besplatne na Flickr Creative Commons
www.flickr.com/creativecommons/, Morgue File www.morguefile.com,
Stock.xchng www.sxc.hu i drugima.
Sam svoj dizajner 2.0 Osnove grafičkog dizajna za neprofesionalce
Odabir dobre kombinacije boja može biti priličan izazov. Katkad jedna ili
dvije boje mogu imati jači učinak nego više njih, a takva rješenja su i
ekonomičnija u tisku. Neki projekti (poput web stranica) zahtijevaju 4, 6 ili
više boja. Kombinacija boja koje se međusobno slažu ima mnogo – ako
nemate oko za boje, dobra vijest je da se boje koje su skladne osnovnoj
boji mogu izračunati! Pomoć pri odabiru potražite na
colorschemedesigner.com i kuler.adobe.com
7 7
Značenje boja
Boja Pozitivno Negativno I još...
strast agresija
vizualno najdominantnija boja
Crvena ljubav ljutnja
sugerira brzinu, akciju
vatra energija borba
stimulira brzinu otkucaja srca, disanje, apetit
entuzijazam revolucija
ljudi izgledaju deblji u crvenoj odjeći
krv
češće se kradu crveni auti
seks uzbuđenje okrutnost
toplina nemoralnost
snaga
intelekt ljubomora
prva boja koju ljudsko oko zapaža
Žuta mudrost kukavičluk
svjetlija od bijele
optimizam obmana
ubrzava metabolizam
sjaj sunca
sjaj oprez
kričavo žuta je boja koja najviše umara
blijedo žuta poboljšava koncentraciju
radost
idealizam
znanje depresija
plava hrana je u prirodi rijetka pa je plava
Plava svježina hladnoća nejestiva i suzbija glad
mir otuđenost
djeluje smirujuće i opuštajuće
more
ljudi kažu da su produktivniji u plavim
nebo muškost apatija
sobama
kontemplacija
plava odjeća simbolizira lojalnost i povjerenje
lojalnost
pravda
inteligencija
plodnost pohlepa
zelena je najugodnija za oči
Zelena novac zavist
smirujuća je i osvježavajuća, koristi se njome
rast mučnina u bolnicama za opuštanje pacijenata
biljke
cijeljenje otrov
zelena znači „Kreni, sve je u redu.“
prirodan okoliš
poboljšava probavu i smanjuje bol u trbuhu
uspjeh neiskustvo
priroda
sklad
iskrenost
mladost
luksuz pretjerivanje
ženska je i romantična
Ljubičasta mudrost ispad
rijetka u prirodi ljubičasta djeluje umjetno
mašta ludilo
u prošlosti ljubičasti pigmenti bili su skupi pa
kraljevsko
sofisticiranost okrutnost je ljubičastu odjeću moglo nositi samo
duhovno plemstvo i bogataši
nadahnuće
ljubičasta potiče maštu pa se koristi njome u
bogatstvo dječjim sobama
plemstvo
misticizam
Sam svoj dizajner 2.0 Osnove grafičkog dizajna za neprofesionalce
kreativnost ludost
stimulira apetit
Narančasta okrjepljenje trend
narančaste sobe potiču ljude na razmišljanje i
jesen jedinstvenost glasnost razgovor
energija
potiče prijateljstvo i zabavu
citrusi
poboljšava vidljivost pa je nose lovci i radnici
živost
na autocestama
stimulacija
društvenost
zdravlje
hir
aktivnost
Logotipi Logo je simbol neke tvrtke ili događaja jednako kao što je
zastava simbol države. Često je bolje da logo bude metafora ponude
vrijednosti tvrtke pa čak i osobnosti vlasnika (ako je po tome tvrtka
prepoznatljiva) nego da predstavlja proizvod ili uslugu koju tvrtka nudi.
Osnovni kriteriji za izradu loga su jednostavnost i jedinstvenost. Treba
obratiti pažnju na simboliku oblika i boja, proporcije i odabir tipografije te
predvidjeti varijacije logotipa za razne primjene. Dobar logo može biti
važan za tržišni uspjeh. No ne treba očekivati ni da će dobar logo trajati
zauvijek – mnogi veliki brendovi relativno često redizajniraju svoje
znakove bez straha od gubitka prepoznatljivosti.
Sam svoj dizajner 2.0 Osnove grafičkog dizajna za neprofesionalce
9 8
Prostor
Prostor određenih fizičkih dimenzija, odnosno format, obično nam je
zadan time što radimo i načinom realizacije: dizajniramo li posjetnicu ili
džambo plakat, web stranicu ili prezentaciju? Hoćemo li letak printati sami
ili naručiti u tiskari? Hoće li se tiskati digitalno ili offset tiskom?
/format Standardna širina web stranice nekad je bila 700 px, a danas je 1000 px.
No, web dizajneri moraju uzimati u obzir i formate ekrana iPada te
pametnih telefona. Formata džambo plakata ima svega nekoliko. Format
posjetnice, iako sve izgledaju gotovo isto, potpuno je proizvoljan. Brošure
i knjige se sve češće izdaju isključivo u e-obliku, a čitatelji ih sve manje
printaju – to nam omogućuje da izađemo iz okvira standardnih
A4/A5/A6/american formata.
Na dizajn utječe veličina, orijentacija i proporcije formata. Kvadratni
formati su neutralni, vertikalni se smatraju aktivnim, suprotstavljajućim, a
horizontalni pasivnim, umirujućim. Dobro odabrane proporcije formata
mogu vam znatno olakšati izradu layouta – vrijeme utrošeno na odabir
formata može vam se višestruko vratiti u sljedećoj fazi rada.
10
Kom-po Ne postoji recept za dobar layout. Svaki dizajnerski projekt
uključuje rješavanje problema na organizacijskoj i vizualnoj razini. Izazov
je organizirati prostor i sadržaj na način koji će odgovarati prezentiranim
informacijama te odabrati elemente (slike, boje i tipografije) koji će se
(layout)
Pravilo 7. Učini više s manje.
Ovo je pravilo više zdravi razum nego modernistička teorija poznata kao „manje je više“: što više toga naguramo u
određeni prostor, to će prosječnom gledatelju biti teže vidjeti ono što bi trebao.
Velika je razlika između „kompliciranog“ i „kompleksnog“ – često ćemo
kompleksnu poruku lakše iščitati iz jednostavnoga konteksta. Prava
umjetnost je u promišljenosti i kretivnosti primijenjenim na vrlo, vrlo malo
toga. Ako postoji savršeni koncept, ako je ideja jasna, pokušajte dobiti više
značenja bez nepotrebnog dodavanja. Razmislite o nevjerojatnoj količini
vizualnog (smeća) kojem smo svakodnevno izloženi – nije li vjerojatnije da
će nas se snažnije dojmiti nešto dotjerano, jasno i upadljivo?
Sam svoj dizajner 2.0 Osnove grafičkog dizajna za neprofesionalce
11
Organizacija prostora i sadržaja mora odgovarati hijerarhiji, a
vizualno stvarati dinamiku i kontrast. Postoje dvije organizacijske strategije
– strukturna i intuicijska.
10
12
Modularne mreže osim vertikalno
dijele prostor i horizontalno, od vrha
do dna diktirajući položaj i rezanje
slika i teksta.
61
11
13
Pravilo 8. Izbjegavaj simetriju, uvijek.
Osim u vrlo rijetkim slučajevima kada želimo naglasiti statičnost, formalizam ili tradiciju, simetriju trebamo
izbjegavati. Zanimljiv i dinamičan dizajn teško ćemo postići simetričnim kompozicijama.
?!
Kristina Rena mag. ing.
dragon@dragon.hr
Dragondesign
13
Pravila grafičkog dizajna postoje kao smjernice koje nam pomažu ocijeniti
što je dobro, što pomaže komunikaciji, a što ne. Kod kršenja pravila, važno
je razumjeti što pravilo znači i znati što ćemo postići ako ga prekršimo.
Najvjerojatnije je da ćemo na nečemu dobiti, a na drugom izgubiti. Ako je
„žrtva“ prihvatljiva, a dobitak u svrsi funkcije dizajna, svakako - učinite to!
14 14
Primjeri 1 Ja mogu raditi, plakat
Dizajner: Maurizio Ferlin, Izdavač: Centaroprema RE&ZIN Rijeka
2 Anoreksija i bulimija, letak
11 Dizajner: Kristina Rena, Izdavač: Grad Rijeka
3 Studentski radovi
Maryland Institute College of Art
4 Eko bonton, knjižica
Dizajner: Kristina Rena, Izdavač: KD Čistoća Rijeka
5 Sunce, prijatelj ili neprijatelj?, letak
Dizajner: Kristina Rena, Izdavač: Grad Rijeka
Geometry of Design
Sam svoj dizajner 2.0 Osnove grafičkog dizajna za neprofesionalce
Kimberly Elam
Presentation Zen
Garr Reynolds
15