Systémy mřížek: generátor mřížky layoutu pro tisk a obrazovku
Sestavte systém mřížek jako v učebnicích typografie: formát strany nebo obrazovky, okraje podle kánonu (Van de Graaf, Tschichold) nebo předvolba (zlatý řez, modulový, stejné okraje) nebo vlastní, sloupce s mezisloupcovými mezerami, moduly v celých řádcích účaří, řádkování a typografická škála sladěná s mřížkou účaří. Živý náhled, export do SVG, PDF, CSS Grid, JSON a nastavení pro programy DTP.
Hotová nastavení pro typické projekty. Výběr vyplní pole níže, která můžete dále upravit.
Strana / obrazovka
Okraje
Knižní kánony (Van de Graaf, Tschichold) a předvolba zlatého řezu záměrně dávají široké okraje: sazební obrazec tvoří asi 40–60 % strany. Pro letáky, plakáty a obrazovku zvolte symetrické nebo vlastní okraje.
Sloupce a moduly
Mřížka účaří
Typografická škála
Hodnoty
Rozsahy obrázků na mřížce
Obrázek vyplňuje celá pole: dolní hrana na lince účaří, horní asi 0,7 stupně písma nad účařím prvního řádku (výška verzálek). Mezera mezi poli = jeden řádek.
Kód a nastavení
Co je systém mřížek a proč jej budovat?
Systém mřížek je neviditelná konstrukce layoutu: okraje vymezují sazební obrazec, sloupce a mezisloupcové mezery pořádají šířky, moduly výšky a mřížka účaří (řádkování) zajišťuje, že text v sousedních sloupcích a na sousedních stranách stojí na stejných linkách. Dobře sestavená mřížka zkracuje navrhování, sjednocuje publikaci a umožňuje propojit tisk s obrazovkou na společné logice proporcí.
Kánony okrajů (Van de Graaf, Tschichold) a předvolba zlatého řezu
Kánon Van de Graafa je geometrická konstrukce dělící stranu na devítiny: vnitřní okraj 1/9 šířky, vnější 2/9, horní 1/9 výšky, dolní 2/9. Sazební obrazec má proporci strany. Tschichold popsal proporce 2:3:4:6 (vnitřní : horní : vnější : dolní). Předvolba založená na zlatém řezu škáluje okraje koeficientem 1,618 (1 : φ : φ : φ², od 1/12 šířky strany); nejde o historický kánon. Generátor tyto hodnoty spočítá pro libovolný formát a umožní vám je ručně upravit. Kánon je východisko, nikoli dogma.
Mřížka účaří a typografická škála
Řádkování základního textu (např. 12 pt) se stává jednotkou mřížky účaří: sazební obrazec přizpůsobíme celému počtu řádků, moduly mají výšku v celých řádcích a stupně nadpisů ze škály (1,2 · 1,25 · 1,333 · 1,5 · 1,618) dostávají řádkování, které je násobkem jednotky. Díky tomu vše „sedí" na jedné mřížce. Pro obrazovku funguje stejná logika v pixelech (např. 8 px), s exportem do CSS Grid a proměnných CSS.
Slovník pojmů: mřížky, sazba a sloupec
- Systém mřížek
- Soubor pravidel pro uspořádání strany: okraje, sloupce, moduly a mřížka účaří, které společně určují umístění textu a obrázků v celé publikaci nebo na webu.
- Sazba
- Uspořádání textu a grafiky na straně podle stanovených parametrů: formátu, okrajů, sloupců, stupně písma a řádkování. Dříve sázení z kovových liter, dnes práce v programu DTP nebo v CSS.
- Sazební obrazec
- Plocha strany uvnitř okrajů, do níž se umisťuje text a obrázky. V knižní typografii se jí říká také zrcadlo sazby nebo textový blok.
- Sloupec textu
- Svislý pás textu o stanovené šířce (šířce sazby); strana může mít jeden nebo více sloupců textu. V návrhu webových stránek mu odpovídá sloupec obsahu.
- Sloupec mřížky
- Jednotka dělení šířky sazebního obrazce. Sloupec textu může zabírat jeden nebo několik sloupců mřížky, např. 3 z 12.
- Mezisloupcová mezera (gutter)
- Prázdný pás mezi sloupci mřížky nebo sloupci textu. Často se nastavuje na hodnotu řádkování nebo jeho násobek, aby vodorovná mřížka souhlasila se svislou, ale nakonec se volí podle šířky sloupce a stupně písma.
- Okraje
- Plochy mezi hranou strany a sazebním obrazcem: horní (hlava), dolní (pata), vnitřní (hřbetní) a vnější. Na dvoustraně se vnitřní okraje stýkají ve hřbetu.
- Kánon okrajů
- Historická konstrukce určující proporce okrajů, např. Van de Graaf (1/9 a 2/9 strany) nebo Tschichold (2:3:4:6). Předvolba je novodobá, smluvená proporce, nikoli kánon.
- Modul (pole)
- Obdélník vzniklý průsečíkem sloupce a řádku mřížky; jednotka, k níž se přichytávají textové bloky a obrázky. Rozvržení o 8, 20 nebo 32 polích udává počet modulů v sazebním obrazci.
- Mřížka účaří
- Soustava vodorovných linek v rozestupu rovném řádkování základního textu. Účaří řádků ve všech sloupcích i na sousedních stranách leží na týchž linkách.
- Účaří
- Neviditelná linka, na níž stojí písmena bez dolních dotahů (a, m, x). Řádkování je vzdálenost mezi sousedními účařími.
- Řádkování (proklad)
- Vzdálenost mezi účařími po sobě jdoucích řádků, v bodech nebo pixelech. Zápis 10/12 pt znamená stupeň 10 pt a řádkování 12 pt.
- Stupeň písma
- Nominální velikost písma v bodech (1 pt = 0,353 mm) nebo pixelech. Výška písmen je menší a závisí na písmu: u většiny textových písem zabírají verzálky přibližně 0,66–0,73 stupně.
- Šířka sazby (znaky na řádek)
- Šířka sloupce textu vyjádřená počtem znaků na řádek. Pro souvislý text se nejčastěji doporučuje 45–75 znaků; kratší řádky trhají čtení, delší unavují oko, hranice však závisí na písmu, stupni a druhu textu.
- Typografická hierarchie
- Uspořádaná sada rolí textu (popisek, základní text, perex, nadpisy), které se liší stupněm, řádkováním a tučností a jsou postaveny na společné škále.
- Typografická škála
- Řada stupňů písma odvozená z jediného poměru, např. 1,25: každý další stupeň je předchozí vynásobený tímto poměrem.
- Dvoustrana
- Dvojice sousedních stran otevřené publikace. Okraje jsou na ní zrcadlové: vnitřní u hřbetu, vnější u hrany.
- Vertikální rytmus
- Pravidelnost svislých rozestupů vyplývající z mřížky účaří: výšky bloků i mezery mezi nimi jsou násobkem řádkování.
- Spadávka
- Část grafiky přesahující za linii ořezu (obvykle 3 mm), která chrání před bílými proužky po oříznutí. Do sazebního obrazce nepatří.
- DTP
- Desktop publishing: počítačová příprava publikací pro tisk. Nástroj neexportuje soubory pro programy DTP; vytváří textový přehled (okraje, sloupce, mřížka účaří), který se ručně přepíše do nastavení dokumentu.