Mřížkový systém je nejvíce podceňovaný nástroj designéra: neviditelná konstrukce, díky které katalog, kniha nebo webová stránka tvoří ucelený celek.
Níže najdete postup krok za krokem, který zvládnete za čtvrt hodiny díky našim bezplatným nástrojům. Každý krok obsahuje odkaz, který otevře nástroj s hotovým nastavením z tohoto příkladu: katalogu A4.
Krok 1. Formát a médium
Začněte otázkou, kde bude projekt sledován: tisk nebo obrazovka, A4 nebo telefon, v ruce nebo z dálky. Formát vymezuje rámec dalších rozhodnutí: proporce strany, možné okraje, šířku sazebního obrazce a rozsah smysluplného dělení do sloupců. Samotný počet sloupců vyplývá až z druhu obsahu, stupně písma, řezu a očekávané délky řádku.
Jednotky volíte podle média: v tisku nejčastěji milimetry a body, u obrazovkových projektů jednotky CSS, jako px, rem, em nebo ch.
Otevřít generátor mřížek s formátem A4
Krok 2. Okraje: kánon, nebo vědomé rozhodnutí
Okraje vymezují sazební obrazec, tedy obdélník, do kterého se vejde text. Máte tu dvě cesty: sáhnout po hotovém kánonu, nebo rozhodnout se sami podle účelu publikace.
Kánon není jedno číslo, ale soubor tří proporčních pravidel. Za prvé, rozměry okrajů jsou zlomky rozměrů strany, ne hodnotami v milimetrech, takže stejný recept funguje na každém formátu. Za druhé, okraje rostou v pevném pořadí: nejužší je vnitřní, poté horní, dále vnější, nejširší dolní. Za třetí, v konstrukci Van de Graafa zachovává sazební obrazec proporci strany, díky čemuž opakuje její tvar v menším měřítku. Zápis 2:3:4:6 dává stejný efekt jen na straně s proporcí 2:3; na A4 má sazební obrazec už jinou proporci než strana.
Tato pravidla nevznikla u stolu, i když je namístě opatrnost ohledně jejich původu. Ve starých rukopisech a raných tiscích bývají proporce sazebního obrazce nápadně pravidelné a v polovině 20. století byly navrženy geometrické konstrukce, založené na úhlopříčkách strany a dvojstrany, které tato uspořádání rekonstruují. Jde o rekonstrukce: s jistotou nevíme, zda dávní tvůrci používali přesně takové vykreslování. Popsal je a zpopularizoval Jan Tschichold v eseji o proporcích knihy z poloviny padesátých let. Praktické zdůvodnění je prosté: dvojstranu vnímáme jako jeden celek, takže vnitřní okraje, které se stýkají u hřbetu, se opticky sčítají a musí být užší. Dolní okraj je nejširší, protože strana vizuálně sedá a opírají se o něj palce čtenáře.
Van de Graaf dělí stranu na devítiny: vnitřní okraj tvoří 1/9 šířky, vnější 2/9, horní 1/9 výšky, dolní 2/9. Pro stranu s proporcí 2:3 to dává poměr 2:3:4:6 v pořadí vnitřní, horní, vnější, dolní, tedy uspořádání, které popsal Tschichold. Oba postupy tedy nejsou nezávislé: na straně 2:3 vedou ke stejnému řešení a náš příklad 160 × 240 mm má přesně tuto proporci. Výsledkem jsou široké, vzdušné okraje a sazební obrazec v proporci strany.
Druhá cesta je rozhodnutí, tedy vlastní okraje zvolené podle úkolu. Sáhnete po ní tehdy, když publikace není knihou k delšímu čtení: u katalogu, letáku, reportu nebo obrazovkového projektu kánon obvykle věnuje příliš velkou plochu okrajům. Rozhodnutí ale neznamená libovůli, protože vychází z konkrétních podkladů: kolik obsahu se musí vejít na stranu a zda vám záleží na úspoře papíru; jakým způsobem bude publikace vázána, protože lepená vazba ubírá část vnitřního okraje a je potřeba jej rozšířit; zda grafika sahá až ke kraji, což vyžaduje spadávku a mění dojem šířky okraje; jaké stálé prvky se musí vejít na stranu, od stránkování a živého záhlaví po čárový kód či právní patičku; a konečně jak čtenář publikaci drží a kde by proto neměl být žádný obsah.
Praktická rada: místo zaokrouhlených 20 mm zvolte proporci a držte se jí důsledně v celém projektu. V našem příkladu katalogu A4 volíme symetrické okraje 16,8 mm, při kterých sazební obrazec zabírá asi 70 až 75 procent plochy strany. Generátor tento podíl zobrazuje průběžně, takže hned vidíte, kolik místa věnujete světlu a kolik zůstává na obsah.
Podívejte se na Tschicholdův kánon na dvojstraně knihy 160 × 240
Krok 3. Řádkování, neboli jednotka mřížky
Nejdůležitější rozhodnutí v celém procesu: řádkování základního textu se stává jednotkou mřížky účaří. Text 10 bodů s řádkováním 12 bodů znamená mřížku po 12 bodech, tedy 4,233 mm. Od této chvíle vše, co má výšku, počítáme v řádcích: sazební obrazec, moduly, obrázky, mezery.
Díky tomu si řádky v sousedních sloupcích zachovávají společný rytmus a při důsledné sazbě recto a verso vycházejí řádky textu na obou stranách listu ve stejných výškách, což omezuje vizuální chaos způsobený prosvítáním tenkého papíru.
Nástroj přizpůsobuje sazební obrazec celému počtu řádků dvěma způsoby na výběr. První přenáší přebytečnou výšku do dolního okraje a ukazuje, o kolik jej zvětšuje. Druhý ponechává okraje nedotčené, což je důležité u kánonů, a minimálně upravuje řádkování. Když k vyplnění pole chybí alespoň jeden řádek, nástroj navrhne počty řádků, které se vejdou beze zbytku.
Krok 4. Sloupce a délka řádku
Počet sloupců vyplývá z obsahu, ne z módy. U souvislého textu se obvykle vyplatí mířit na 45 až 75 znaků v řádku, se střední hodnotou kolem 66, a korekci provést podle řezu, stupně písma a charakteru publikace. Úzké časopisecké sloupce bývají výrazně kratší a při 35 až 50 znacích dokážou fungovat velmi dobře.
Dvanáct úzkých sloupců není dvanáct sloupců textu, ale flexibilní dělení: text zabírá 3, 4 nebo 6 z nich, obrázky libovolný počet. Nástroj odhaduje počet znaků v řádku pro jeden sloupec, přičemž počítá s průměrnou šířkou znaku rovnou 0,47 firetu, a navrhuje, kolik sloupců je třeba spojit, aby se vešel do rozsahu pohodlného pro čtení. Jde o přiblížení: konkrétní řez může dát výsledek o pár znaků odlišný.
Krok 5. Pole: moduly v celých řádcích
Moduly vznikají na průsečíku sloupců a řádků: dělení sazebního obrazce na řádky mění sloupce v mřížku polí. Setkáváme se s uspořádáním 8, 20 nebo 32 modulů, ale jde o příklady, ne o kánon; stejně dobře funguje 12 nebo 24. Praktické pravidlo zní: výšky polí a mezery mezi nimi se vyplatí vyjadřovat celým počtem jednotek mřížky účaří. Klasickým a velmi pohodlným řešením je mezera rovná jednomu řádku, i když se setkáváme i se dvěma a více. Obrázek zabírající dvě pole na výšku pak končí ve stejné výšce jako text vedle něj.
Otevřít mřížku s 20 poli (4 × 5) na A4
Krok 6. Obrázky na mřížce
Obrázek by měl zabírat celá pole: 1 × 1, 2 × 1, 2 × 2, 3 × 2 a tak dále. Hrany obrázku by se měly důsledně vztahovat k hranicím modulů a k rytmu řádků. Nejjistějším vztažným bodem je hranice modulu: dolní hrana obrázku se kryje s dolní hranou pole, tedy s účařím (dolní dotažnicí) posledního řádku, který se do něj vejde. V klasických pramenech se navíc setkáváme se zarovnáním horní hrany podle verzálkové výšky sousedního textu; zvolte jednu konvenci a držte se jí v celé publikaci.
Tabulka rozpětí v generátoru uvádí rozměry a proporce bloků zahrnujících až čtyři sloupce a čtyři řádky, tedy šestnáct nejčastějších formátů záběru. Fotograf nebo retušér díky tomu ví, jak kadrovat, ještě než začne sazba.
Krok 7. Typografie na stejné mřížce
Mřížka bez písma je prázdná. Tlačítko Vybrat písmo pro tuto mřížku přenáší řádkování, stupeň a šířku sloupce do typografického nástroje, který vytváří kompletní hierarchii: popisek, text, lead a tři úrovně nadpisů.
Řádkování jednotlivých úrovní hierarchie se vztahuje k základnímu modulu: může být jeho celočíselným, nebo v pružnější mřížce polovičním násobkem. Dělení na půlřádky je moderní rozšíření klasického modelu, ve kterém se poloviny obcházely; v našem nástroji drží text a popisky celé řádky, zatímco lead a nadpisy mohou stát na půlřádku. Nástroj počítá pouze řádkování a nehlídá výšku celých bloků ani mezery před nimi a po nich; o návrat na celý řádek se musí postarat designér.
Otevřít typografický nástroj s nastavením tohoto katalogu (šestisloupcová sazba)
Krok 8. Kontrola a export
Na závěr si položte čtyři otázky: zda je hierarchie nadpisů jasně viditelná, zda nejmenší text zůstává pohodlně čitelný v cílové technologii, zda má souvislý text správnou délku řádku a zda se prvky důsledně vracejí do rytmu mřížky.
Nástroj upozorní, když popisek klesne pod 7 bodů v tisku nebo 12 px na obrazovce. Jde o varovné hodnoty přijaté v kalkulátoru, ne o normy: 7 bodů bývá skvěle čitelných v řezu s velkou výškou x na dobrém papíře a selhává u jemného písma na savém papíře, a pravidla přístupnosti webu neurčují minimální stupeň písma: vyžadují zvětšení textu na 200 procent bez ztráty obsahu a se správným tokem rozvržení při šířce 320 pixelů CSS.
Když vše sedí, exportujte mřížku jako přehled pro DTP program, PDF v měřítku 1:1 (podklad a kontrolní tisk), SVG nebo CSS Grid s proměnnými pro webovou stránku. Odkaz na konfiguraci můžete poslat spolupracovníkům: otevře nástroj přesně v tomto stavu.
Když bude projekt sledován z dálky
Plakát, stěna stánku nebo banner se řídí jinou logikou: o čitelnosti rozhoduje zorný úhel, ne stupeň písma. Pro jednoduchý, kontrastní nápis lze orientační verzálkovou výšku vypočítat právě ze zorného úhlu; při předpokladu 15 úhlových minut to dává přibližně 44 mm z 10 m a přibližně 13 cm z 30 m. V reálném projektu se vyplatí tuto hodnotu zvětšit, zejména když je příjemce v pohybu, vidí nápis jen chvíli nebo jsou kontrast a osvětlení horší. Vliv má také řez písma, tloušťka tahů a výška montáže.
Shrnutí
Dobrá mřížka není ozdoba, ale rozhodnutí přijaté jednou a důsledně dodržované: formát, okraje, řádkování jako jednotka, sloupce, pole. Celý zbytek práce se pak stává rychlejším a projekt vypadá jednotně i tehdy, když se k němu přidávají další strany.
