Mriežkový systém je najviac podceňovaný nástroj dizajnéra: neviditeľná konštrukcia, vďaka ktorej katalóg, kniha či webová stránka tvoria jednotný celok.
Nižšie nájdete metódu krok za krokom, ktorú zvládnete za štvrťhodinu vďaka našim bezplatným nástrojom. Každý krok obsahuje odkaz, ktorý otvorí nástroj s hotovým nastavením z tohto príkladu: katalógu A4.
Krok 1. Formát a médium
Začnite otázkou, kde bude projekt sledovaný: tlač či obrazovka, A4 či telefón, v ruke či z diaľky. Formát určuje rámec ďalších rozhodnutí: proporcie strany, možné okraje, šírku sadzobného obrazca a rozsah zmysluplných stĺpcových delení. Samotný počet stĺpcov vyplýva až z typu obsahu, veľkosti písma, rezu a očakávanej dĺžky riadka.
Jednotky volíte podľa média: v tlači najčastejšie milimetre a body, v obrazovkových projektoch jednotky CSS, ako px, rem, em či ch.
Otvoriť generátor mriežok s formátom A4
Krok 2. Okraje: kánon alebo vedomé rozhodnutie
Okraje vymedzujú sadzobný obrazec, teda obdĺžnik, do ktorého sa vojde text. Máte tu dve cesty: siahnuť po hotovom kánone, alebo rozhodnúť sa samostatne podľa účelu publikácie.
Kánon nie je jedno číslo, ale súbor troch proporčných pravidiel. Po prvé, rozmery okrajov sú zlomkami rozmerov strany, nie hodnotami v milimetroch, takže rovnaký predpis funguje na každom formáte. Po druhé, okraje rastú v pevnom poradí: najužší je vnútorný, potom horný, ďalej vonkajší, najširší dolný. Po tretie, v konštrukcii Van de Graafa sadzobný obrazec zachováva proporciu strany, čím opakuje jej tvar v menšej mierke. Zápis 2:3:4:6 dáva rovnaký efekt iba na strane s proporciou 2:3, na A4 má sadzobný obrazec už inú proporciu než strana.
Tieto pravidlá nevznikli pri stole, hoci pri ich pôvode treba byť opatrný. V starých rukopisoch a raných tlačiach bývajú proporcie sadzobného obrazca prekvapivo pravidelné a v polovici 20. storočia sa objavili geometrické konštrukcie založené na uhlopriečkach strany a dvojstrany, ktoré tieto usporiadania rekonštruujú. Ide o rekonštrukcie: nevieme s istotou, či dávni tvorcovia používali presne takéto vykresľovanie. Opísal ich a spopularizoval Jan Tschichold v eseji o proporciách knihy z polovice päťdesiatych rokov. Praktické zdôvodnenie je jednoduché: dvojstranu vnímame ako jeden celok, takže vnútorné okraje, ktoré sa stretávajú pri chrbte, sa opticky sčítavajú a musia byť užšie. Dolný okraj je najširší, pretože strana opticky klesá a na ňom spočívajú palce čitateľa.
Van de Graaf delí stranu na deviny: vnútorný okraj je 1/9 šírky, vonkajší 2/9, horný 1/9 výšky, dolný 2/9. Pre stranu s proporciou 2:3 to dáva pomer 2:3:4:6 v poradí vnútorný, horný, vonkajší, dolný, teda usporiadanie opísané Tschicholdom. Oba predpisy teda nie sú nezávislé: na strane 2:3 vedú k rovnakému riešeniu a náš príklad 160 × 240 mm má presne túto proporciu. Výsledkom sú široké, dýchajúce okraje a sadzobný obrazec v proporcii strany.
Druhá cesta je rozhodnutie, teda vlastné okraje zvolené podľa úlohy. Siahnete po nej vtedy, keď publikácia nie je knihou na dlhšie čítanie: v katalógu, letáku, správe či obrazovkovom projekte kánon zvyčajne odovzdáva príliš veľkú plochu. Rozhodnutie však neznamená ľubovôľu, pretože vychádza z konkrétnych predpokladov: koľko obsahu sa musí zmestiť na stranu a či vám záleží na úspore papiera; akým spôsobom bude publikácia zviazaná, pretože lepená väzba uberá časť vnútorného okraja a treba ho rozšíriť; či grafiky siahajú až po okraj strany, čo si vyžaduje spadávku a mení dojem šírky okraja; aké stále prvky sa musia zmestiť na stranu, od paginácie a živej hlavičky po čiarový kód či právnu pätu; napokon ako čitateľ drží publikáciu a kde by preto nemal byť obsah.
Praktická rada: namiesto zaokrúhlených 20 mm zvoľte proporciu a držte sa jej dôsledne v celom projekte. V našom príklade katalógu A4 sa rozhodujeme pre symetrické okraje 16,8 mm, pri ktorých sadzobný obrazec zaberá približne 70 až 75 percent plochy strany. Generátor tento podiel priebežne zobrazuje, takže hneď vidíte, koľko miesta odovzdávate svetlu a koľko zostáva na obsah.
Pozrite si Tschicholdov kánon na dvojstrane knihy 160 × 240
Krok 3. Riadkovanie, teda jednotka mriežky
Najdôležitejšie rozhodnutie v celom procese: riadkovanie základného textu sa stáva jednotkou mriežky účiaria. Text 10 bodov s riadkovaním 12 bodov znamená mriežku po 12 bodoch, čiže 4,233 mm. Od tejto chvíle všetko, čo má výšku, počítame v riadkoch: sadzobný obrazec, moduly, obrázky, medzery.
Vďaka tomu si riadky v susedných stĺpcoch zachovávajú spoločný rytmus a pri dôslednej sadzbe recto a verso vychádzajú riadky textu na oboch stranách listu v rovnakých výškach, čo obmedzuje vizuálny chaos spôsobený presvitaním tenkého papiera.
Nástroj prispôsobuje sadzobný obrazec celému počtu riadkov dvomi spôsobmi na výber. Prvý presúva prebytočnú výšku do dolného okraja a ukazuje, o koľko ho zväčšuje. Druhý necháva okraje nedotknuté, čo je dôležité pri kánonoch, a minimálne upravuje riadkovanie. Keď do vyplnenia obrazca chýba aspoň jeden riadok, nástroj navrhne počty riadkov, ktoré sa zmestia bezo zvyšku.
Krok 4. Stĺpce a dĺžka riadka
Počet stĺpcov vyplýva z obsahu, nie z módy. Pri súvislom texte sa zvyčajne oplatí mieriť na 45 až 75 znakov v riadku, so strednou hodnotou okolo 66, a korekciu zaviesť podľa rezu písma, veľkosti a charakteru publikácie. Úzke časopisecké stĺpce bývajú výrazne kratšie a pri 35 až 50 znakoch dokážu fungovať veľmi dobre.
Dvanásť úzkych stĺpcov nie je dvanásť stĺpcov textu, ale flexibilné delenie: text zaberá 3, 4 alebo 6 z nich, obrázky ľubovoľný počet. Nástroj odhaduje počet znakov v riadku pre jeden stĺpec, pričom predpokladá priemernú šírku znaku 0,47 firetu, a navrhne, koľko stĺpcov treba spojiť, aby sa dosiahol rozsah pohodlný na čítanie. Ide o priblíženie: konkrétny rez písma môže dať výsledok o niekoľko znakov iný.
Krok 5. Polia: moduly v celých riadkoch
Moduly vznikajú na priesečníku stĺpcov a riadkov: delenie sadzobného obrazca na riadky mení stĺpce na mriežku polí. Stretávajú sa usporiadania 8, 20 či 32 modulov, no sú to iba príklady, nie kánon; rovnako dobre funguje 12 alebo 24. Praktické pravidlo znie: výšky polí a medzery medzi nimi sa oplatí vyjadrovať celým počtom jednotiek mriežky účiaria. Klasickým a veľmi pohodlným riešením je medzera rovná jednému riadku, hoci sa stretávajú aj dve a viac. Vtedy sa obrázok zaberajúci dve polia vo zvislom smere skončí v rovnakej výške ako text vedľa neho.
Otvoriť mriežku s 20 poliami (4 × 5) na A4
Krok 6. Obrázky na mriežke
Obrázok by mal zaberať celé polia: 1 × 1, 2 × 1, 2 × 2, 3 × 2 a tak ďalej. Okraje obrázka by sa mali dôsledne vzťahovať na hranice modulov a na rytmus riadkov. Najspoľahlivejším vzťažným bodom je hranica modulu: dolný okraj obrázka sa prekrýva s dolným okrajom poľa, teda so základnou čiarou posledného riadka, ktorý sa doň zmestí. V klasických spracovaniach sa navyše stretáva zarovnanie horného okraja podľa výšky verzálok susedného textu; zvoľte si jednu konvenciu a držte sa jej v celej publikácii.
Tabuľka rozpätí v generátore udáva rozmery a proporcie blokov zahŕňajúcich až štyri stĺpce a štyri riadky, teda šestnásť najčastejších orezov. Fotograf alebo retušér tak vie, ako kadrovať, ešte skôr než sa začne sadzba.
Krok 7. Typografia na tej istej mriežke
Mriežka bez písma je prázdna. Tlačidlo Vybrať písmo k tejto mriežke prenesie riadkovanie, veľkosť a šírku stĺpca do typografického nástroja, ktorý zostaví úplnú hierarchiu: popisok, text, lead a tri úrovne nadpisov.
Riadkovanie jednotlivých úrovní hierarchie sa vzťahuje na základný modul: môže byť jeho celočíselným, alebo v pružnejšej mriežke polovičným násobkom. Delenie na polriadky je súčasné rozšírenie klasického modelu, v ktorom sa polovičkám vyhýbalo; v našom nástroji text a popisky držia celé riadky, zatiaľ čo lead a nadpisy môžu stáť na polriadku. Nástroj počíta iba riadkovanie a nesleduje výšku celých blokov ani medzery pred nimi a za nimi; o návrat na celý riadok sa musí postarať dizajnér.
Otvoriť typografický nástroj s nastavením tohto katalógu (šesťstĺpcová sadzba)
Krok 8. Kontrola a export
Na záver si položte štyri otázky: či je hierarchia nadpisov zreteľne viditeľná, či najmenší text zostáva pohodlne čitateľný v cieľovej technológii, či súvislý text má správnu dĺžku riadka a či sa prvky dôsledne vracajú do rytmu mriežky.
Nástroj upozorní, keď popisok klesne pod 7 bodov v tlači alebo 12 px na obrazovke. Ide o varovné hodnoty prijaté v kalkulátore, nie o normy: 7 bodov býva skvele čitateľných v reze s veľkou výškou x na dobrom papieri a zlyháva pri jemnom písme na savom papieri, a smernice prístupnosti webových stránok neurčujú minimálnu veľkosť písma: vyžadujú zväčšenie textu na 200 percent bez straty obsahu a so správnym tokom rozloženia pri šírke 320 pixelov CSS.
Keď všetko sedí, exportujte mriežku ako zostavu pre program DTP, PDF v mierke 1:1 (podklad a kontrolný výtlačok), SVG alebo CSS Grid s premennými pre webovú stránku. Odkaz na konfiguráciu môžete poslať spolupracovníkom: otvorí nástroj presne v tomto stave.
Keď bude projekt sledovaný z diaľky
Plagát, stena stánku či banner sa riadia inou logikou: o čitateľnosti rozhoduje uhol pohľadu, nie veľkosť písma. Pre jednoduchý, kontrastný nápis možno orientačnú výšku verzálok vypočítať práve z uhla pohľadu; pri predpoklade 15 uhlových minút to dáva približne 44 mm z 10 m a približne 13 cm z 30 m. V reálnom projekte sa oplatí túto hodnotu zväčšiť, najmä keď je príjemca v pohybe, nápis vidí iba na chvíľu, alebo sú kontrast a osvetlenie horšie. Vplyv má aj rez písma, hrúbka ťahov a výška montáže.
Zhrnutie
Dobrá mriežka nie je ozdoba, ale rozhodnutie prijaté raz a dôsledne dodržiavané: formát, okraje, riadkovanie ako jednotka, stĺpce, polia. Celý zvyšok práce sa potom stáva rýchlejším a projekt pôsobí jednotne aj vtedy, keď sa doňho pridávajú ďalšie strany.
