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.

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.