Převodník Typografie
Od Gutenberga po Retinu: Zvládnutí typografických jednotek
Typografické jednotky tvoří základ designu na tiskových, webových a mobilních platformách. Od tradičního bodového systému zavedeného v 18. století až po moderní měření založená na pixelech je porozumění těmto jednotkám nezbytné pro designéry, vývojáře a kohokoli, kdo pracuje s textem. Tento komplexní průvodce pokrývá více než 22 typografických jednotek, jejich historický kontext, praktické aplikace a techniky převodu pro profesionální práci.
Základní pojmy: Porozumění typografickému měření
Bod (pt)
Absolutní jednotka typografie, standardizovaná jako 1/72 palce
Body měří velikost písma, řádkování (proklad) a další typografické rozměry. Písmo o velikosti 12pt znamená, že vzdálenost od nejnižšího spodního dotahu k nejvyššímu hornímu dotahu je 12 bodů (1/6 palce neboli 4,23 mm). Bodový systém poskytuje měření nezávislá na zařízení, která se konzistentně překládají napříč médii.
Příklad: 12pt Times New Roman = 0,1667 palce na výšku = 4,23 mm. Profesionální text obvykle používá 10-12pt, nadpisy 18-72pt.
Pixel (px)
Digitální jednotka představující jeden bod na obrazovce nebo v obrázku
Pixely jsou jednotky závislé na zařízení, které se liší v závislosti na hustotě obrazovky (DPI/PPI). Stejný počet pixelů se jeví větší na displejích s nízkým rozlišením (72 PPI) a menší na displejích s vysokým rozlišením retina (220+ PPI). Porozumění vztahům DPI/PPI je klíčové pro konzistentní typografii napříč zařízeními.
Příklad: 16px při 96 DPI = 12pt. Stejných 16px při 300 DPI (tisk) = 3,84pt. Při převodu pixelů vždy uvádějte cílové DPI.
Pica (pc)
Tradiční typografická jednotka rovnající se 12 bodům nebo 1/6 palce
Pica měří šířku sloupců, okraje a rozměry rozvržení stránky v tradičním tiskovém designu. Software pro DTP jako InDesign a QuarkXPress používá pica jako výchozí měrnou jednotku. Jedna pica se rovná přesně 12 bodům, což usnadňuje převody.
Příklad: Standardní novinový sloupec může být široký 15 pica (2,5 palce nebo 180 bodů). Rozvržení časopisů často používá míry 30-40 pica.
- 1 bod (pt) = 1/72 palce = 0,3528 mm — absolutní fyzické měření
- 1 pica (pc) = 12 bodů = 1/6 palce — standard pro rozvržení a šířku sloupce
- Pixely jsou závislé na zařízení: 96 DPI (Windows), 72 DPI (starší Mac), 300 DPI (tisk)
- Bod PostScript (1984) sjednotil staletí nekompatibilních typografických systémů
- Digitální typografie používá body pro design, pixely pro implementaci
- DPI/PPI určuje převod pixelů na body: vyšší DPI = menší fyzická velikost
Rychlé příklady převodu
Vývoj typografického měření
Středověk a raný novověk (1450-1737)
1450–1737
Vznik knihtisku vytvořil potřebu standardizovaných měření, ale regionální systémy zůstávaly po staletí nekompatibilní.
- 1450: Gutenbergův tiskařský lis vytváří potřebu standardizovaných velikostí písma
- 1500: Velikosti písma jsou pojmenovány po vydáních Bible (Cicero, Augustin atd.)
- 1600: Každý evropský region si vyvíjí vlastní bodový systém
- 1690: Francouzský typograf Fournier navrhuje systém s 12 děleními
- Rané systémy: Velmi nekonzistentní, lišící se o 0,01-0,02 mm mezi regiony
Systém Didot (1737-1886)
1737–1886
Francouzský tiskař François-Ambroise Didot vytvořil první skutečný standard, který byl přijat po celé kontinentální Evropě a dodnes se používá ve Francii a Německu.
- 1737: Fournier navrhuje bodový systém založený na francouzském královském palci
- 1770: François-Ambroise Didot systém zdokonaluje – 1 bod Didot = 0,376 mm
- 1785: Cicero (12 bodů Didot) se stává standardní mírou
- 1800: Systém Didot dominuje v kontinentálním evropském tisku
- Moderní: Stále se používá ve Francii, Německu, Belgii pro tradiční tisk
Anglo-americký systém (1886-1984)
1886–1984
Američtí a britští tiskaři standardizovali systém pica, definující 1 bod jako 0,013837 palce (1/72,27 palce), a ovládli tak typografii v anglickém jazyce.
- 1886: American Type Founders zavádějí systém pica: 1 pt = 0,013837"
- 1898: Britové přijímají americký standard, čímž vytvářejí anglo-americkou jednotu
- 1930-1970: Systém pica dominuje veškerému tisku v anglickém jazyce
- Rozdíl: Anglo-americký bod (0,351 mm) vs. Didot (0,376 mm) – o 7 % větší
- Dopad: Vyžadovalo samostatné odlitky písma pro trhy USA/VB oproti evropským trhům
Revoluce PostScript (1984-současnost)
1984–Současnost
Standard PostScript od Adobe sjednotil globální typografii definováním 1 bodu jako přesně 1/72 palce, čímž ukončil staletí nekompatibility a umožnil digitální typografii.
- 1984: Adobe PostScript definuje 1 pt = přesně 1/72 palce (0,3528 mm)
- 1985: Apple LaserWriter činí PostScript standardem pro DTP
- 1990: Bod PostScript se stává globálním standardem a nahrazuje regionální systémy
- 2000: TrueType, OpenType přijímají měření PostScript
- Moderní: Bod PostScript je univerzálním standardem pro veškerý digitální design
Tradiční typografické systémy
Předtím, než PostScript v roce 1984 sjednotil měření, existovaly vedle sebe regionální typografické systémy, každý s jedinečnými definicemi bodu. Tyto systémy zůstávají důležité pro historický tisk a specializované aplikace.
Systém Didot (francouzský/evropský)
Založen v roce 1770 François-Ambroise Didotem
Kontinentální evropský standard, stále používaný ve Francii, Německu a částech východní Evropy pro tradiční tisk.
- 1 bod Didot = 0,376 mm (vs. PostScript 0,353 mm) – o 6,5 % větší
- 1 cicero = 12 bodů Didot = 4,51 mm (srovnatelné s pica)
- Založeno na francouzském královském palci (27,07 mm), což poskytuje jednoduchost podobnou metrickému systému
- Stále preferováno v evropském uměleckém knihtisku a klasickém tisku
- Moderní použití: Francouzská Imprimerie nationale, německá typografie Fraktur
Systém TeX (akademický)
Vytvořeno v roce 1978 Donaldem Knuthem pro počítačovou sazbu
Akademický standard pro matematické a vědecké publikování, optimalizovaný pro přesnou digitální kompozici.
- 1 bod TeX = 1/72,27 palce = 0,351 mm (odpovídá starému anglo-americkému bodu)
- Zvoleno pro zachování kompatibility s předdigitálními akademickými publikacemi
- 1 pica TeX = 12 bodů TeX (o něco menší než pica PostScript)
- Používáno LaTeXem, dominantním systémem vědeckého publikování
- Klíčové pro: Akademické práce, matematické texty, fyzikální časopisy
Twip (počítačové systémy)
Typografie Microsoft Word a Windows
Vnitřní měrná jednotka pro textové procesory, poskytující jemnou kontrolu pro rozvržení digitálních dokumentů.
- 1 twip = 1/20 bodu = 1/1440 palce = 0,0176 mm
- Název: 'Dvacátina bodu' – extrémně přesné měření
- Interně používáno: Microsoft Word, Excel, PowerPoint, Windows GDI
- Umožňuje zlomkové velikosti bodů bez matematiky s plovoucí desetinnou čárkou
- 20 twipů = 1 bod, což umožňuje přesnost 0,05pt pro profesionální sazbu
Americký tiskařský bod
Standard American Type Founders z roku 1886
Předdigitální standard pro tisk v anglickém jazyce, mírně odlišný od PostScriptu.
- 1 tiskařský bod = 0,013837 palce = 0,351 mm
- Rovná se 1/72,27 palce (vs. PostScript 1/72) – o 0,4 % menší
- Pica = 0,166 palce (vs. PostScript 0,16667) – sotva znatelný rozdíl
- Dominoval v letech 1886-1984 před sjednocením PostScriptem
- Dědictví: Některé tradiční tiskárny se stále odvolávají na tento systém
Běžné typografické velikosti
| Použití | Body | Pixely (96 DPI) | Poznámky |
|---|---|---|---|
| Drobný tisk / poznámky pod čarou | 8-9 pt | 11-12 px | Minimální čitelnost |
| Běžný text (tisk) | 10-12 pt | 13-16 px | Knihy, časopisy |
| Běžný text (web) | 12 pt | 16 px | Výchozí nastavení prohlížeče |
| Podnadpisy | 14-18 pt | 19-24 px | Nadpisy sekcí |
| Nadpisy (H2-H3) | 18-24 pt | 24-32 px | Názvy článků |
| Hlavní titulky (H1) | 28-48 pt | 37-64 px | Názvy stránek/plakátů |
| Zobrazení textu | 60-144 pt | 80-192 px | Plakáty, billboardy |
| Minimální dotykový cíl | 33 pt | 44 px | Přístupnost pro iOS |
| Standardní šířka sloupce | 180 pt (15 pc) | 240 px | Noviny |
| Standardní proklad | 14,4 pt (pro text 12pt) | 19,2 px | 120% řádkování |
Zajímavá fakta o typografii
Původ slova 'Font'
Slovo 'font' pochází z francouzského 'fonte', což znamená 'litý' nebo 'roztavený' – odkazuje na roztavený kov litý do forem k vytvoření jednotlivých kovových písmen v tradičním knihtisku.
Proč 72 bodů?
PostScript zvolil 72 bodů na palec, protože 72 je dělitelné 2, 3, 4, 6, 8, 9, 12, 18, 24 a 36 – což usnadňuje výpočty. Také se velmi blízce shodoval s tradičním systémem pica (72,27 bodu/palec).
Nejdražší písmo
Bauer Bodoni stojí 89 900 dolarů za kompletní rodinu – jedno z nejdražších komerčních písem, jaké kdy bylo prodáno. Jeho návrh vyžadoval roky práce na digitalizaci z původních kovových vzorků písma z 20. let 20. století.
Psychologie Comic Sans
Navzdory nenávisti designérů Comic Sans zvyšuje rychlost čtení u čtenářů s dyslexií o 10-15 % díky nepravidelným tvarům písmen, které zabraňují záměně znaků. Je to vlastně cenný nástroj pro přístupnost.
Univerzální symbol
Symbol '@' má v různých jazycích různé názvy: 'šnek' (italsky), 'opičí ocas' (nizozemsky), 'myška' (čínsky) a 'zavináč' (česky) – ale je to stejný znak o velikosti 24pt.
Volba 72 DPI u Macu
Apple zvolil 72 DPI pro původní Macy, aby přesně odpovídal bodům PostScript (1 pixel = 1 bod), což poprvé umožnilo DTP WYSIWYG v roce 1984. To způsobilo revoluci v grafickém designu.
Časová osa vývoje typografie
1450
Gutenberg vynalézá knihtisk – první potřeba standardů pro měření písma
1737
François-Ambroise Didot vytváří bodový systém Didot (0,376 mm)
1886
American Type Founders standardizují systém pica (1 pt = 1/72,27 palce)
1978
Donald Knuth vytváří bodový systém TeX pro akademickou sazbu
1984
Adobe PostScript definuje 1 pt = přesně 1/72 palce – globální sjednocení
1985
Apple LaserWriter přináší PostScript do DTP
1991
Formát písma TrueType standardizuje digitální typografii
1996
CSS zavádí webovou typografii s měřením založeným na pixelech
2007
iPhone představuje displeje retina @2x – design nezávislý na hustotě
2008
Android se spouští s dp (pixely nezávislé na hustotě)
2010
Webová písma (WOFF) umožňují vlastní typografii online
2014
Specifikace variabilních písem – jeden soubor, nekonečné styly
Digitální typografie: Obrazovky, DPI a rozdíly mezi platformami
Digitální typografie zavádí měření závislá na zařízení, kde stejná číselná hodnota vytváří různé fyzické velikosti v závislosti na hustotě obrazovky. Porozumění konvencím platforem je klíčové pro konzistentní design.
Windows (standard 96 DPI)
96 DPI (96 pixelů na palec)
Microsoft standardizoval 96 DPI ve Windows 95, čímž vytvořil poměr 4:3 mezi pixely a body. Toto zůstává výchozím nastavením pro většinu PC displejů.
- 1 px při 96 DPI = 0,75 pt (4 pixely = 3 body)
- 16px = 12pt – běžný převod velikosti textu
- Historie: Zvoleno jako 1,5× původního standardu CGA 64 DPI
- Moderní: Displeje s vysokým DPI používají škálování 125 %, 150 %, 200 % (120, 144, 192 DPI)
- Výchozí pro web: CSS předpokládá 96 DPI pro všechny převody px na fyzické jednotky
macOS (starší 72 DPI, 220 PPI Retina)
72 DPI (starší), 220 PPI (@2x Retina)
Původních 72 DPI od Apple přesně odpovídalo bodům PostScript 1:1. Moderní displeje Retina používají škálování @2x/@3x pro ostré zobrazení.
- Starší: 1 px při 72 DPI = přesně 1 pt (perfektní shoda)
- Retina @2x: 2 fyzické pixely na bod, efektivní 220 PPI
- Retina @3x: 3 fyzické pixely na bod, 330 PPI (iPhone)
- Výhoda: Velikosti v bodech se shodují na obrazovce i v náhledu tisku
- Realita: Fyzická Retina je 220 PPI, ale je škálována tak, aby se jevila jako 110 PPI (2×)
Android (základní linie 160 DPI)
160 DPI (pixel nezávislý na hustotě)
Systém dp (pixelů nezávislých na hustotě) v Androidu se normalizuje na základní linii 160 DPI, s kategoriemi hustoty pro různé obrazovky.
- 1 dp při 160 DPI = 0,45 pt (160 pixelů/palec ÷ 72 bodů/palec)
- Kategorie hustoty: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Vzorec: fyzické pixely = dp × (DPI obrazovky / 160)
- 16sp (pixel nezávislý na měřítku) = doporučená minimální velikost textu
- Výhoda: Stejná hodnota dp se jeví fyzicky identická na všech zařízeních s Androidem
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS používá bod jako logickou jednotku identickou s body PostScript, přičemž počet fyzických pixelů závisí na generaci obrazovky (ne-retina @1x, retina @2x, super-retina @3x).
- 1 bod iOS při @1x = 1,0 pt PostScript (základní linie 72 DPI, stejně jako PostScript)
- Retina @2x: 2 fyzické pixely na bod iOS (144 DPI)
- Super Retina @3x: 3 fyzické pixely na bod iOS (216 DPI)
- Všechny designy pro iOS používají body; systém automaticky spravuje hustotu pixelů
- 17pt = minimální doporučená velikost textu (přístupnost)
DPI vs. PPI: Porozumění hustotě obrazovky a tisku
DPI (Body na palec)
Rozlišení tiskárny – kolik inkoustových bodů se vejde do jednoho palce
DPI měří výstupní rozlišení tiskárny. Vyšší DPI vytváří hladší text a obrázky umístěním více inkoustových bodů na palec.
- 300 DPI: Standard pro profesionální tisk (časopisy, knihy)
- 600 DPI: Vysoce kvalitní laserový tisk (obchodní dokumenty)
- 1200-2400 DPI: Profesionální tisk fotografií a reprodukce uměleckých děl
- 72 DPI: Pouze pro náhled na obrazovce – nepřijatelné pro tisk (vypadá zubatě)
- 150 DPI: Konceptový tisk nebo velkoformátové plakáty (prohlížené z dálky)
PPI (Pixely na palec)
Rozlišení obrazovky – kolik pixelů se vejde do jednoho palce displeje
PPI měří hustotu displeje. Vyšší PPI vytváří ostřejší text na obrazovce vměstnáním více pixelů do stejného fyzického prostoru.
- 72 PPI: Původní displeje Mac (1 pixel = 1 bod)
- 96 PPI: Standardní displeje Windows (1,33 pixelu na bod)
- 110-120 PPI: Levné monitory pro notebooky/stolní počítače
- 220 PPI: MacBook Retina, iPad Pro (2× hustota pixelů)
- 326-458 PPI: iPhone Retina/Super Retina (3× hustota pixelů)
- 400-600 PPI: Špičkové telefony s Androidem (Samsung, Google Pixel)
DPI a PPI se často používají zaměnitelně, ale měří různé věci. DPI je pro tiskárny (inkoustové body), PPI je pro obrazovky (světlo emitující pixely). Při navrhování vždy uvádějte: 'Obrazovka s 96 PPI' nebo 'Tisk s 300 DPI' – nikdy jen 'DPI', protože je to nejednoznačné.
Praktické aplikace: Volba správných jednotek
Tiskový design
Tisk používá absolutní jednotky (body, pica), protože fyzická velikost výstupu musí být přesná a nezávislá na zařízení.
- Běžný text: 10-12pt pro knihy, 9-11pt pro časopisy
- Nadpisy: 18-72pt v závislosti na hierarchii a formátu
- Proklad (řádkování): 120 % velikosti písma (text 12pt = proklad 14,4pt)
- Měřte absolutní rozměry v pica: 'Šířka sloupce: 25 pica'
- Vždy navrhujte s rozlišením 300 DPI pro profesionální tisk
- Nikdy nepoužívejte pixely pro tisk – převeďte je na body/pica/palce
Webový design
Webová typografie používá pixely a relativní jednotky, protože obrazovky se liší velikostí a hustotou.
- Běžný text: 16px výchozí (standard prohlížeče) = 12pt při 96 DPI
- Nikdy nepoužívejte absolutní body v CSS – prohlížeče je vykreslují nepředvídatelně
- Responzivní design: používejte rem (relativní k základnímu písmu) pro škálovatelnost
- Minimální text: 14px pro běžný text, 12px pro popisky (přístupnost)
- Výška řádku: 1,5 (bez jednotky) pro čitelnost běžného textu
- Media queries: navrhujte pro 320px (mobilní) až 1920px+ (desktop)
Mobilní aplikace
Mobilní platformy používají jednotky nezávislé na hustotě (dp/pt) k zajištění konzistentní fyzické velikosti napříč různými hustotami obrazovek.
- iOS: Navrhujte v bodech (pt), systém automaticky škáluje na @2x/@3x
- Android: Používejte dp (pixely nezávislé na hustotě) pro rozvržení, sp pro text
- Minimální dotykový cíl: 44pt (iOS) nebo 48dp (Android) pro přístupnost
- Běžný text: minimálně 16sp (Android) nebo 17pt (iOS)
- Nikdy nepoužívejte fyzické pixely – vždy používejte logické jednotky (dp/pt)
- Testujte na více hustotách: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademická a vědecká sféra
Akademické publikování používá body TeX pro matematickou přesnost a kompatibilitu se zavedenou literaturou.
- LaTeX používá body TeX (72,27 na palec) pro zpětnou kompatibilitu
- Standardní časopis: písmo Computer Modern 10pt
- Dvousloupcový formát: sloupce o šířce 3,33 palce (240pt) s mezerou 0,25 palce (18pt)
- Rovnice: Přesné velikosti v bodech jsou klíčové pro matematickou notaci
- Převádějte opatrně: 1 TeX pt = 0,9963 PostScript pt
- Výstup PDF: TeX automaticky zpracovává převody bodových systémů
Běžné převody a výpočty
Rychlá reference pro každodenní typografické převody:
Základní převody
| Z | Na | Vzorec | Příklad |
|---|---|---|---|
| Body | Palce | pt ÷ 72 | 72pt = 1 palec |
| Body | Milimetry | pt × 0,3528 | 12pt = 4,23 mm |
| Body | Pica | pt ÷ 12 | 72pt = 6 pica |
| Pixely (96 DPI) | Body | px × 0,75 | 16px = 12pt |
| Pixely (72 DPI) | Body | px × 1 | 12px = 12pt |
| Pica | Palce | pc ÷ 6 | 6pc = 1 palec |
| Palce | Body | in × 72 | 2in = 144pt |
| Android dp | Body | dp × 0,45 | 32dp = 14,4pt |
Kompletní reference pro převod jednotek
Všechny typografické jednotky s přesnými převodními faktory. Základní jednotka: Bod PostScript (pt)
Absolutní (fyzické) jednotky
Base Unit: Bod PostScript (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Bod (pt) | × 1 | ÷ 72 | 72 pt = 1 palec |
| Pica (pc) | × 12 | ÷ 6 | 6 pc = 1 palec = 72 pt |
| Palec (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Milimetr (mm) | × 2,8346 | ÷ 25,4 | 25,4 mm = 1 in = 72 pt |
| Centimetr (cm) | × 28,346 | ÷ 2,54 | 2,54 cm = 1 in |
| Bod Didot | × 1,07 | ÷ 67,6 | 67,6 Didot = 1 in |
| Cicero | × 12,84 | ÷ 5,6 | 1 cicero = 12 Didot |
| Bod TeX | × 0,9963 | ÷ 72,27 | 72,27 TeX pt = 1 in |
Obrazovkové/digitální jednotky (závislé na DPI)
Tyto převody závisí na DPI obrazovky (body na palec). Výchozí předpoklady: 96 DPI (Windows), 72 DPI (starší Mac)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Pixel @ 96 DPI | × 0,75 | pt = px × 72/96 | 16 px = 12 pt |
| Pixel @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| Pixel @ 300 DPI | × 0,24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
Jednotky mobilních platforem
Logické jednotky specifické pro platformu, které se škálují s hustotou zařízení
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × 0,45 | pt ≈ dp × 72/160 | 32 dp ≈ 14,4 pt | |
| iOS pt (@1x) | × 1,0 | Bod PostScript = bod iOS (identické) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 fyzické px na iOS pt | 2× pixelů | 1 iOS pt = 2 pixely obrazovky | |
| iOS pt (@3x) | 3 fyzické px na iOS pt | 3× pixelů | 1 iOS pt = 3 pixely obrazovky |
Starší a specializované jednotky
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Twip (1/20 pt) | ÷ 20 | pt = twip / 20 | 1440 twip = 72 pt = 1 in |
| Q (1/4 mm) | × 0,7087 | pt = Q × 0,25 × 2,8346 | 4 Q = 1 mm |
| Velký bod PostScript | × 1,00375 | Přesně 1/72 palce | 72 bp = 1,0027 in |
Základní výpočty
| Calculation | Formula | Example |
|---|---|---|
| Převod DPI na body | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Fyzická velikost z bodů | palce = pt / 72 | 144 pt = 144/72 = 2 palce |
| Proklad (řádkování) | proklad = velikost písma × 1,2 až 1,45 | písmo 12pt → proklad 14,4-17,4pt |
| Rozlišení tisku | potřebné pixely = (palce × DPI) pro šířku a výšku | 8×10 in @ 300 DPI = 2400×3000 px |
Nejlepší postupy pro typografii
Tiskový design
- Vždy pracujte v bodech nebo pica – nikdy v pixelech pro tisk
- Nastavte dokumenty na skutečnou velikost (300 DPI) od začátku
- Používejte 10-12pt pro běžný text; cokoli menšího snižuje čitelnost
- Proklad by měl být 120-145 % velikosti písma pro pohodlné čtení
- Okraje: Minimálně 0,5 palce (36pt) pro vazbu a manipulaci
- Před odesláním do komerční tiskárny si vytiskněte zkušební tisk ve skutečné velikosti
Webový vývoj
- Používejte rem pro velikosti písem – umožňuje uživateli zoomovat bez narušení rozvržení
- Nastavte základní písmo na 16px (výchozí nastavení prohlížeče) – nikdy menší
- Používejte hodnoty výšky řádku bez jednotek (1,5) místo pevných výšek
- Nikdy nepoužívejte absolutní velikosti bodů v CSS – nepředvídatelné vykreslování
- Testujte na skutečných zařízeních, nejen změnou velikosti prohlížeče – na DPI záleží
- Minimální velikost písma: 14px běžný text, 12px popisky, 44px dotykové cíle
Mobilní aplikace
- iOS: Navrhujte @1x, automaticky exportujte prostředky @2x a @3x
- Android: Navrhujte v dp, testujte na mdpi/hdpi/xhdpi/xxhdpi
- Minimální text: 17pt (iOS) nebo 16sp (Android) pro přístupnost
- Dotykové cíle: minimálně 44pt (iOS) nebo 48dp (Android)
- Testujte na fyzických zařízeních – simulátory nezobrazují skutečnou hustotu
- Pokud je to možné, používejte systémová písma – jsou optimalizovaná pro platformu
Přístupnost
- Minimální běžný text: 16px (web), 17pt (iOS), 16sp (Android)
- Vysoký kontrast: 4,5:1 pro běžný text, 3:1 pro velký text (18pt+)
- Podporujte škálování uživatelem: používejte relativní jednotky, nikoli pevné velikosti
- Délka řádku: 45-75 znaků na řádek pro optimální čitelnost
- Výška řádku: minimálně 1,5× velikosti písma pro přístupnost pro dyslexii
- Testujte s čtečkami obrazovky a zoomem na 200 %
Často kladené otázky
Proč můj text vypadá v Photoshopu a Wordu různě velký?
Photoshop předpokládá 72 PPI pro zobrazení na obrazovce, zatímco Word používá 96 DPI (Windows) pro rozvržení. Písmo o velikosti 12pt v Photoshopu se na obrazovce jeví o 33 % větší než ve Wordu, přestože se obě tisknou ve stejné velikosti. Nastavte Photoshop na 300 PPI pro tiskové práce, abyste viděli správné velikosti.
Mám pro web navrhovat v bodech nebo v pixelech?
Vždy v pixelech (nebo relativních jednotkách jako rem/em) pro web. Body jsou absolutní fyzické jednotky, které se v různých prohlížečích a zařízeních vykreslují nekonzistentně. 12pt může být 16px na jednom zařízení a 20px na jiném. Používejte px/rem pro předvídatelnou webovou typografii.
Jaký je rozdíl mezi pt, px a dp?
pt = absolutní fyzický (1/72 palce), px = pixel obrazovky (liší se podle DPI), dp = Android nezávislý na hustotě (normalizovaný na 160 DPI). Používejte pt pro tisk, px pro web, dp pro Android, logický pt iOS pro iOS. Každý systém je optimalizován pro svou platformu.
Proč 12pt vypadá v různých aplikacích jinak?
Aplikace interpretují body různě v závislosti na jejich předpokladu DPI. Word používá 96 DPI, Photoshop má výchozí 72 PPI, InDesign používá skutečné rozlišení zařízení. 12pt je při tisku vždy 1/6 palce, ale na obrazovce se jeví různě velký kvůli nastavení DPI.
Jak převedu body TeX na body PostScript?
Vynásobte body TeX číslem 0,9963, abyste získali body PostScript (1 TeX pt = 1/72,27 palce vs. PostScript 1/72 palce). Rozdíl je nepatrný – pouze 0,37 % – ale je důležitý pro akademické publikování, kde je přesné řádkování klíčové pro matematickou notaci.
V jakém rozlišení bych měl navrhovat?
Tisk: minimálně 300 DPI, 600 DPI pro vysokou kvalitu. Web: Navrhujte s 96 DPI, poskytněte prostředky @2x pro retinu. Mobilní zařízení: Navrhujte @1x v logických jednotkách (pt/dp), exportujte @2x/@3x. Nikdy nenavrhujte s 72 DPI, pokud se nezaměřujete na starší displeje Mac.
Proč je 16px webovým standardem?
Výchozí velikost písma v prohlížeči je 16px (ekvivalent 12pt při 96 DPI), zvolená pro optimální čitelnost při typických pozorovacích vzdálenostech (18-24 palců). Cokoli menšího snižuje čitelnost, zejména pro starší uživatele. Vždy používejte 16px jako základ pro relativní velikosti.
Musím vědět o bodech Didot?
Pouze pokud pracujete s tradičním evropským tiskem, francouzskými vydavateli nebo historickými reprodukcemi. Body Didot (0,376 mm) jsou o 6,5 % větší než body PostScript. Moderní digitální design univerzálně používá body PostScript – Didot je relevantní hlavně pro klasickou typografii a umělecké knihy.
Kompletní Adresář Nástrojů
Všech 71 nástrojů dostupných na UNITS