Systémy mriežok: generátor mriežky layoutu pre tlač a obrazovku
Zostavte systém mriežok tak, ako ho učia typografické príručky: formát strany alebo obrazovky, okraje podľa kánonu (Van de Graaf, Tschichold) alebo predvoľba (zlatý rez, modulový, rovnaké okraje) alebo vlastné, stĺpce s medzistĺpcovými medzerami, moduly v celých účiariach, riadkovanie a typografická škála zosúladená s mriežkou účiaria. Živý náhľad, export do SVG, PDF, CSS Grid, JSON a nastavení pre programy DTP.
Hotové nastavenia pre typické projekty. Výber vyplní polia nižšie, ktoré môžete ďalej upraviť.
Strana / obrazovka
Okraje
Knižné kánony (Van de Graaf, Tschichold) a predvoľba zlatého rezu zámerne dávajú široké okraje: sadzobný obrazec tvorí asi 40–60 % strany. Pre letáky, plagáty a obrazovku zvoľte symetrické alebo vlastné okraje.
Stĺpce a moduly
Mriežka účiaria
Typografická škála
Hodnoty
Rozsahy obrázkov na mriežke
Obrázok vypĺňa celé polia: dolná hrana na linke účiaria, horná asi 0,7 stupňa písma nad účiarím prvého riadka (výška verzálok). Medzera medzi poľami = jeden riadok.
Kód a nastavenia
Čo je systém mriežok a prečo ho budovať?
Systém mriežok je neviditeľná konštrukcia layoutu: okraje vymedzujú sadzobný obrazec, stĺpce a medzistĺpcové medzery usporadúvajú šírky, moduly výšky a mriežka účiaria (riadkovanie) spôsobuje, že text v susedných stĺpcoch a na susedných stranách stojí na rovnakých riadkoch. Dobre zostavená mriežka skracuje navrhovanie, zjednocuje publikáciu a umožňuje spojiť tlač s obrazovkou na spoločnej logike proporcií.
Kánony okrajov (Van de Graaf, Tschichold) a predvoľba zlatého rezu
Kánon Van de Graafa je geometrická konštrukcia deliaca stranu na devätiny: vnútorný okraj 1/9 šírky, vonkajší 2/9, horný 1/9 výšky, dolný 2/9. Sadzobný obrazec má proporciu strany. Tschichold opísal proporcie 2:3:4:6 (vnútorný : horný : vonkajší : dolný). Predvoľba založená na zlatom reze škáluje okraje koeficientom 1,618 (1 : φ : φ : φ², od 1/12 šírky strany); nejde o historický kánon. Generátor vypočíta tieto hodnoty pre ľubovoľný formát a umožní ich ručne upraviť. Kánon je východiskom, nie dogmou.
Mriežka účiaria a typografická škála
Riadkovanie základného textu (napr. 12 pt) sa stáva jednotkou mriežky účiaria: sadzobný obrazec prispôsobíme celému počtu riadkov, moduly majú výšku v celých riadkoch a stupne nadpisov zo škály (1,2 · 1,25 · 1,333 · 1,5 · 1,618) dostanú riadkovanie, ktoré je násobkom jednotky. Vďaka tomu všetko „sedí“ na jednej mriežke. Pre obrazovku funguje rovnaká logika v pixeloch (napr. 8 px), s exportom do CSS Grid a premenných CSS.
Slovník pojmov: mriežky, sadzba a stĺpec
- Systém mriežok
- Súbor pravidiel rozloženia strany: okraje, stĺpce, moduly a mriežka účiaria, ktoré spolu usporadúvajú umiestnenie textu a obrázkov v celej publikácii alebo na webe.
- Sadzba
- Usporiadanie textu a grafiky na strane podľa stanovených parametrov: formátu, okrajov, stĺpcov, stupňa písma a riadkovania. Kedysi skladanie kovových liter, dnes práca v programe DTP alebo v CSS.
- Sadzobný obrazec
- Plocha strany vnútri okrajov, do ktorej sa umiestňuje text a obrázky. V knižnej typografii sa nazýva aj zrkadlo sadzby alebo zrkadlo strany.
- Stĺpec textu
- Zvislý pás textu so stanovenou šírkou (šírkou sadzby); strana môže mať jeden alebo viac stĺpcov. V návrhu webových stránok mu zodpovedá stĺpec obsahu.
- Stĺpec mriežky
- Jednotka delenia šírky sadzobného obrazca. Stĺpec textu môže zaberať jeden alebo niekoľko stĺpcov mriežky, napr. 3 z 12.
- Medzistĺpcová medzera (gutter)
- Prázdny pás medzi stĺpcami mriežky alebo stĺpcami textu. Často sa nastavuje na hodnotu riadkovania alebo jeho násobok, aby vodorovná mriežka súhlasila so zvislou, no napokon sa volí podľa šírky stĺpca a stupňa písma.
- Okraje
- Plochy medzi hranou strany a sadzobným obrazcom: horný (hlava), dolný (päta), vnútorný (chrbtový) a vonkajší (bočný). Na dvojstrane sa vnútorné okraje stretávajú v chrbte.
- Kánon okrajov
- Historická konštrukcia určujúca proporcie okrajov, napr. Van de Graafa (1/9 a 2/9 strany) či Tschicholda (2:3:4:6). Predvoľba je súčasná, dohodnutá proporcia, nie kánon.
- Modul (pole)
- Obdĺžnik vzniknutý priesečníkom stĺpca a riadka mriežky; jednotka, ku ktorej sa pripínajú bloky textu a obrázky. Rozloženie s 8, 20 či 32 poľami udáva počet modulov v sadzobnom obrazci.
- Mriežka účiaria
- Sústava vodorovných liniek s rozstupom rovným riadkovaniu základného textu. Účiaria riadkov vo všetkých stĺpcoch a na susedných stranách ležia na rovnakých linkách.
- Účiarie
- Neviditeľná linka, na ktorej stoja písmená bez dolných doťahov (a, m, x). Riadkovanie je vzdialenosť medzi susednými účiariami.
- Riadkovanie (preklad)
- Vzdialenosť medzi účiariami susedných riadkov v bodoch alebo pixeloch. Zápis 10/12 pt znamená stupeň 10 pt a riadkovanie 12 pt.
- Stupeň písma
- Nominálna veľkosť písma v bodoch (1 pt = 0,353 mm) alebo pixeloch. Výška písmen je menšia a závisí od typu písma: pri väčšine textových písem zaberajú verzálky približne 0,66–0,73 stupňa.
- Šírka sadzby (znaky v riadku)
- Šírka stĺpca vyjadrená počtom znakov v riadku. Pre súvislý text sa najčastejšie odporúča 45–75 znakov; kratšie riadky trhajú čítanie, dlhšie unavujú oko, hranice však závisia od písma, stupňa a druhu textu.
- Typografická hierarchia
- Usporiadaný súbor rolí textu (popisok, základný text, perex, nadpisy), ktoré sa líšia stupňom, riadkovaním a hrúbkou, postavený na spoločnej škále.
- Typografická škála
- Postupnosť stupňov písma vyplývajúca z jedného pomeru, napr. 1,25: každý ďalší stupeň je predchádzajúci vynásobený pomerom.
- Dvojstrana
- Dvojica susedných strán otvorenej publikácie. Okraje sú na nej zrkadlové: vnútorný pri chrbte, vonkajší pri hrane.
- Vertikálny rytmus
- Pravidelnosť zvislých rozstupov vyplývajúca z mriežky účiaria: výšky blokov a medzery medzi nimi sú násobkom riadkovania.
- Spadávka
- Plocha grafiky presahujúca za líniu rezu (zvyčajne 3 mm), ktorá chráni pred bielymi prúžkami po orezaní. Nepatrí do sadzobného obrazca.
- DTP
- Desktop publishing: počítačová príprava publikácií do tlače. Nástroj neexportuje súbory pre programy DTP; vytvára textový prehľad (okraje, stĺpce, mriežka účiaria), ktorý sa ručne prepíše do nastavení dokumentu.
