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.

Mřížka se počítá v prohlížeči. Parametry ani soubory neopouštějí Vaše zařízení.

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

Náhled

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í


            
Stáhnout: Vybrat písmo pro tuto mřížku

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.

Potřebujete návrh publikace, katalogu nebo vizuální identity na pevné mřížce? Navrhneme jej