pismo i tipografija – praktikum
TRANSCRIPT
uroš nedeljković, irma puškarević, bojan banjanin
pismo i tipografija – praktikum
Edicija: Umetnost i tehnika
Naziv praktikuma: Pismo i tiPografija
Autori: mr Uroš nedeljković, vanredni profesor, fakultet tehničkih nauka, novi sadmsc irma Puškarević, asistent, fakultet tehničkih nauka, novi sadmsc Bojan Banjanin, asistent, fakultet tehničkih nauka, novi sad
Recenzenti:dr Dragoljub novaković, redovni profesor, fakultet tehničkih nauka, novi saddr slobodan nedeljković, redovni profesor, akademija umetnosti, novi sad Izdavač: fakultet tehničkih nauka u novom sadu Glavni i odgovorni urednik: prof. dr rade Doroslovački, dekan fakulteta tehničkih nauka, novi sad
Štampa: ftn – grafički centar griD, trg Dositeja obradovića 6, novi sad
Štampanje odobrio:savet za izdavačko-uređivačku delatnost ftn u novom sadu
Predsednik saveta za izdavačko-uređivačku delatnost: dr radoš radivojević, redovni profesor fakulteta tehničkih nauka u novom sadu
CiP-Каталогизација у публикацијиБиблиотека Матице српске, Нови Сад
655.24/.28(076)003.3(091)(076)
НЕДЕЉКОВИЋ, Урош Pismo i tipografija : praktikum / Uroš nedeljković, irma Puškarević, Bojan Banjanin. - novi sad : fakultet tehničkih nauka, 2015 (novi sad : ftn, grafički centar griD). - 250 str. : ilustr. ; 24 cm. - (edicija tehničke nauke - umetnost i tehnika - udžbenici ; 1)
tiraž 300. - Bibliografija: str. 246-248.
isBn 978-86-7892-767-61. Пушкаревић, Ирма [аутор] 2. Бањанин, Бојан [аутор]а) Типографија - Практикум б) Штампарска слова - Типови - Практикум ц) Писмо - Историја - ПрактикумCoBiss.sr-iD 301354759
pismo i tipografijapraktikum
Ftn izdavaštvo, novi sad, 2015
uroš nedeljkovićIrma puškarevićBojan Banjanin
Edicija umEtnost i tEhnika1
univErzitEt u novom sadu | FakultEt tEhničkih nauka
doba tipografije, to je današnjica. tipografija je danas na raspolaganju svima. viševekovnu elementarnu tipografsku praksu danas substituišu podrazumevana podešavanja grafi čkih i drugih aplikacija čime je omogućeno da svako može da slo ži tekst koji obezbeđuje zadovaljavajući čitalački komfor. međutim, ovaj praktikum namenjen je budućim profesionalci ma, pred kojima će se naći kompleksni zadaci za rešavanje, zadaci koji zahtevaju poznavanje tipografske materije i prakse na najvišem nivou.
pred korisnicima je izdanje u kojem su sublimirana načela oblikovanja pisma i tipografije na način koji ne zahteva predzna nja i poznavanje tipografske materije, ali koji umngome na dilazi elementarne postavke podrazumevanih tipografskih šablona namenjenih širokom krugu korisnika. praktikum je podeljen na dva dela. prvi deo, teorijski i praktično, u okviru dva elemen tarna pravila, upoznaje korisnika sa osnovama tipografskog pisma i, u koracima kroz zadatke, vodi ga kroz proces oblikovanja i generisanja digitalnog tipografskog pisma. drugi deo, bavi se pojmom, predmetom i načelima tipografije. uz sva načela, skoncentrisana oko dva elementarna pravila, kroz koncept od šest vežbi, korisnicima nudi načine rešavanja problema konkretnih zadataka u domenu tipografije, odnosno oblikovanja lejauta.
dobar tipograf i grafički dizajner izdvaja se po tome što se tipografijom bavi profesionalno, posmatra tekst sa preciznošću i pronicljivim okom. Fino podešavanje tipografije za specifične namene obezbeđuje čitalački komfor i prevazilazi nivo adekvatnosti, odnosno vizuelno retorički potencijal pisma stavlja se u službu marketinške komunikacije. ono šta se korisnicima ovim praktikumom nudi nisu samo skupovi pravila i načela nego i načini rešavanja problema tipografskog oblikovanja u konkretnim postavkama i kroz analize primera dobre prakse. shodno tome, cilj ovog praktikuma jeste da obuči korisnike osnovama oblikovanja tipografskog pisma, zatim kako da os nove tipografije efektivno koriste u praksi, oblikuju kvalitetan čitalački komfor, odnosno efektivnu komunikaciju.
autori
predgovor
sadržaj
Vežba 1: UVod U digitalno pismo osnoVni pojmoVi 15
1.1 geometrija tipografskog pisma 191.2 osnovna terminologija 201.3 anatomija tipografskog pisma 22Praktični deo 241.4 Upoznavanje sa korisničkim interfejsom programa fontlab studio 5 24 1.4.1 Prvi koraci 261.5 Vežba kaligrafskog pisanja 28
1.5.1 Priprema pera od trske 291.5.2 Vežba pisanja – majuskula 311.5.3 Vežba pisanja – minuskula 35
Pitanja 39
Vežba 2: proces oblikoVanja digitalnog pisma rad sa skicama 1 43
Praktični deo 462.1 rad sa skicama – prebacivanje skice u digitalni oblik 46
2.1.1 obrada skeniranih skica u fotošopu 47Pitanja 52
Vežba 3: proces oblikoVanja digitalnog pisma rad sa skicama 2 55
Praktični deo 573.1 Priprema tipografskih znakova u grafičkoj aplikaciji adobi ilustrator 57Pitanja 62
Vežba 4: crtanje znakoVa U FontlabU operacije transFormacija nad znacima 65
Praktični deo 714.1 Crtanje kontura u fontlabu 71 4.1.1. selektovanje, transformacije i interakcije kontura 75Pitanja 79
Vežba 5: određiVanje rastojanja izmeđU sloVnih znakoVa 83
5.1 metoda Voltera trejsija 845.2 metoda migela souze 865.3 Definisanje parova za optičku kompenzaciju (kerning parovi) 88Praktični deo 895.4 Podešavanje metrike i kerning parova unutar fontlaba 895.5 Podešavanje parova za optičku kompenzaciju u fontlabu 93 5.5.1 egalizacija po klasama 95Pitanja 99
Vežba 6: deFinisanje hint mehanizama i generisanje digitalnog pisma 103
Praktični deo 1106.1 hintovanje u fontlabu 1106.2 generisanje odgovarajućeg font formata 120Pitanja 122
Vežba 7: predmet tipograFije i osnoVni pojmoVi 125
7.1 Pojam i predmet 1257.2 kako slova funkcionišu 1267.3 elementi slova 1287.4 slog – slaganje – tipografsko pravilo 1287.5 egalizacija – kompenzacija pripadajućih belina 1297.6 Podešavanje razmaka između slova 131 7.6.1 trekovanje naslova i logotipa 1327.7 Prored / razmak između redova 1337.8 Poravnanje sloga 1357.8.1 Poravnanje na levo 1357.8.2 Poravnanje u blok 135Praktični deo 137Pitanja 141
Vežba 8: mrežni sistem stranice 145
8.1 Čemu služi mreža 1458.2 elementi mreže 1478.3 mreža osnovnih linija 1528.4 Podela prostora na stranici 154Praktični deo 157Pitanja 160
Vežba 9: tipograFski slog 163
9.1 ritam sloga 163
Vežba 5: određiVanje rastojanja izmeđU sloVnih znakoVa 83
5.1 metoda Voltera trejsija 845.2 metoda migela souze 865.3 Definisanje parova za optičku kompenzaciju (kerning parovi) 88Praktični deo 895.4 Podešavanje metrike i kerning parova unutar fontlaba 895.5 Podešavanje parova za optičku kompenzaciju u fontlabu 93 5.5.1 egalizacija po klasama 95Pitanja 99
Vežba 6: deFinisanje hint mehanizama i generisanje digitalnog pisma 103
Praktični deo 1106.1 hintovanje u fontlabu 1106.2 generisanje odgovarajućeg font formata 120Pitanja 122
Vežba 7: predmet tipograFije i osnoVni pojmoVi 125
7.1 Pojam i predmet 1257.2 kako slova funkcionišu 1267.3 elementi slova 1287.4 slog – slaganje – tipografsko pravilo 1287.5 egalizacija – kompenzacija pripadajućih belina 1297.6 Podešavanje razmaka između slova 131 7.6.1 trekovanje naslova i logotipa 1327.7 Prored / razmak između redova 1337.8 Poravnanje sloga 1357.8.1 Poravnanje na levo 1357.8.2 Poravnanje u blok 135Praktični deo 137Pitanja 141
Vežba 8: mrežni sistem stranice 145
8.1 Čemu služi mreža 1458.2 elementi mreže 1478.3 mreža osnovnih linija 1528.4 Podela prostora na stranici 154Praktični deo 157Pitanja 160
Vežba 9: tipograFski slog 163
9.1 ritam sloga 163
9.2 Širina stupca 1649.3 razmaci između reči i redova 167Praktični deo 170Pitanja 174
Vežba 10: oblikoVanje za čitalački komFor 177
10.1 tipografsko oblikovanje 177 10.1.1 kako slova funkcionišu 17710.2 kako čitamo 178 10.2.1 Polje fokusa 17910.3 Veličina slova 180 10.3.1 naslovi i osnovni tekst 182 10.3.2 manje gradacije teksta i tekst u verzalu 182 10.3.3 hijerarhija prostora unutar paragrafa 18210.4 odabir i kombinovanje pisama 183 10.4.1 formiranje tipo–biblioteke 189Praktični deo 191Pitanja 196
Vežba 11: tipograFsko oblikoVanje elementi, načela i hijerarhija 199
11.1 Pojmovnik elemenata i načela tipografskog oblikovanja 19911.2 Vizuelna hijerarhija 20111.3 tipografska hijerarhija 202 11.3.1 tekstualne grupacije 202 11.3.2 tekstualne naznake 202 11.3.3 Vizuelna hijerarhija 203 11.3.4 Poziciona hijerarhija 20311.4 hijerarhija u oblikovanju knjige i periodike 205 11.4.1 kako čitamo stranu 205 11.4.2 navigacija stranice 206 11.4.3 hijerarhijska vizuelna kognicija 206Praktični deo 207Pitanja 212
Vežba 12: tipograFija U praksi 215
12.1 tipografija u praksi 21512.2 spoljašnji delovi knjige—oprema 216 12.2.1 knjižni omot 216 12.2.2 korice knjige 217 12.2.3 forzac i najzac 218 12.2.4 klapna 219 12.2.5 magazin 219 12.2.6 naspramne strane 222 12.2.6.1 Prelom 222
12.2.6.2 međusobno rastojanje 223 12.2.6.3 margina 223 12.2.6.4 Prelom u margo 224 12.2.6.5 Belina 224 12.2.7 odabir i primena pisma 226 12.2.8 inicijal 229 12.2.9 Dnevne novine 230 12.2.10 novinska tipografija 231 12.2.11 ekspresivna tipografija 238 12.2.12 Banderola 240Praktični deo 241Pitanja 245
literatUra 246
83
prilikom oblikovanja jednog digitalnog pisma, određivanje rastojanja između slovnih znakova (određivanje metrike) je od istog, ako ne i većeg značaja od samog oblikovanja tipografsk ih znakova. cilj određivanja metrike je pronalaženje dobrog vi zu elnog balansa i poboljšanje čitalačkog komfora. odluke o međusobnom rastojanju znakova su usko povezane sa samim njihovim oblikovanjem i određivanjem njihovih pripadajućih belina. Iz ovog se može zaključiti da svaki nacrt nekog bu dućeg digitalnog pisma, odnosno stil pisma i oblici njegovih znakova, određuju kakvi će se razmaci dodeliti sa leve i desne strane svakog znaka. međutim, neka osnovna pravila u definisanju metrike tipografskog pisma postoje i ona će biti objašnjena u ovoj vežbi.
karen čeng (karen cheng) u svojoj knjizi (cheng, 2008, str 218) izdvaja sedam osnovnih pravila za definisanje rastojanja između slovnih znakova. ona glase:
• međusobno rastojanje je zavisno od unutrašnjih belina slovnih znakova (counters)
• verzalna slova imaju manja međusobna rastojanja od kurenta, s obzirom da imaju veće unutrašnje beline od njih
• podebljane (bold) i kondenzovane (condensed) težine pisma zahtevaju manja međusobna rastojanja, dok tanke i proređene težine pisma veća rastojanja
• rastojanje između vertikalnih poteza (hh, Ih, itd.) dva susedna znaka treba biti veće nego kod slučaja ravnooblo, oblooblo
određivanje rastojanja između slovnih znakova
vežba 5
Integralni deo svakog fonta, pored znakova koji su u njemu sadržani, jesu i njihova međusobna rastojanja. Ukoliko ta rastojanja nisu ade-kvatno uređena i sam slog će biti neuređen, a time i nekomforan. Zato će u teorijskom delu ove vežbe biti objašnjena osnovna pravila kojih se treba pridržavati prilikom određivanja rastojanja između slovnih znakova.
84
Deo 1 | Pismo i tipografija – praktikum
• restojanje između oblih poteza dva susedna znaka (oo, i sl.) treba da je najmanje s obzirom da ovakvi znaci stvaraju veću prazninu kad su jedan pored drugog
• rastojanje između otvorenih znakova (‚e’, ‚s’, ‚c’) odnosno kod slovnih znakova koji imaju veliku unutrašnju pri padajuću belinu treba da su manja, s obzirom da pored pri pa dajućih belina sa leve i desne strane ovi znaci imaju i unutrašnju belinu koja zajedno sa njima stvara dosta praznog prostor a.
• nameravana veličina fonta (ona koja će se najviše koristiti) takođe utiče na definisanje rastojanja (npr. sve veličine ispod 12pt zahtevaju veća međusobna rastojanja, da ne bi došlo do njihovog međusobnog „slepljivanja”, odnosno narušavanja čitljivosti)
naravno, kao što je rečeno na početku ova pravila bivaju modifikovana i proširena u zavisnosti od samog dizajna tipografskog pisma. ove generalne smernice ne daju formulu kako podesiti rastojanja. utoliko su mnogi praktičari i teoretičari pisma i tipografije pokušavali da definišu metode za određivanje rastojanja između znakova.
ovde će biti navedene dve metode koje mogu dosta pomoći u razumevanju ove problematike i rešavanju praktičnih pro blema. to su metode voltera trejsija i migela souze.
5.1 metoda Voltera trejsija
po trejsiju latinični alfabet (verzal i kurent) možemo izdeliti u grupe po njihovim karakterističnim potezima. većina znakova alfabeta su sastavljena od ravnih (vertikalnih, dijagonalnih i horizontalnih) ili oblih poteza i kombinacijom ravnih i oblih.
slika 5.1. Prikaz lošeg (gornji paragraf) i dobrog (donji paragraf) podešavanja razmaka između slova. Oba paragrafa su složena fontom Myriad Pro Regular.
Pa ngram je reče nica koja sa drži sva slova alfabeta. Pa ngram na grčkom z nači „sves lov ni“ (pa n = sve + grámma = slovo). rođenjem štampe u 16. veku pojavila se potreba za katalozima u kojima bi bili predstavlje ni tipovi slova kojima štamparija raspolaže. Pored alfabeta štampana je i neka „lažna” rečenica da bi se videlo kako ta slova izgledaju u knjižnom bloku. trebalo je da budu prisut na sva slova i da reče nica bude što kraća, dok z načenje nije bilo naročito važ no.
Pangram je rečenica koja sadrži sva slova alfabeta. Pangram na grčkom znači „sveslovni“ (pan = sve + grámma = slovo). rođenjem štampe u 16. veku pojavila se potreba za katalozima u kojima bi bili predstavljeni tipovi slova kojima štamparija raspolaže. Pored alfabeta štampana je i neka „lažna” rečenica da bi se videlo kako ta slova izgledaju u knjižnom bloku. trebalo je da budu prisutna sva slova i da rečenica bude što kraća, dok značenje nije bilo naročito važno.
85
određivanje rastojanja između slovnih znakova – teorijski deo | vežba 5
ono što je od glavnog značaja za određivanje međusobnog rastojanja jeste vertikalni pravac nekih od ovih poteza.
trejsi deli slovne znake u sledeće grupe:
• slova sa uspravnim potezima – B, d, E, F, h, I, j, k, l, m, n, p, r, u, b, d, h, i, j, k, l, m, n, p, q, r, u
• slova sa oblim potezima – c, d, G, o, p, Q, b, d, c, e, o, p, q• trouglasta slova a, v, W, X, Y, v, w, x, y• slova koja ne spadaju ni u jednu od prethodnih grupa –
s, t, z, a, f, g, s, t, z
ono što trejsi ističe u svojoj knjizi Letters of Credit, je da bi bi lo najbolje još u fazi skiciranja pisma imati na umu rastojanja izme đu znakova, jer je sasvim moguće da će se zbog boljeg uklapanja slova naknadno morati uvesti neke izmene u samom dizajnu znakova. po ovoj metodi, počinje se sa slovom ‚h’.
1. poređaju se jadan do drugog četiri slova ‚h’ i prime njuje između njih razmak jednak polovini širine unutrašnje beline slova ‚h’ („hhhh”). suština ovog koraka je da se dobije harmoničan ritam smenjivanja vertikalnih poteza. prilikom ovog koraka ne treba uzimati u obzir serife. kada su dobijeni zadovoljavajući razmaci između slova ‚h’, ova rastojanja je potrebno primeniti na sve slovne znake koji imaju bilo koju stranu vertikalnu.
2. sledeći korak je pronalaženje odgovarajućeg rastojanja kod slovnog znaka ‚o’. slovo ‚o’ se postavlja između slova ‚h’ u nizu ”hhohh”. kad se nađe dobar balans između njihovog međusobnog rastojanja, prelazi se na niz ”hhoohh” gde se
Zbog odsustva serifa, koji na neki način povezuju dva vertikalna poteza slova h, bezserifna pisma zahtevaju manje međusobno rastojanje.
slika 5.2.Metoda Voltera Trejsija (verzalna slova)
a Isto kao kod slova ‚H’b Za nijansu manje nego kod
slova ‚H’c Pola vrednosti razmaka ad Minimalan razmake Isto kao kod slova ‚O’
86
Deo 1 | Pismo i tipografija – praktikum
slika 5.3.Metoda Voltera Trejsija (kurentna slova)
a Isto kao sa leve strane slova n
b Isto kao sa desne strane slova n
c Malo veći razmak od onog sa leve strane slova n
d Minimalan razmake Isto kao kod slova of Malo manji razmak nego
kod slova o
podešava razmak između dva obla znaka i eventualno prepravljaju rastojanja kod slova ‚h’.
3. kada su definisana rastojanja za ova dva znaka ”standarda”, određivanje rastojanja kod ostalih znakova se određuje po šemi datoj na slici 5.2. ovo naravno treba shvatiti kao dobru vežbu i dobar početak na pronalaženju odgovarajućih rastojanja, ali nikako kao krajnju formulu.
sličan metod se koristi i kod određivanja rastojanja kod kurenta. ovaj put ”standard” su slova ‚n’ i ‚o’.
1. rastojanje sa leve strane slova ‚n’ se podešava tako da ima vrednost polovine njegove unutrašnje beline. sa leve strane to rastojanje će biti manje zbog delimično oblog lučnog poteza. postavljaju se četiri slova ‚n’ u nizu ”nnnn” i sređuje njihovo međusobno rastojanje dok se ne dobije harmoničan odnos.
2. zatim se podešava rastojanje slova ‚o’ u nizovima ”nnonn”, ”nnononn” i ”nnoonn”
3. kada su podešena rastojanja sa desne i leve strane kod slova ‚n’ i ‚o’, ostala slova alfabeta se određuju po dole prikazanoj šemi:
jedna od bitnih stvari, ističe trejsi, je da razmaci između slovnih znakova nikad ne bi trebalo da budu manji od unutrašnje beline slova ‚n’ ili ‚m’.
5.2 metoda migela soUze
metod migela souze (2006), takođe se bazira na deljenju slovnih znakova u grupe (3 grupe) po sličnim karakteristikama. to su:
87
određivanje rastojanja između slovnih znakova – teorijski deo | vežba 5
1. prva grupa (b, d, h, i, l, m, n, o, p, q, u) rastojanja sa leve ili desne strane ovih znakova, mogu da se primene na minimum jednu stranu nekog drugog znaka iz iste grupe. slovima sa oblim potezima sa jedne strane kao što su d ili q, dodeljuje se sa njihove ”oble” strane ista količina razmaka kao i kod slova ‚o’. slova koja imaju uspravne poteze kao što su ‚b’, ‚d’ i ‚h’ dobijaju istu količinu rastojanja sa svoje ”ravne” strane kao i slovo ‚l’ sa svoje ravne strane.
2. druga grupa (a, c, e, f, j, k, r, t) slovima iz ove grupe se mogu dodeliti razmaci sa jedne strane jednaki rastojanjima sa neke od strana od slova iz prve grupe. druga strana ovih znakova nema nikakvih sličnosti sa slovima iz prve grupe. npr. slovu ‚c’ dodelićemo istu količinu rastojanja sa leve strane kao što je kod desne strane slova ‚p’ iz prve grupe.
3. treća grupa (g, s, v, w, x, y, z) znakovi iz ove grupe nemogu da se povežu ni sa jednim znakom iz prve dve grupe. rastojanje sa desne i leve strane ovih znakova dosta zavisi od samog dizajna pisma
procedura počinje određivanjem rastojanja kod slova ‚n’ i ‚o’ vizuelnom metodom u nizu ”noonnon”. zatim se ove vrednosti prenose dalje na slova iz prve grupe, obraćajući pažnju na male izmene kao što bi bio slučaj kod serifnog slova ‚p’ koje sa leve strane nema serif na osnovnoj liniji (kao slovo ‚n’), pa samim tim traži manje rastojanje. u određivanju ra sto janja kod slova iz prve grupe dosta doprinosa ima alatka pod nazivom adhesiontext (www.adhesiontext.com) koja može generisati kvazi tekst samo od znakova koji su joj zadati. kada su rezultati dodeljivanja rastojanja slovima iz prve grupe zadovoljavajući, polako se dodaju slova iz druge grupe između slova iz prve grupe i podešavaju im se rastojanja. za taj posao je moguće takođe koristiti alatku adhesiontext. ovu proceduru ponoviti i sa elementima iz treće grupe. kada su dobijeni rezultati zadovoljavajući, ubaciti pravi tekst i izvršiti dodatne korekture kod slovnih znakova iz svake grupe. posle ove procedure, ostaje još samo da se definišu neophodni parovi za optičku kompenzaciju (kerning parovi).
ono što souza nije definisao u svom načinu određivanja metrike jesu rastojanja za verzalna slova, ali i ona se po istom principu mogu podeliti u tri grupe (vargas, 2007).
1. prva grupa: B, d, E, F, h, I, n, o, Q2. druga grupa: c, G, j, k, l, p, r3. treća grupa: a, m, s, t, u, v, W, X, Y, z
88
Deo 1 | Pismo i tipografija – praktikum
po istom principu je moguće odrediti rastojanja i za verzalna slova. slova sa kojima proces određivanja metrike počinje su kao i u trejsijevoj metodi slova ‚h’ i ‚o’, čije se vrednosti dalje prenose na slova iz ostalih grupa.
5.3 deFinisanje paroVa za optičkU kompenzacijU (kerning paroVi)
dobro podešena metrika fonta može da obezbedi funkcionalan odnos gotovo svih slovnih parova. međutim, postoje slovni znaci koje je veoma teško skladno upariti zbog čega je nužno definisati optičku kompenzaciju njihovog rastojanja. defini sanje parova za optičku kompenzaciju (u daljem tekstu kerning parova) podrazumeva definisanje rastojanja između dva konkretna znaka, koja zbog svog oblika, kada se nađu jedno pored drugog zahtevaju da budu dodatno približena ili udaljena.
ono što je karakteristično za optičku kompenzaciju je da je ona primenjena samo ako se članovi definisanog para nađu jedan do drugog unutar teksta. to znači da se ona primenjuje na prethodno definisana globalna rastojanja. tipični primeri parova za optičku kompenzaciju su „av, va, ta, to,...”
kako bi proces pronalaženja i definisanja kerning parova bio još komplikovaniji, potrebno je napomenuti da je lista moguć ih kerning parova skoro za svaki jezik drugačija (engleski i srpski na primer nemaju istu verovatnoću pojavljivanja određenih parovnih kombinacija). Bitno je istaći da postojanje određenog para zavisi i od samog dizajna tipografskog pisma.
AVETAVET
ATARATAR
AvionAvion
slika 5.4.(gornji red) - Loše podešen kerning par AV, AT, Av.
(donji red) - Dobro podešeni kerning parovi AV, AT i Av.
za tipografsko pismo jednako je važan odnos pozitivnog i negativnog prostora, njegove forme, odnosno antiforme
pravilo #2
145
Vežba 8
Mrežni sistem stranice
Cilj teorijskog dela „Mrežni sistem stranice“ jeste upoznavanje gradivnih elemenata strane, u čijoj osnovi jeste mrežni sistem. Obra diće se pojam kolone i stupca, kao i jednostubačnog i višestubačnog preloma, modularne mreže i mreže osnovnih linija. Pored toga, biće objašnjeno kako se vrši podela prostora na stranici.
8.1 čemu služi mreža
Evolucija mreže, od geometrijske forme do kanona oblikovanja stranice, se može izuzetno jasno sagledati. Sredinom XX veka dolazi do izuzetne eksploatacije mreže kao estetske osnove. Osvrtom na ovaj period učimo da je mrežni sistem zatvorena celina u okviru koje dizajner može da postigne harmoniju na strani dok isto tako služi kao poligon za vežbu kreativnosti i rešavanja problema jednog lejauta. Kod vizuelnog oblikovanja stranice za štampani medij, polazna tačka je sama stranica. Proporcije strane definišu mrežu. Odnos stranice se ponavlja kroz manje porcije teksta radi postizanja povezanosti dok čitalac prelazi pogledom sa jedne strane na drugu. Proces oblikovanja mreže i samog lejauta koji na njoj leži je process koji se odvija unutar fiksnog i jasnog ograničenja – same stranice. Ovo je nasleđe staro nekoliko vekova gde se strana oblikuje tako što polazimo od ivice strane (slika 8.1). Težnja da oblikujemo estetski najdopadljiviji štampani material započinje sa fizičkom veličinom strane. U daljem procesu taj se material deli na module radi postizanja optimalnog radnog prostora koji će biti nosilac vizuelnog materijala, teksta i slike.
crtači su koristili mrežu vekovima u svojim nacrtima kako bi lakše podelili scenu na kojoj su radili. Slikari je koriste kako bi dobili perspektivu. grafički dizajneri dosta kasno počinju da istražuju i eksploatišu mrežu ’50-tih godina XX veka u posleratnoj Švajcarskoj.
146
DEO 2 | Pismo i tipografija – praktikum
Mreža (eng. grid) je, u filozofskom smislu, sredstvo organizacije koja je nastala kao večita ljudska potreba da haos oko sebe dovede u red i organizuje na način na koji će lakše moći da funkcioniše i egzistira u njemu.
Mreža je veoma važna jer se pomoću nje lakše uređuju odnosi i proporcije. Ona je osnovni alat grafičkih dizajnera koji služi za pozicioniranje elemenata u okviru dizajna u cilju postizanja vizuelne ravnoteže, dok u isto vreme pruža određeni stepen kreativnosti. Postavkom mreže, grafički dizajner uspostavlja bazu u vidu matrice, koja mu omogućava da strukturu lejauta oblikuje objektivno i funkcionalno.
sliKa 8.1.
Još od samog početka razvoja procesa štampe, tipografi su koristili mrežu kao neophodan element slaganja strane. Jedan od najboljih primera je Gutenbergova Biblija od 42 reda.
147
Mrežni sistem stranice – teorijski deo | VEŽBA 8
Prema Entoni Faioli (2000), autoru knjige Typography Primer, postoji devet stavki koje ukratko objašnavaju mrežni sistem i značaj njegove primene:
1. struKturalnost. Podela prostora na manje segmente koji omogućavaju vođenje elemenata u strukturalnu celinu
2. uređenje/jasnoća. Mreža pojašnjava prostor i intuitivno vodi čitaoca kroz smislenu i predvidivu celinu.
3. organizacija/planiranje. Mrežni sistemi predstavljaju organizovanu i osmišljenu strukturu za tekst i ilustracije.
4. jedinstvo/Kohezivnost. Mrežn sistem obezbeđuje je dinstvo i kohezivnost tipografskih, ali i ostalih grafičkih elemenata na njoj.
5. Kontrola/Konzistentnost. Postavka mreže omogućava velik stepen kontrole dimenzija i doprinosi prostornoj konzistentnosti stranice.
6. rešavanje problema. Mreža olakšava i ubrzava rešavanje problema vezanih za postavku elemenata dizajna.
7. ritam/harmonija. Korišćenjem mreže se dobija re petativan ritam i harmonija u celom sistemu.
8. uniformnost. Mreža daje osećaj uniformnosti dizajnu što doprinosi utisku inteligentnog rešenja.
9. Kredibilitet/pouzdnost. Adekvatno organizovana mreža odaje utisak da su informacije složene, da imaju kredibilitet i da su pouzdane.
8.2 elementi mreže
KOLONE. Predstavljaju vertikalne sekcije koje definišu širinu stupca teksta. čitljivost u velikoj meri zavisi od toga kako su stupci teksta organizovani na kolonama. Odgovarajuća širina stupca u odnosu na veličinu slova je nekad od presudnog značaja za čitljivost i estetsku ugodnost strane. Širina kolona i razmaka treba da se planira u odnosu na prosečnu gradaciju pisma, npr. gradacije od 18pt do 24pt treba slagati u široki
148
DEO 2 | Pismo i tipografija – praktikum
sliKa 8.3. Raspored kolona može da bude simetričan i asimetričan kao na ilustrovanom primeru.
sliKa 8.2. Na slici su ilustrovana polja kolona na mreži i razmaka između kolona.
stubac (najčeće više kolona), dok gradacije od 8pt do 10pt u uske stupce. Uski stupci prouzrokuju zamor zbog čestog prekida pri čitanju čime ometaju tok čitanja, dok preširoki dovode do dezorijentacije. Širina i prored su takođe dva uzajamno povezana faktora koje treba uzeti u obzir pri slaganju teksta. Imajući navedeno u vidu, planirana organizacija mreže kolona za višestubačni prelom, pruža prave mogućnosti za organizaciju blokova teksta u različitim gradacijama.
jEDNOSTUBAčNI PRELOM. Svaki put kada pripremate novi dokument u grafičkoj aplikaciji za oblikovanje lejauta od vas se traži da definišete mrežu (eng. grid). Najjednostavnija mreža marginama definiše (uokviruje) širinu i visinu strane, odnosno plohe. Definisanjem formata dokumenta na početku, program vas navodi da usmerite vaš rad na lejautu od spolja ka unutra (širina kolone/a je ona dimenzija koja vam ostaje kada ste stranici oduzeli dimenziju za margine). Publikacije poput magazina i knjiga bi trebalo da se prelamaju po naspramnim
Umetnička praksa definiše gradivne elemente kompozicije, kao što je tačka, linija i ploha. Kretanjem tačke nastaje linija, a kretanjem linije nastaje ploha, dok sastavljena ploha čini volumen. Osnovna jedinica ravne površine je ploha a čine je grupisane tačke u prostoru.
149
Mrežni sistem stranice – teorijski deo | VEŽBA 8
sliKa 8.4.
Levi prikaz je standardna A4 dimenzija papira sa marginama koje su sa svih strana jednake. Iako izuzetno ekonomična mreža, nije toliko interesantna. Desni prikaz je nešto kraćeg formata od standardnog A4 formata. Okvir za tekst je kvadratičan, dok su dimenzije margina različito raspoređene.
mREžNI SISTEm I POglaVlJE
stranicama (eng. facing pages, spread). Naspramne stranice od dve strane, za razliku od jedne strane, predstavljaju osnovnu jedinicu dizajna kod prelamanja. Leva i desna margina postaju unutrašnja i spoljašnja margina. U grafičkim aplikacijama za prelom i oblikovanje lejauta pretpostavlja se da su unutrašnje margine iste (desna margina leve strane spreda i leva margina desne strane spreda). zbog toga automatski postavljaju simetričan prostor za rad. Postoji, naravno, opcija da korisnik prema potrebi podesi asimetrični prostor.
sliKa 8.5.
Slika ilustruje simetričnu mrežu na naspramnim stranama, gde su unutrašnje strane margine šire u odnosu na spoljašnje pri čemu dobijamo više prostora u spajajućem delu knjige. Ovakva postavka margina je čest i razuman izbor kada se knjiga većeg obima oprema za povez lepljenjem.
mrežni sistemmREžNI SISTEm I poglavljeI POglaVlJE
VIŠESTUBAčNI PRELOM. jednostubačni prelom je pogodan za vi zuelno jednostavniji sadržaj. Sa druge strane, višestuba čni pre lom je fleksibilniji, zbog čega pogoduje publikacijama sa ko mpleksnom hijerarhijom, i uopšte svuda gde postoji integra cija teksta i slike. Sa većim brojem kolona, mreža postaje fleksibilnija. Takođe, moguće je definisati zone u okviru mreže za različit tip sadržaja. Tekst ili slika se mogu postaviti u širini jedne ili više kolona. Nije uvek, i svuda, neophodno popuniti sav prostor mreže.
150
DEO 2 | Pismo i tipografija – praktikum
sliKa 8.6. Primećujemo kako se elementi različitih dimenzija uklapaju u strukturu mreže. U tom smislu višestubačni prelom pogodan je i za novinski prelom, i prelom magazina gde se za razliku od prvog prazan prostor koristi kao likovno grafički element kompozicija, a katkad i kao izražajno sredstvo.
VISEćI STUPCI. Pored kolona, mrežu možemo prožeti i horizontalno sa redovima. Na primer, prostor u gornjem delu strane (prvom redu) može da se iskoristi za slike i naslove a osnovni tekst može da ’visi’ sa jedne zajedničke linije.
sliKa 8.7.
Jedan horizontalni marker razdvaja elemente sadržajno i tako određuje unutrašnju strukturu preloma.
151
sliKa 8.6. Primećujemo kako se elementi različitih dimenzija uklapaju u strukturu mreže. U tom smislu višestubačni prelom pogodan je i za novinski prelom, i prelom magazina gde se za razliku od prvog prazan prostor koristi kao likovno grafički element kompozicija, a katkad i kao izražajno sredstvo.
Mrežni sistem stranice – teorijski deo | VEŽBA 8
sliKa 8.10. Ova modularna mreža ima četiri kolone i četiri reda. Primetno je da slika ili tekst mogu da zauzimaju jedan ili više modula. Moguće su kombinacije u neograničenom broju (levo).
Tipografija je disciplina koji se definiše na razne načine: kao nauka o slovima, umetnost korišćenja tipografskih slova i veština slaganja, elemenata.
Tipografija je disciplina koji se definiše na razne načine: kao nauka o slovima, umetnost korišćenja tipografskih slova i veština slaganja, elemenata.
Tipografija je disciplina koji se definiše na razne načine: kao nauka o slovima, umetnost korišćenja tipografskih slova i veština slaganja, elemenata.
Tipografija je disciplina koji se definiše na razne načine: kao nauka o slovima, umetnost korišćenja tipografskih slova i veština slaganja, elemenata.
Tipografija je disciplina koji se definiše na razne načine: kao nauka o slovima, umetnost korišćenja tipografskih slova i veština slaganja, elemenata.
Tipografija je disciplina koji se definiše na razne načine: kao nauka o slovima, umetnost korišćenja tipografskih slova i veština slaganja, elemenata.
sliKa 8.9.
Simetrična mreža sa jednakim dimenzijama modula postavljena u četiri kolone (gore desno).
sliKa 8.8. Alternativna rešenja u okviru modularne mreže. Mreža je takođe zasnovana na četiri kolone ali u sebi sadrži zone različitih veličina, koji definišu veći i dinamičniji prostor za slike (gore levo).
MODULARNA MREŽA. Kod modularne mreže postoji jednaka podela po horizontali i vertikali, pri čemu se dobijaju prostorne sekcije tzv. zone i moduli. zonom se može obuhvatiti dva ili više modula. Ove sekcije određuju postavku teksta i slike. Deljenjem mreže na module povećava se aktivan prostor koji je na raspolaganju dizajneru.
152
DEO 2 | Pismo i tipografija – praktikum
8.3 mreža osnovnih linija
Osnovne linije (eng. baseline grid) u mreži su (nevidljivi) pozadinski pomoćni grafički element koji služi za poravna vanje redova teksta susednih stubaca, kao i redova tek sta na stranicama istog lista, i oslonac su svim (ili skoro svim) elementima lejauta. One daju vizuelne smernice za pozici oniranje i poravnanje elemenata sa preciznošću (slika 8.11). Definiše se tako što se odredi font, tj. gradacija osnovnog reza pisma, nakon čega se definiše prored. Gradacija proreda se uzima
Tipografija je disciplina
koji se definiše na
razne načine: kao
nauka o slovima,
umetnost korišćenja
tipografskih slova i
veština slaganja,
elemenata.
osnovne linijeoblikovanje ritma
maRgINalIJa 9/12 Grid Sans Italic
GLAVNI NASLOV 32/48 Grid Sans Bold
PODNASLOV 18/24 Grid Sans Italic
OSNOVNI TEKST 10/12 cambria RegularOva mera se uzima za određivanje mreže osnovnih linija.
sliKa 8.11.
U grafičkoj aplikaciji za prelom i oblikovanje koristite opciju prikazivanja (show baseline) i skrivanja (hide baseline) linija po potrebi.
153
Mrežni sistem stranice – teorijski deo | VEŽBA 8
sliKa 8.12. Modularna mreža se dobija pozicioniranjem horizontalnih pomoćnih linija (eng. guidelines) u odnosu na mrežu osnovnih linija. Svrha osnovnih linija jeste da bude oslonac svim (ili skoro svim) elementima lejauta. Ovu mrežu određujemo na osnovu gradacije pisma i proreda osnovnog teksta. Nakon što bi definisali ovaj korak u grafičkoj aplikaciji, pristupili bi podešavanju modularne mreže. Potrebno je odrediti koliko ćemo horizontalnih modula imati na osnovu broja osnovnih linija. Prebrojte koliko linija stane u visinu strane (od gornje do donje margine) ili u format strrane, a zatim odaberite broj koji se lako deli sa brojem linija da biste sa marginama i osnovnim linijama uskladili modularnu podelu stranica. Kolona od 42 linije teksta lako se deli na 7 horizontalnih modula. Ukoliko broj linija nije lako deljiv, prilagodite gornju i/ili donju marginu kako bi odstranili višak prostora. Za stilizaciju naslova, natpisa i drugih tekstualnih elemenata, odaberite prored koji podržava vrednost mreže osnovnih linija, kao što je 18/24 za naslove, 14/18 za podnaslove i 8/12 za natpise. Svugde gde je moguće postavite tekst na mrežu ali nemojte da forsirate. U određenim situacijama vaš lejaut će bolje izgledati ako negde odstupite od mreže.
kao mera razmaka između osnovnih linija. Trebalo bi izbegavati opciju auto u grafičkoj aplikaciji kada se definiše međuredna udaljenost. Dizajner bi trebalo sam da je odredi, tako da to budu celi brojevi koji lako mogu da se množe i dele. Ovo je bitno kada se na stranici pored osnovnog teksta uređuju naslovi, podnaslovi, prateće tekstualne informacije i druge tekstualne informacije, koje je potrebno pozicionirati na istu mre žu osnovnih linija u različitim intervalima (slika 8.12).
Postavljati elemente prema osnovnim linijama gde god je to moguće, ali bez forsiranja.
154
DEO 2 | Pismo i tipografija – praktikum
avangardni umetnici i dizajneri prevazilaze granice između umetnosti i svakodnevnog života, oblikuju nove predmete i praksu koja se sjedinila sa urbanim iskustvom.
Kanon predstavlja opšti set principa dizajna koji usmeravaju i pomažu prilikom donošenja odluka.
Svako slovo ima svoju pripadajuću belinu, blok prostora, pa se tako slova sublimiraju u uređene pravougaonike. Dobijamo na taj način arhivu elemenata gde su slova pohranjena u umreženim okvirima, odnosno matricu postojećih formi od kojih se svaka strana sastoji.
8.4 podela prostora na stranici
Tipografiju je neophodno uklopiti sa drugim elementima u okviru dizajna a uspešan način da se svi ovi elementi harmonično ukombinuju jeste da dizajner koristi mrežu. U XIX veku superiornost knjige je prodrmana višestubačnim i višemedijskim stranicama dnevnih novina i magazina koje ot varaju put novoj topologiji mrežnog sistema. U pitanje je dovedena „zaštitnička funkcija okvira“. Avangardni umetnici i dizajneri 20ih godina prošloga veka predstavili su mrežu kao fleksibilnu, kritičku i sistematičnu alatku. Iako je mre ža evoluirala u fleksibilnu formu, te je korisnici danas retko smatraju rigidnim sistemom, neosporno je da je ovaj sistem ra zvijen na osnovu viševekovne aplikacije kanona, razvijenih kroz rada sa knjižnim blokom. Sve do XX veka mrežni sist em je bio u službi okvira za blokove teksta. Pored klasične normativne je dnostubačne stranice, mnogobrojne alternative su postojale tokom prvih vekova štamparstva (npr. dvostubačna mreža Gu te mbergove biblije, kompleksni lejaut gde su se učenjački ko mentari pisali u marginama, tj. marginalijama). Ovakva praksa je omogućila da velike količine teksta različitog kara kte ra koegzistiraju na jednoj stranici koja dominira ulogom okvira. Sledi da je tipografija veština postavljanja okvira gde di zajneri puno na pora ulažu na margine, ivice, prazan prostor i sl.
sliKa 8.13.
Prikaz Čiholdove „zlatne kanonizacije“. Čihold je raztumačio proporcije u odnosu 2:3 o kojima Raul Rosario diskutuje u svojoj knjizi Divina proporcion tipografica (Božanstvena proporcija tipografije) i koristi je za svoj „zlatni kanon konstruiranja stranice“. Njegova postavka uključuje dijagonale i krug uz rozarijevu podelu stranice na devetine. Obe konstrukcije koriste odnos strane 2:3 za određivanje visine bloka teksta (a) koja je jednaka širini strane (b) (odnos opisan kružnicom) sa odnosom margina 2:3:4:6.
155
Mrežni sistem stranice – teorijski deo | VEŽBA 8
sliKa 8.14.
Čiholdov nacrt dizajna dobrog i lošeg lejauta magazina koji ističe zapanjujući efekat fotografija u odnosu na sadržaj, nasuprot forsiranju teksta da se obavija oko blokova ilustracija i slika koje su usidrene na sredini strane.
Među prvima koji proziva tradicionalnu tipografsku praksu bio je Filipo Tomazo Marineti, začetnik Futurizma 1909. godine. Svoje tekstove i pesme je slagao kombinujući različite stilove i gradacije pisama, dok je redove teksta slagao u nekoli ko redova mreže. Takođe, eksperimentiše sa procesom viso ke štampe, i pokrenut delima dadaista koji u svom vizueln om je ziku, po red eksperimentalne tipografije, primenjuju kolaž, montažu i razne oblike fotomehaničke reprodukcije. Ko n struktivisti, koji se javljaju 1910tih godina u Sovjetskom savezu, nadovezuju se na tipografiju futurista i dadaista uz više racionalan pristup, gde koriste pravila kako bi podelili prostor. U njihovim očima stranica nije bila fiksni, hijerarhijom uređen prostor za sadržaj već prostor koji je mogao da se mapira i tako prevaziđe svoje granice. za holandske umetnike i dizajnere mreža pretstavlja otvor ka beskonačnosti (npr. slike Piet Mondrijana sa svojim apstraktnim vertikalnim i horizontalnim površinama upućuju na mrežu koja se nalazi izvan okvira). Teo van Dujzburg i Piet zvart, poput drugih pripadnika holandskog De Stijl pokreta primenjuju ovu ideologiju u svom dizajnu i tipografiji. Ono što je usledilo jeste jan čiholdova knjiga „Nova tipografija“ 1928. godine koja sublimira ideje Futurizma, Konstruktivizma i De Stijl pokreta, prezentujući ih kao praktične savete za komercijalne štampare i dizajnere. Fokus nove tipografije bio je na praktičnoj aplikaciji modernizma. za razliku od futurista i dadaista, koji sa agresivnošću izazivaju konvencije, čiholdov pristup dizajnu uključuje red i disciplinu (slika 8.14). Prema njegovoj teoriji, mrežu bi trebalo da predstavlja modularni sistem koji se bazira na standardizovanim merama.
156
DEO 2 | Pismo i tipografija – praktikum
Prelom novina ima specifičan zahtev za oblikovanje tipografije u odnosu na ostale grafičke proizvode zbog toga što sadržaj, tekst i ilustracije treba kombinovati na velikoj površini za razliku od preloma knjiga koji se odvija u kontinuiranom pro cesu. Novine se oblikuju svojevrsnom tehnikom mozaika. Na prvom mestu je planiranje sadržaja i izgleda svake stranice da bi se nakon toga priredili rukopisi i slagali tekstovi uz pripremanje ilustracija. Ceo proces se odvija bez naročitog reda, da bi se na kraju svaki delić mozaika postavio na svoje mesto. Dakle, planiranje i koordinacija rada na oblikovanju novinskih, ili stranica magazina, odvija se na mrežastoj konstrukciji (skeletu) koja se definiše kao raster stranice. U skladu sa tim novinske stranice su raščlanjene u kolone, gde neparni broj kolona (pet, sedam, devet) prevladava jer pruža više mogućnosti za dinamičnu raspodelu elemenata.