Prevodník Typografie
Od Gutenberga po Retinu: Zvládnutie Typografických Jednotiek
Typografické jednotky tvoria základ dizajnu naprieč tlačovými, webovými a mobilnými platformami. Od tradičného bodového systému zavedeného v 18. storočí až po moderné merania založené na pixeloch, porozumenie týmto jednotkám je nevyhnutné pre dizajnérov, vývojárov a každého, kto pracuje s textom. Tento komplexný sprievodca pokrýva viac ako 22 typografických jednotiek, ich historický kontext, praktické aplikácie a techniky prevodu pre profesionálnu prácu.
Základné Pojmy: Porozumenie Typografickému Meraniu
Point (bod) (pt)
Absolútna jednotka typografie, štandardizovaná ako 1/72 palca
Body merajú veľkosť písma, riadkovanie (leading) a ďalšie typografické rozmery. Písmo veľkosti 12pt znamená, že vzdialenosť od najnižšieho dolného doťahu po najvyšší horný doťah je 12 bodov (1/6 palca alebo 4.23mm). Bodový systém poskytuje merania nezávislé od zariadenia, ktoré sa konzistentne prekladajú naprieč médiami.
Príklad: 12pt Times New Roman = 0.1667 palca na výšku = 4.23mm. Profesionálny základný text zvyčajne používa 10-12pt, nadpisy 18-72pt.
Pixel (px)
Digitálna jednotka reprezentujúca jeden bod na obrazovke alebo v obraze
Pixely sú jednotky závislé od zariadenia, ktoré sa líšia v závislosti od hustoty obrazovky (DPI/PPI). Rovnaký počet pixelov sa zobrazí väčší na displejoch s nízkym rozlíšením (72 PPI) a menší na retina displejoch s vysokým rozlíšením (220+ PPI). Porozumenie vzťahom DPI/PPI je kľúčové pre konzistentnú typografiu naprieč zariadeniami.
Príklad: 16px pri 96 DPI = 12pt. Tých istých 16px pri 300 DPI (tlač) = 3.84pt. Pri prevode pixelov vždy špecifikujte cieľové DPI.
Pica (pc)
Tradičná typografická jednotka rovnajúca sa 12 bodom alebo 1/6 palca
Pica meria šírky stĺpcov, okraje a rozmery rozloženia stránky v tradičnom tlačovom dizajne. DTP softvér ako InDesign a QuarkXPress používa pica ako predvolenú mernú jednotku. Jedna pica sa rovná presne 12 bodom, čo robí prevody jednoduchými.
Príklad: Štandardný novinový stĺpec môže byť široký 15 pica (2.5 palca alebo 180 bodov). Rozloženia časopisov často používajú miery 30-40 pica.
- 1 bod (pt) = 1/72 palca = 0.3528 mm — absolútne fyzikálne meranie
- 1 pica (pc) = 12 bodov = 1/6 palca — štandard pre rozloženie a šírku stĺpcov
- Pixely sú závislé od zariadenia: 96 DPI (Windows), 72 DPI (starší Mac), 300 DPI (tlač)
- PostScript bod (1984) zjednotil storočia nekompatibilných typografických systémov
- Digitálna typografia používa body pre dizajn, pixely pre implementáciu
- DPI/PPI určuje prevod z pixelov na body: vyššie DPI = menšia fyzická veľkosť
Rýchle Príklady Prevodu
Evolúcia Typografického Merania
Stredovek & Raný Novovek (1450-1737)
1450–1737
Zrod pohyblivej tlače vytvoril potrebu štandardizovaných meraní, ale regionálne systémy zostali nekompatibilné po celé stáročia.
- 1450: Gutenbergova tlačiarenská lis vytvára potrebu štandardizovaných veľkostí písma
- 1500-te roky: Veľkosti písma pomenované podľa vydaní Biblie (Cicero, Augustin atď.)
- 1600-te roky: Každý európsky región si vyvíja vlastný bodový systém
- 1690-te roky: Francúzsky typograf Fournier navrhuje 12-dielny systém
- Rané systémy: Divoko nekonzistentné, líšiace sa o 0.01-0.02mm medzi regiónmi
Systém Didot (1737-1886)
1737–1886
Francúzsky tlačiar François-Ambroise Didot vytvoril prvý skutočný štandard, prijatý v celej kontinentálnej Európe a dodnes používaný vo Francúzsku a Nemecku.
- 1737: Fournier navrhuje bodový systém založený na francúzskom kráľovskom palci
- 1770: François-Ambroise Didot vylepšuje systém — 1 bod Didot = 0.376mm
- 1785: Cicero (12 bodov Didot) sa stáva štandardnou mierou
- 1800-te roky: Systém Didot dominuje kontinentálnej európskej tlači
- Súčasnosť: Stále sa používa vo Francúzsku, Nemecku, Belgicku pre tradičnú tlač
Anglo-Americký Systém (1886-1984)
1886–1984
Americkí a britskí tlačiari štandardizovali systém pica, definujúc 1 bod ako 0.013837 palca (1/72.27 palca), čo dominovalo typografii v anglickom jazyku.
- 1886: American Type Founders zavádzajú systém pica: 1 pt = 0.013837"
- 1898: Briti prijímajú americký štandard, vytvárajúc anglo-americkú jednotu
- 1930-te - 1970-te roky: Systém pica dominuje všetkej tlači v anglickom jazyku
- Rozdiel: Anglo-americký bod (0.351mm) vs Didot (0.376mm) — o 7% väčší
- Vplyv: Vyžadovalo si to samostatné odlievanie písma pre trhy USA/UK vs európske trhy
PostScript Revolúcia (1984-Súčasnosť)
1984–Súčasnosť
Štandard PostScript od Adobe zjednotil globálnu typografiu definovaním 1 bodu ako presne 1/72 palca, čím ukončil storočia nekompatibility a umožnil digitálnu typografiu.
- 1984: Adobe PostScript definuje 1 pt = presne 1/72 palca (0.3528mm)
- 1985: Apple LaserWriter robí PostScript štandardom pre desktop publishing
- 1990-te roky: PostScript bod sa stáva globálnym štandardom, nahrádzajúc regionálne systémy
- 2000-te roky: TrueType, OpenType prijímajú merania PostScript
- Súčasnosť: PostScript bod je univerzálnym štandardom pre všetok digitálny dizajn
Tradičné Typografické Systémy
Predtým, ako PostScript v roku 1984 zjednotil merania, koexistovali regionálne typografické systémy, každý s jedinečnými definíciami bodu. Tieto systémy zostávajú dôležité pre historickú tlač a špecializované aplikácie.
Systém Didot (francúzsky/európsky)
Založený v roku 1770 François-Ambroise Didotom
Kontinentálny európsky štandard, stále používaný vo Francúzsku, Nemecku a častiach východnej Európy pre tradičnú tlač.
- 1 bod Didot = 0.376mm (vs PostScript 0.353mm) — o 6.5% väčší
- 1 Cicero = 12 bodov Didot = 4.51mm (porovnateľné s pica)
- Založený na francúzskom kráľovskom palci (27.07mm), poskytujúc jednoduchosť podobnú metrickému systému
- Stále preferovaný v európskej umeleckej knižnej a klasickej tlači
- Moderné použitie: Francúzska Imprimerie nationale, nemecká fraktúrová typografia
Systém TeX (akademický)
Vytvorený v roku 1978 Donaldom Knuthom pre počítačovú sadzbu
Akademický štandard pre matematické a vedecké publikovanie, optimalizovaný pre presnú digitálnu kompozíciu.
- 1 bod TeX = 1/72.27 palca = 0.351mm (zhoduje sa so starým anglo-americkým bodom)
- Zvolený na zachovanie kompatibility s pred-digitálnymi akademickými publikáciami
- 1 pica TeX = 12 bodov TeX (mierne menší ako PostScript pica)
- Používaný LaTeXom, dominantným vedeckým publikačným systémom
- Kritický pre: Akademické práce, matematické texty, fyzikálne časopisy
Twip (počítačové systémy)
Typografia Microsoft Word a Windows
Interná merná jednotka pre textové procesory, poskytujúca jemnú kontrolu nad rozložením digitálnych dokumentov.
- 1 twip = 1/20 bodu = 1/1440 palca = 0.0176mm
- Názov: 'TWentieth of a Point' (dvadsiatina bodu) — extrémne presné meranie
- Interne používaný v: Microsoft Word, Excel, PowerPoint, Windows GDI
- Umožňuje zlomkové veľkosti bodov bez matematiky s plávajúcou desatinnou čiarkou
- 20 twipov = 1 bod, umožňujúce presnosť 0.05pt pre profesionálnu sadzbu
Americký Tlačiarenský Bod
Štandard American Type Founders z roku 1886
Pred-digitálny štandard pre tlač v anglickom jazyku, mierne odlišný od PostScriptu.
- 1 tlačiarenský bod = 0.013837 palca = 0.351mm
- Rovná sa 1/72.27 palca (vs PostScript 1/72) — o 0.4% menší
- Pica = 0.166 palca (vs PostScript 0.16667) — sotva postrehnuteľný rozdiel
- Dominoval v rokoch 1886-1984 pred zjednotením PostScriptom
- Dedičstvo: Niektoré tradičné tlačiarne stále odkazujú na tento systém
Bežné Typografické Veľkosti
| Použitie | Body | Pixely (96 DPI) | Poznámky |
|---|---|---|---|
| Drobné písmo / poznámky pod čiarou | 8-9 pt | 11-12 px | Minimálna čitateľnosť |
| Základný text (tlač) | 10-12 pt | 13-16 px | Knihy, časopisy |
| Základný text (web) | 12 pt | 16 px | Predvolené v prehliadači |
| Podnadpisy | 14-18 pt | 19-24 px | Nadpisy sekcií |
| Nadpisy (H2-H3) | 18-24 pt | 24-32 px | Názvy článkov |
| Hlavné nadpisy (H1) | 28-48 pt | 37-64 px | Názvy stránok/plagátov |
| Zobrazovací typ písma | 60-144 pt | 80-192 px | Plagáty, billboardy |
| Minimálny dotykový cieľ | 33 pt | 44 px | Prístupnosť v iOS |
| Štandardná šírka stĺpca | 180 pt (15 pc) | 240 px | Noviny |
| Štandardné riadkovanie | 14.4 pt (pre 12pt text) | 19.2 px | 120% riadkovanie |
Fascinujúce Fakty o Typografii
Pôvod slova 'Font'
Slovo 'font' pochádza z francúzskeho 'fonte', čo znamená 'odliatok' alebo 'roztavený'—odkazujúc na roztavený kov liaty do foriem na vytvorenie jednotlivých kovových písmen v tradičnej kníhtlači.
Prečo 72 bodov?
PostScript si zvolil 72 bodov na palec, pretože 72 je deliteľné 2, 3, 4, 6, 8, 9, 12, 18, 24 a 36—čo uľahčuje výpočty. Taktiež sa to tesne zhodovalo s tradičným systémom pica (72.27 bodov/palec).
Najdrahšie Písmo
Bauer Bodoni stojí 89,900 dolárov za kompletnú rodinu—jedno z najdrahších komerčných písiem, aké sa kedy predávali. Jeho dizajn si vyžadoval roky práce na digitalizáciu z pôvodných kovových vzorov z 20. rokov 20. storočia.
Psychológia Comic Sans
Napriek nenávisti dizajnérov, Comic Sans zvyšuje rýchlosť čítania u dyslektikov o 10-15% vďaka nepravidelným tvarom písmen, ktoré zabraňujú zámene znakov. Je to vlastne cenný nástroj prístupnosti.
Univerzálny Symbol
Symbol '@' má v rôznych jazykoch rôzne názvy: 'slimák' (taliančina), 'opičí chvost' (holandčina), 'myška' (čínština) a 'zavináč' (čeština)—ale je to ten istý 24pt znak.
Voľba 72 DPI pre Mac
Apple si zvolil 72 DPI pre pôvodné Macy, aby sa presne zhodovali s bodmi PostScript (1 pixel = 1 bod), čo v roku 1984 po prvýkrát umožnilo WYSIWYG desktop publishing. To revolucionalizovalo grafický dizajn.
Časová Os Evolúcie Typografie
1450
Gutenberg vynašiel pohyblivú tlač – prvá potreba štandardov merania písma
1737
François-Ambroise Didot vytvoril bodový systém Didot (0.376mm)
1886
American Type Founders štandardizovali systém pica (1 pt = 1/72.27 palca)
1978
Donald Knuth vytvoril bodový systém TeX pre akademickú sadzbu
1984
Adobe PostScript definuje 1 pt = presne 1/72 palca – globálne zjednotenie
1985
Apple LaserWriter prináša PostScript do desktop publishingu
1991
Formát písma TrueType štandardizuje digitálnu typografiu
1996
CSS zavádza webovú typografiu s meraniami založenými na pixeloch
2007
iPhone predstavuje @2x retina displeje – dizajn nezávislý od hustoty
2008
Android sa spúšťa s dp (density-independent pixels)
2010
Webové písma (WOFF) umožňujú vlastnú typografiu online
2014
Špecifikácia variabilných písiem – jeden súbor, nekonečné štýly
Digitálna Typografia: Obrazovky, DPI a Rozdiely Platforiem
Digitálna typografia zavádza merania závislé od zariadenia, kde rovnaká číselná hodnota produkuje rôzne fyzické veľkosti v závislosti od hustoty obrazovky. Porozumenie konvenciám platforiem je kľúčové pre konzistentný dizajn.
Windows (Štandard 96 DPI)
96 DPI (96 pixelov na palec)
Microsoft štandardizoval 96 DPI vo Windows 95, čím vytvoril pomer 4:3 medzi pixelmi a bodmi. Toto zostáva predvolenou hodnotou pre väčšinu PC displejov.
- 1 px pri 96 DPI = 0.75 pt (4 pixely = 3 body)
- 16px = 12pt — bežný prevod veľkosti základného textu
- História: Zvolené ako 1.5× pôvodného štandardu 64 DPI CGA
- Súčasnosť: Displeje s vysokým DPI používajú škálovanie 125%, 150%, 200% (120, 144, 192 DPI)
- Webová predvolená hodnota: CSS predpokladá 96 DPI pre všetky prevody 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 sa zhodovalo s bodmi PostScript 1:1. Moderné Retina displeje používajú škálovanie @2x/@3x pre ostré vykresľovanie.
- Starší: 1 px pri 72 DPI = presne 1 pt (dokonalá zhoda)
- Retina @2x: 2 fyzické pixely na bod, efektívne 220 PPI
- Retina @3x: 3 fyzické pixely na bod, 330 PPI (iPhone)
- Výhoda: Veľkosti bodov sa zhodujú na obrazovke a v náhľade tlače
- Realita: Fyzická Retina má 220 PPI, ale je škálovaná tak, aby sa javila ako 110 PPI (2×)
Android (Základ 160 DPI)
160 DPI (pixel nezávislý od hustoty)
Systém dp (pixel nezávislý od hustoty) v Androide sa normalizuje na základ 160 DPI, s kategóriami hustoty pre rôzne obrazovky.
- 1 dp pri 160 DPI = 0.45 pt (160 pixelov/palec ÷ 72 bodov/palec)
- Kategórie hustoty: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Vzorec: fyzické pixely = dp × (DPI obrazovky / 160)
- 16sp (škálovateľne nezávislý pixel) = odporúčaná minimálna veľkosť textu
- Výhoda: Rovnaká hodnota dp sa zobrazuje fyzicky identicky na všetkých zariadeniach Android
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS používa bod ako logickú jednotku identickú s bodmi PostScript, pričom počet fyzických pixelov závisí od generácie obrazovky (non-retina @1x, retina @2x, super-retina @3x).
- 1 bod iOS pri @1x = 1.0 pt PostScript (základ 72 DPI, rovnako ako PostScript)
- Retina @2x: 2 fyzické pixely na bod iOS (144 DPI)
- Super Retina @3x: 3 fyzické pixely na bod iOS (216 DPI)
- Všetky dizajny pre iOS používajú body; systém sa automaticky stará o hustotu pixelov
- 17pt = minimálna odporúčaná veľkosť základného textu (prístupnosť)
DPI vs PPI: Porozumenie Hustote Obrazovky a Tlače
DPI (Dots Per Inch)
Rozlíšenie tlačiarne — koľko atramentových bodov sa zmestí na jeden palec
DPI meria rozlíšenie výstupu tlačiarne. Vyššie DPI produkuje hladší text a obrázky umiestnením viacerých atramentových bodov na palec.
- 300 DPI: Štandard pre profesionálnu tlač (časopisy, knihy)
- 600 DPI: Vysoko kvalitná laserová tlač (obchodné dokumenty)
- 1200-2400 DPI: Profesionálna tlač fotografií a reprodukcia umeleckých diel
- 72 DPI: Len náhľad na obrazovke — neprijateľné pre tlač (vyzerá zubaté)
- 150 DPI: Konceptová tlač alebo veľkoformátové plagáty (prezerané z diaľky)
PPI (Pixels Per Inch)
Rozlíšenie obrazovky — koľko pixelov sa zmestí na jeden palec displeja
PPI meria hustotu displeja. Vyššie PPI vytvára ostrejší text na obrazovke zabalením viacerých pixelov do rovnakého fyzického priestoru.
- 72 PPI: Pôvodné Mac displeje (1 pixel = 1 bod)
- 96 PPI: Štandardné Windows displeje (1.33 pixelov na bod)
- 110-120 PPI: Lacné notebookové/desktopové monitory
- 220 PPI: MacBook Retina, iPad Pro (2× hustota pixelov)
- 326-458 PPI: iPhone Retina/Super Retina (3× hustota pixelov)
- 400-600 PPI: High-end Android telefóny (Samsung, Google Pixel)
DPI a PPI sa často používajú zameniteľne, ale merajú rôzne veci. DPI je pre tlačiarne (atramentové body), PPI je pre obrazovky (svetlo emitujúce pixely). Pri navrhovaní vždy špecifikujte: 'Obrazovka pri 96 PPI' alebo 'Tlač pri 300 DPI' — nikdy nie len 'DPI', pretože je to nejednoznačné.
Praktické Aplikácie: Výber Správnych Jednotiek
Tlačový Dizajn
Tlač používa absolútne jednotky (body, pica), pretože veľkosť fyzického výstupu musí byť presná a nezávislá od zariadenia.
- Základný text: 10-12pt pre knihy, 9-11pt pre časopisy
- Nadpisy: 18-72pt v závislosti od hierarchie a formátu
- Riadkovanie (leading): 120% veľkosti písma (12pt text = 14.4pt riadkovanie)
- Merajte absolútne rozmery v pica: 'Šírka stĺpca: 25 pica'
- Vždy navrhujte pri 300 DPI pre profesionálnu tlač
- Nikdy nepoužívajte pixely pre tlač — preveďte na body/pica/palce
Webový Dizajn
Webová typografia používa pixely a relatívne jednotky, pretože obrazovky sa líšia veľkosťou a hustotou.
- Základný text: predvolených 16px (štandard prehliadača) = 12pt pri 96 DPI
- Nikdy nepoužívajte absolútne body v CSS — prehliadače ich vykresľujú nepredvídateľne
- Responzívny dizajn: Používajte rem (relatívne k základnému písmu) pre škálovateľnosť
- Minimálny text: 14px pre základný text, 12px pre popisky (prístupnosť)
- Výška riadku: 1.5 (bez jednotky) pre čitateľnosť základného textu
- Media queries: Navrhujte pre 320px (mobil) až 1920px+ (desktop)
Mobilné Aplikácie
Mobilné platformy používajú jednotky nezávislé od hustoty (dp/pt), aby zabezpečili konzistentnú fyzickú veľkosť na rôznych hustotách obrazovky.
- iOS: Navrhujte v bodoch (pt), systém automaticky škáluje na @2x/@3x
- Android: Používajte dp (density-independent pixels) pre rozloženia, sp pre text
- Minimálny dotykový cieľ: 44pt (iOS) alebo 48dp (Android) pre prístupnosť
- Základný text: minimálne 16sp (Android) alebo 17pt (iOS)
- Nikdy nepoužívajte fyzické pixely — vždy používajte logické jednotky (dp/pt)
- Testujte na viacerých hustotách: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademická & Vedecká Sféra
Akademické publikovanie používa body TeX pre matematickú presnosť a kompatibilitu so zavedenou literatúrou.
- LaTeX používa body TeX (72.27 na palec) pre kompatibilitu so staršími systémami
- Štandardný časopis: 10pt písmo Computer Modern
- Dvojstĺpcový formát: 3.33 palcové (240pt) stĺpce s 0.25 palcovým (18pt) medzistĺpcom
- Rovnice: Presné veľkosti v bodoch sú kľúčové pre matematickú notáciu
- Prevádzajte opatrne: 1 TeX pt = 0.9963 PostScript pt
- Výstup PDF: TeX automaticky spracováva prevody bodových systémov
Bežné Prevody a Výpočty
Rýchla referencia pre každodenné typografické prevody:
Základné Prevody
| Z | Na | Vzorec | Príklad |
|---|---|---|---|
| Body | Palce | pt ÷ 72 | 72pt = 1 palec |
| Body | Milimetre | pt × 0.3528 | 12pt = 4.23mm |
| 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á Referencia Prevodov Jednotiek
Všetky typografické jednotky s presnými prevodnými faktormi. Základná jednotka: PostScript Point (bod) (pt)
Absolútne (Fyzické) Jednotky
Base Unit: PostScript Point (bod) (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Point (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 |
| Milimeter (mm) | × 2.8346 | ÷ 25.4 | 25.4 mm = 1 in = 72 pt |
| Centimeter (cm) | × 28.346 | ÷ 2.54 | 2.54 cm = 1 in |
| Didot bod | × 1.07 | ÷ 67.6 | 67.6 Didot = 1 in |
| Cicero | × 12.84 | ÷ 5.6 | 1 cicero = 12 Didot |
| TeX bod | × 0.9963 | ÷ 72.27 | 72.27 TeX pt = 1 in |
Obrazovkové/Digitálne Jednotky (Závislé od DPI)
Tieto prevody závisia od DPI (bodov na palec) obrazovky. Predvolené predpoklady: 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 Platforiem
Logické jednotky špecifické pre platformu, ktoré sa škálujú s hustotou zariadenia
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × 0.45 | pt ≈ dp × 72/160 | 32 dp ≈ 14.4 pt | |
| iOS pt (@1x) | × 1.0 | PostScript pt = iOS pt (identické) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 fyzické px na iOS pt | 2× pixely | 1 iOS pt = 2 pixely obrazovky | |
| iOS pt (@3x) | 3 fyzické px na iOS pt | 3× pixely | 1 iOS pt = 3 pixely obrazovky |
Staršie & Špecializované 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 |
| PostScript Big Point | × 1.00375 | Presne 1/72 palca | 72 bp = 1.0027 in |
Základné Výpočty
| Calculation | Formula | Example |
|---|---|---|
| Prevod DPI na Point (bod) | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Fyzická veľkosť z bodov | palce = pt / 72 | 144 pt = 144/72 = 2 palce |
| Riadkovanie (leading) | riadkovanie = veľkosť písma × 1.2 až 1.45 | 12pt písmo → 14.4-17.4pt riadkovanie |
| Rozlíšenie tlače | potrebné pixely = (palce × DPI) pre šírku a výšku | 8×10 in @ 300 DPI = 2400×3000 px |
Najlepšie Postupy pre Typografiu
Tlačový Dizajn
- Vždy pracujte v bodoch alebo pica — nikdy nie v pixeloch pre tlač
- Nastavte dokumenty na skutočnú veľkosť (300 DPI) od začiatku
- Používajte 10-12pt pre základný text; čokoľvek menšie znižuje čitateľnosť
- Riadkovanie by malo byť 120-145% veľkosti písma pre pohodlné čítanie
- Okraje: Minimálne 0.5 palca (36pt) pre väzbu a manipuláciu
- Pred odoslaním do komerčnej tlačiarne urobte skúšobnú tlač v skutočnej veľkosti
Webový Vývoj
- Používajte rem pre veľkosti písma — umožňuje používateľovi zväčšovať bez narušenia rozloženia
- Nastavte základné písmo na 16px (predvolené v prehliadači) — nikdy nie menšie
- Používajte bezjednotkové hodnoty line-height (1.5) namiesto pevných výšok
- Nikdy nepoužívajte absolútne veľkosti bodov v CSS — nepredvídateľné vykresľovanie
- Testujte na skutočných zariadeniach, nielen na zmene veľkosti prehliadača — na DPI záleží
- Minimálna veľkosť písma: 14px základný text, 12px popisky, 44px dotykové ciele
Mobilné Aplikácie
- iOS: Navrhujte @1x, exportujte @2x a @3x assety automaticky
- Android: Navrhujte v dp, testujte na mdpi/hdpi/xhdpi/xxhdpi
- Minimálny text: 17pt (iOS) alebo 16sp (Android) pre prístupnosť
- Dotykové ciele: minimálne 44pt (iOS) alebo 48dp (Android)
- Testujte na fyzických zariadeniach — simulátory neukazujú skutočnú hustotu
- Používajte systémové písma, keď je to možné — sú optimalizované pre platformu
Prístupnosť
- Minimálny základný text: 16px (web), 17pt (iOS), 16sp (Android)
- Vysoký kontrast: 4.5:1 pre základný text, 3:1 pre veľký text (18pt+)
- Podporujte škálovanie používateľom: Používajte relatívne jednotky, nie pevné veľkosti
- Dĺžka riadku: 45-75 znakov na riadok pre optimálnu čitateľnosť
- Výška riadku: minimálne 1.5× veľkosti písma pre prístupnosť pre dyslektikov
- Testujte s čítačkami obrazovky a pri 200% zväčšení
Často Kladené Otázky
Prečo môj text vyzerá v Photoshope a vo Worde rôzne veľký?
Photoshop predpokladá 72 PPI pre zobrazenie na obrazovke, zatiaľ čo Word používa 96 DPI (Windows) pre rozloženie. 12pt písmo v Photoshope sa na obrazovke javí o 33% väčšie ako vo Worde, hoci obe sa tlačia v identických veľkostiach. Nastavte Photoshop na 300 PPI pre tlačovú prácu, aby ste videli presné veľkosti.
Mám navrhovať pre web v bodoch alebo pixeloch?
Vždy v pixeloch (alebo relatívnych jednotkách ako rem/em) pre web. Body sú absolútne fyzické jednotky, ktoré sa vykresľujú nekonzistentne naprieč prehliadačmi a zariadeniami. 12pt môže byť 16px na jednom zariadení a 20px na inom. Používajte px/rem pre predvídateľnú webovú typografiu.
Aký je rozdiel medzi pt, px a dp?
pt = absolútna fyzická jednotka (1/72 palca), px = pixel obrazovky (líši sa s DPI), dp = Android jednotka nezávislá od hustoty (normalizovaná na 160 DPI). Používajte pt pre tlač, px pre web, dp pre Android, iOS pt (logický) pre iOS. Každý systém je optimalizovaný pre svoju platformu.
Prečo 12pt vyzerá v rôznych aplikáciách inak?
Aplikácie interpretujú body rôzne v závislosti od ich predpokladaného DPI. Word používa 96 DPI, Photoshop predvolene 72 PPI, InDesign používa skutočné rozlíšenie zariadenia. 12pt je pri tlači vždy 1/6 palca, ale na obrazovke sa javí rôzne veľký kvôli nastaveniam DPI.
Ako prevediem body TeX na body PostScript?
Vynásobte body TeX číslom 0.9963, aby ste získali body PostScript (1 TeX pt = 1/72.27 palca vs PostScript 1/72 palca). Rozdiel je malý—len 0.37%—ale je dôležitý pre akademické publikovanie, kde je presné riadkovanie kľúčové pre matematickú notáciu.
V akom rozlíšení mám navrhovať?
Tlač: minimálne 300 DPI, 600 DPI pre vysokú kvalitu. Web: Navrhujte pri 96 DPI, poskytnite @2x assety pre retinu. Mobil: Navrhujte @1x v logických jednotkách (pt/dp), exportujte @2x/@3x. Nikdy nenavrhujte pri 72 DPI, pokiaľ necielite na staršie Mac displeje.
Prečo je 16px webovým štandardom?
Predvolená veľkosť písma v prehliadači je 16px (ekvivalent 12pt pri 96 DPI), zvolená pre optimálnu čitateľnosť pri typických pozorovacích vzdialenostiach (18-24 palcov). Čokoľvek menšie znižuje čitateľnosť, najmä pre starších používateľov. Vždy používajte 16px ako základ pre relatívne veľkosti.
Potrebujem poznať body Didot?
Iba ak pracujete s tradičnou európskou tlačou, francúzskymi vydavateľmi alebo historickými reprodukciami. Body Didot (0.376mm) sú o 6.5% väčšie ako body PostScript. Moderný digitálny dizajn univerzálne používa body PostScript—Didot je relevantný hlavne pre klasickú typografiu a umelecké knihy.
Kompletný Adresár Nástrojov
Všetkých 71 nástrojov dostupných na UNITS