Typografická pravidla

Tečka (.)

Proč se doporučuje tečku vynechat: Uživatelé rozhraní skenují, ne čtou. Tečka na konci krátké fráze vizuálně „ukončuje“ myšlenku a přidává drobný vizuální a kognitivní šum. Vynecháním tečky se text jeví jako otevřenější a rychleji zpracovatelný.

Použití lomítka (/)

hlavní pravidla pro použití s ohledem na mezery.

Spojovník vs. Pomlčka (- vs. –)

Správné rozlišení těchto dvou znaků je základem profesionálního typografie textu. Spojovník spojuje, pomlčka odděluje.

Spojovník (krátký znak: - [Hyphen])

Používá se k těsnému spojení dvou slov nebo částí slov. Na klávesnici se nachází hned vedle pravého Shiftu. Nikdy se neodděluje mezerami!

Pomlčka (dlouhý znak: – [En-dash])

Používá se k oddělení částí věty, vyjádření rozsahu nebo nahrazení slovesa. V digitální sazbě používáme tzv. půlčtverčíkovou pomlčku.

Jak správně zadat pomlčku na klávesnici

• Windows: Alt + 0150 (na numerické klávesnici)
• Mac: Option + (pomlčka)

Pravidla pro mezery

To, zda kolem pomlčky napíšete mezery, určuje složitost výrazů, které spojuje:

1. BEZ MEZER (Jednoduché výrazy): Pokud spojujete jednoslovné výrazy, samostatná čísla nebo zkratky.
   • Rozsah: 2023–2024, 8–16 hod.
   • Vztah: klient–pojistitel
   • Měna: 1 500,– Kč
2. S MEZERAMI (Složité výrazy): Pokud spojujete víceslovné výrazy (např. kompletní datum a čas) nebo pomlčku používáte jako interpunkci ve větě.
   • Datum a čas: 01.01., 08:00 – 02.01., 16:00
   • Vsuvka: Částku – při splnění všech podmínek – obratem vyplatíme.

Důležité pravidlo sazby: Pomlčka by nikdy neměla zůstat osamocená na začátku nového řádku. V digitálním prostředí tomu zabráníte použitím nezlomitelná mezera ( ) těsně před pomlčkou.

Zadání rozsahu datumu a času (cheatsheet)

• Používá se pomlčka (dlouhý znak: –)
• Jednoslovné výrazy (čísla, zkratky) = bez mezer kolem pomlčky.
• Víceslovné výrazy (celá data) = s mezerami kolem pomlčky.

Nezalomitelná (pevná) mezera ( ): Vkládejte vždy mezi číslo a měsíc (1._ledna) nebo hodnotu a jednotku (16_h), aby se výraz nezalomil na dva řádky. V případě složitějších rozsahu je zde ukázka správného použití mezer/pevných mezer aby docházelo k typograficky správnému zalomení textu.

1. 1. 2025, 00:00 – 31. 12. 2025, 24:00
DD.[pevná mezera]MM.[pevná mezera]RRRR,[mezera]HH:MM[pevná mezera]–[mezera]DD.[pevná mezera]MM.[pevná mezera]RRRR,[mezera]HH:MM

!!! Pozor na rozdílné typy mezer kolem pomlčky !!! Jak je vidět na schématu výše, před pomlčkou musí být pevná mezera (aby pomlčka neuskočila na nový řádek). Hned za pomlčkou ale následuje mezera klasická. Tím prohlížeči říkáte: „Pokud se celý rozsah nevejde na jeden řádek, rozděl ho přesně tady, hned za pomlčkou.“

Tip pro Web: Pro správné zarovnání čísel v tabulkách (zejména s nulami na začátku) je vhodné použijte ve fontu vlastnost font-variant-numeric: tabular-nums; (nastavuje neproporcionální → monospaced šířku číslic).

Non-breakable space (nezlomitelná mezera  )

Pravidlo: Používejte nezlomitelnou mezeru k zajištění, že se určité dvojice slov nebo znaků nerozdělí na konci řádku. Tím předejdete vzniku "sirotků" a celkově zlepšíte čitelnost textu.

Kdy použít:

• Za krátkými předložkami a spojkami na tak aby nebyly na konci řádku (a, i, k, o, s, u, v, z). Viz sekce "Vdovy a sirotci"
  • Příklad: "Smlouva o životním pojištění"
• Mezi číslem a jednotkou (měna, procenta, míry).
  • Příklad: "1 200 CZK", "5 %", "10 km"
• Mezi titulem a jménem.
  • Příklad: "Ing. Novák"
• Mezi jménem a příjmením, pokud je chcete udržet pohromadě.
• Za zkratkami (např. a.s., s.r.o.).
  • Příklad: "Česká podnikatelská pojišťovna, a.s."

Vysvětlení: Nezlomitelná mezera zlepšuje vizuální kontinuitu textu a estetiku. Text působí uhlazeněji a čitelněji, zejména v krátkých popiscích a nadpisech, což je pro profesionální pojišťovací aplikace klíčové.

Jak zadat nezlomitelnou mezeru

Zadání nezlomitelné mezery se liší v závislosti na operačním systému. Zde jsou nejčastější způsoby:

Na Windows počítačích:

• Pomocí číselné klávesnice (Numeric Keypad): Podržte klávesu Alt a na číselné klávesnici (na pravé straně klávesnice) zadejte 0160. Jakmile klávesu Alt uvolníte, objeví se nezlomitelná mezera. Ujistěte se, že máte Num Lock zapnutý.
• V textových editorech (Word, Google Docs): Mnoho textových editorů má tuto funkci přímo v menu nebo jako zkratku. Například v Microsoft Wordu ji najdete pod "Vložení" > "Symbol" > "Další symboly…" > "Speciální znaky" > "Nezlomitelná mezera". Rychlejší je ale obvykle Ctrl + Shift + Mezerník.

Na Mac počítačích:

• Pomocí klávesové zkratky: Podržte klávesy Option (Alt) + Mezerník. Toto je nejjednodušší a nejrychlejší způsob na Macu.

Ve webovém kódu (HTML):

• Pokud pracujete přímo s HTML kódem, můžete nezlomitelnou mezeru zadat pomocí entity  .

Sirotci a vdovy (Orphans and Widows)

• Sirotek (Orphan): Jedno slovo (nebo velmi krátká slabika) na posledním řádku odstavce.

• Vdova (Widow): První řádek odstavce, který se objeví na konci stránky nebo sloupce.

Pravidlo: Vyvarujte se sirotků a vdov. ačkoliv moderní CSS a typografické systémy to často řeší automaticky, je dobré si na to dát pozor, zejména u nadpisů a kratších bloků textu. Lze řešit úpravou textu, non-breakable space nebo nastavením CSS vlastností (orphans, windows).

Proč: Zlepšuje čitelnost a profesionální vzhled textu. Krátký osamocený řádek působí amatérsky a narušuje tok čtení.

Interpunkce a uvozovky

• Uvozovky: V češtině se používají „české uvozovky“ (dolní na začátku, horní na konci).
  • Příklad: „Tato pojistka je platná od 1. ledna.“
• Tečky, čárky: Vždy bezprostředně za slovem, následuje mezera.

Vysvětlení: Správné používání interpunkce je základem gramotného a profesionálního textu.

Výpustka

Grafické znázornění výpustky (tři tečky).

Kdy použít výpustku: Výpustka neboli tři tečky se používá, když chcete naznačit, že část textu byla vynechána, nebo že text pokračuje.

Proč použít znak výpustky místo tří teček: Použití jednoho znaku pro výpustku (tzv. "ellipsis character") namísto tří samostatných teček zajišťuje typografickou správnost a konzistenci. Znak výpustky je navržen tak, aby měl správné mezery mezi tečkami a celkově působí estetičtěji a profesionálněji. Zabraňuje také nežádoucímu rozdělení teček na konci řádku, což by narušilo čitelnost.

Jak zadat výpustku:

• MacOS: Shift + Option + ů
• Windows: alt + 0 1 3 3

Používání tučného textu (Bold)

Pravidlo: Tučný text používejte střídmě a strategicky k zvýraznění klíčových informací, akčních prvků nebo důležitých čísel. Nepřehánějte to, příliš mnoho tučného textu snižuje jeho účinnost a vizuálně ruší.

Příklady:

• "Stav smlouvy: Aktivní"
• "Termín splatnosti: 15. 06. 2025"

Proč: Pomáhá uživatelům rychle skenovat text a najít nejdůležitější informace. Zlepšuje hierarchii informací.

Používání kurzívy (Italic)

Pravidlo: Kurzívu používejte velmi střídmě a výhradně pro specifické účely, jako jsou citace, technické termíny, názvy děl, části textu s odlišným významem nebo pro zdůraznění ironie či jemného odlišení od běžného textu. Nikdy nepoužívejte kurzívu jako hlavní způsob zvýraznění důležitých informací nebo akčních prvků – pro tyto účely slouží tučné písmo.

Příklady:

• „V souladu s podmínkami uvedenými ve smlouvě…“ (citace nebo odkaz na jiný dokument)
• „Výraz ‚force majeure‘ znamená…“ (vysvětlení technického termínu)
• „Ve své knize ‚Design každého dne‘ autor popisuje…“ (název díla)

Proč: Kurzíva pomáhá odlišit určité typy textu od běžného obsahu, ale při nadužívání snižuje čitelnost a vizuální hierarchii. Používání kurzívy by mělo být omezené a jasně definované, aby uživatelé text snadno rozlišili a pochopili jeho význam.

Používání kapitálek (Upper Case / all Caps)

Kapitálky, tedy psaní celého textu velkými písmeny, mají specifické použití v digitálním prostředí. ačkoliv mohou působit výrazně, jejich nadměrné používání má negativní dopad na čitelnost.

Kdy použít kapitálky (All Caps / Upper Case)

• Krátké, výrazné nadpisy a záhlaví sekcí: Pouze u velmi krátkých a důležitých nadpisů, kde je potřeba upoutat okamžitou pozornost.
  • Příklady: "DŮLEŽITÉ UPOZORNĚNÍ", "NABÍDKA", "FILTRY" (u krátkých hlaviček filtrů).
• Zkratky a akronymy: Standardní zkratky a akronymy se píší kapitálkami.
  • Příklady: "GDPR", "DIČ", "RC" (Rodné číslo).

Kdy NEPOUŽÍVAT kapitálky

• Delší textové bloky a odstavce: Nikdy nepoužívejte kapitálky pro delší texty, odstavce, návody nebo popisy.
  • Proč: Text psaný velkými písmeny výrazně snižuje čitelnost. Uživatelé rozpoznávají slova podle jejich celkového tvaru (siluety), což je u kapitálek narušeno, protože všechna písmena mají stejnou výšku. Čtení takového textu je pomalejší, namáhavější a frustrující.
  • Vizuální interpretace: V online komunikaci je psaní velkými písmeny často vnímáno jako křik nebo agresi, což je pro uživatelský zážitek v profesionální aplikaci naprosto nevhodné.
• Popisky formulářových polí (Labels):
  • Pravidlo: Popisky polí by měly začínat velkým písmenem, ale zbytek by měl být malý. Například "Jméno", "Příjmení", "Email".
  • Proč: Zlepšuje čitelnost a scanovatelnost formuláře.
• Položky v menu a drobečkové navigaci:
  • Pravidlo: Položky v menu a drobečkové navigaci by měly používat "Sentence case" (jen první slovo velkým písmenem), ne kapitálky.
  • Proč: Zajišťuje lepší čitelnost a konzistenci s ostatními navigačními prvky.