Konvertor Tipografije
Od Gutenberga do Retine: Ovladavanje Tipografskim Jedinicama
Tipografske jedinice čine temelj dizajna na platformama za štampu, web i mobilne uređaje. Od tradicionalnog sistema tačaka, uspostavljenog 1700-ih godina, do modernih mjerenja zasnovanih na pikselima, razumijevanje ovih jedinica je ključno za dizajnere, programere i sve koji rade s tekstom. Ovaj sveobuhvatni vodič pokriva 22+ tipografske jedinice, njihov historijski kontekst, praktičnu primjenu i tehnike konverzije za profesionalni rad.
Osnovni Koncepti: Razumijevanje Tipografskog Mjerenja
Tačka (pt)
Apsolutna jedinica tipografije, standardizovana kao 1/72 inča
Tačke mjere veličinu fonta, prored (leading) i druge tipografske dimenzije. Font od 12pt znači da je udaljenost od najnižeg silaznog do najvišeg uzlaznog elementa 12 tačaka (1/6 inča ili 4.23 mm). Sistem tačaka pruža mjerenja neovisna o uređaju koja se dosljedno prevode na različitim medijima.
Primjer: 12pt Times New Roman = 0.1667 inča visine = 4.23mm. Profesionalni tekst tijela obično koristi 10-12pt, naslovi 18-72pt.
Piksel (px)
Digitalna jedinica koja predstavlja jednu tačku na ekranu ili slici
Pikseli su jedinice zavisne od uređaja koje variraju ovisno o gustoći ekrana (DPI/PPI). Isti broj piksela izgleda veći na ekranima niske rezolucije (72 PPI) i manji na ekranima visoke rezolucije retina (220+ PPI). Razumijevanje odnosa DPI/PPI ključno je za dosljednu tipografiju na različitim uređajima.
Primjer: 16px pri 96 DPI = 12pt. Istih 16px pri 300 DPI (štampa) = 3.84pt. Uvijek navedite ciljani DPI prilikom konverzije piksela.
Pica (pc)
Tradicionalna tipografska jedinica jednaka 12 tačaka ili 1/6 inča
Pica mjeri širinu stupaca, margine i dimenzije rasporeda stranice u tradicionalnom dizajnu za štampu. Softver za stolno izdavaštvo poput InDesigna i QuarkXPressa koristi pica kao zadanu mjernu jedinicu. Jedna pica jednaka je tačno 12 tačaka, što konverzije čini jednostavnim.
Primjer: Standardni novinski stupac može biti širok 15 pica (2.5 inča ili 180 tačaka). Rasporedi časopisa često koriste mjere od 30-40 pica.
- 1 tačka (pt) = 1/72 inča = 0.3528 mm — apsolutno fizičko mjerenje
- 1 pica (pc) = 12 tačaka = 1/6 inča — standard za raspored i širinu stupca
- Pikseli su zavisni od uređaja: 96 DPI ( Windows ), 72 DPI (stari Mac ), 300 DPI (štampa)
- PostScript tačka (1984) ujedinila je stoljeća nekompatibilnih tipografskih sistema
- Digitalna tipografija koristi tačke za dizajn, piksele za implementaciju
- DPI/PPI određuje konverziju piksela u tačku: viši DPI = manja fizička veličina
Brzi Primjeri Konverzije
Evolucija Tipografskog Mjerenja
Srednjovjekovni i Rani Moderni Period (1450-1737)
1450–1737
Rođenje pokretnih slova stvorilo je potrebu za standardiziranim mjerenjima, ali su regionalni sistemi ostali nekompatibilni stoljećima.
- 1450: Gutenbergova štamparska mašina stvara potrebu za standardiziranim veličinama slova
- 1500-e: Veličine slova nazvane po izdanjima Biblije (Cicero, Augustin, itd.)
- 1600-e: Svaka evropska regija razvija vlastiti sistem tačaka
- 1690-e: Francuski tipograf Fournier predlaže sistem s 12 podjela
- Rani sistemi: Izuzetno nedosljedni, razlikuju se za 0.01-0.02 mm između regija
Didot Sistem (1737-1886)
1737–1886
Francuski štampar François-Ambroise Didot stvorio je prvi pravi standard, usvojen širom kontinentalne Evrope i koji se i danas koristi u Francuskoj i Njemačkoj.
- 1737: Fournier predlaže sistem tačaka zasnovan na francuskom kraljevskom inču
- 1770: François-Ambroise Didot usavršava sistem — 1 Didot tačka = 0.376mm
- 1785: Cicero (12 Didot tačaka) postaje standardna mjera
- 1800-e: Didot sistem dominira kontinentalnom evropskom štampom
- Danas: Još uvijek se koristi u Francuskoj, Njemačkoj, Belgiji za tradicionalnu štampu
Anglo-Američki Sistem (1886-1984)
1886–1984
Američki i britanski štampari standardizirali su pica sistem, definirajući 1 tačku kao 0.013837 inča (1/72.27 inča), dominirajući tipografijom na engleskom jeziku.
- 1886: American Type Founders uspostavljaju pica sistem: 1 pt = 0.013837"
- 1898: Britanci usvajaju američki standard, stvarajući anglo-američko jedinstvo
- 1930-e-1970-e: Pica sistem dominira cjelokupnom štampom na engleskom jeziku
- Razlika: Anglo-američka tačka (0.351mm) naspram Didot (0.376mm) — 7% veća
- Utjecaj: Zahtijevalo je odvojeno lijevanje slova za tržišta SAD/UK u odnosu na evropska tržišta
PostScript Revolucija (1984-Danas)
1984–Danas
Adobe-ov PostScript standard ujedinio je globalnu tipografiju definirajući 1 tačku kao tačno 1/72 inča, okončavajući stoljeća nekompatibilnosti i omogućavajući digitalnu tipografiju.
- 1984: Adobe PostScript definira 1 pt = tačno 1/72 inča (0.3528mm)
- 1985: Apple LaserWriter čini PostScript standardom za stolno izdavaštvo
- 1990-e: PostScript tačka postaje globalni standard, zamjenjujući regionalne sisteme
- 2000-e: TrueType, OpenType usvajaju PostScript mjerenja
- Danas: PostScript tačka je univerzalni standard za sav digitalni dizajn
Tradicionalni Tipografski Sistemi
Prije nego što je PostScript unificirao mjerenja 1984. godine, regionalni tipografski sistemi su koegzistirali, svaki s jedinstvenim definicijama tačaka. Ovi sistemi ostaju važni za historijsku štampu i specijalizirane primjene.
Didot Sistem (francuski/evropski)
Uspostavio ga je 1770. godine François-Ambroise Didot
Kontinentalni evropski standard, koji se i danas koristi u Francuskoj, Njemačkoj i dijelovima istočne Evrope za tradicionalnu štampu.
- 1 Didot tačka = 0.376mm (naspram PostScript 0.353mm) — 6.5% veća
- 1 Cicero = 12 Didot tačaka = 4.51mm (uporedivo s pica)
- Zasnovan na francuskom kraljevskom inču (27.07mm), pružajući jednostavnost sličnu metričkoj
- Još uvijek preferiran u evropskoj umjetničkoj knjizi i klasičnoj štampi
- Moderna upotreba: Francuska Imprimerie nationale, njemačka Fraktur tipografija
TeX Sistem (akademski)
Kreirao ga je 1978. godine Donald Knuth za računarsko slaganje slova
Akademski standard za matematičko i naučno izdavaštvo, optimiziran za preciznu digitalnu kompoziciju.
- 1 TeX tačka = 1/72.27 inča = 0.351mm (odgovara staroj anglo-američkoj tački)
- Izabran da sačuva kompatibilnost s pred-digitalnim akademskim publikacijama
- 1 TeX pica = 12 TeX tačaka (nešto manja od PostScript pica)
- Koristi ga LaTeX, dominantni sistem za naučno izdavaštvo
- Ključan za: Akademske radove, matematičke tekstove, časopise iz fizike
Twip (računarski sistemi)
Tipografija za Microsoft Word i Windows
Interna mjerna jedinica za programe za obradu teksta, koja pruža finu kontrolu za raspored digitalnih dokumenata.
- 1 twip = 1/20 tačke = 1/1440 inča = 0.0176mm
- Naziv: 'DVAdeseti dio tačke' — izuzetno precizno mjerenje
- Interno ga koriste: Microsoft Word, Excel, PowerPoint, Windows GDI
- Omogućava frakcijske veličine tačaka bez matematike s pomičnim zarezom
- 20 twipa = 1 tačka, omogućavajući preciznost od 0.05pt za profesionalno slaganje slova
Američka Štamparska Tačka
Standard American Type Foundersa iz 1886. godine
Pred-digitalni standard za štampu na engleskom jeziku, neznatno drugačiji od PostScripta.
- 1 štamparska tačka = 0.013837 inča = 0.351mm
- Jednako 1/72.27 inča (naspram PostScript 1/72) — 0.4% manja
- Pica = 0.166 inča (naspram PostScript 0.16667) — jedva primjetna razlika
- Dominirao od 1886-1984 prije unifikacije PostScripta
- Naslijeđeni utjecaj: Neke tradicionalne štamparije i danas se pozivaju na ovaj sistem
Uobičajene Tipografske Veličine
| Upotreba | Tačke | Pikseli (96 DPI) | Napomene |
|---|---|---|---|
| Sitni tisak / fusnote | 8-9 pt | 11-12 px | Minimalna čitljivost |
| Tekst tijela (štampa) | 10-12 pt | 13-16 px | Knjige, časopisi |
| Tekst tijela (web) | 12 pt | 16 px | Zadano u pregledniku |
| Podnaslovi | 14-18 pt | 19-24 px | Zaglavlja odjeljaka |
| Naslovi (H2-H3) | 18-24 pt | 24-32 px | Naslovi članaka |
| Glavni naslovi (H1) | 28-48 pt | 37-64 px | Naslovi stranica/plakata |
| Prikazni tip | 60-144 pt | 80-192 px | Plakati, jumbo plakati |
| Minimalni cilj dodira | 33 pt | 44 px | Pristupačnost za iOS |
| Standardna širina stupca | 180 pt (15 pc) | 240 px | Novine |
| Standardni prored | 14.4 pt (za tekst od 12pt) | 19.2 px | 120% proreda |
Fascinantne Činjenice o Tipografiji
Porijeklo Riječi 'Font'
Riječ 'font' dolazi od francuske riječi 'fonte' što znači 'liveno' ili 'otopljeno'—odnoseći se na otopljeni metal koji se sipa u kalupe za stvaranje pojedinačnih metalnih slova u tradicionalnoj visokoj štampi.
Zašto 72 Tačke?
PostScript je izabrao 72 tačke po inču jer je 72 djeljivo s 2, 3, 4, 6, 8, 9, 12, 18, 24 i 36—što olakšava izračune. Također se vrlo blisko podudarao s tradicionalnim pica sistemom (72.27 tačaka/inč).
Najskuplji Font
Bauer Bodoni košta 89,900 dolara za kompletnu porodicu—jedan od najskupljih komercijalnih fontova ikada prodanih. Njegov dizajn je zahtijevao godine rada da bi se digitalizirao iz originalnih metalnih uzoraka iz 1920-ih.
Psihologija Comic Sansa
Unatoč mržnji dizajnera, Comic Sans povećava brzinu čitanja za čitatelje s disleksijom za 10-15% zbog nepravilnih oblika slova koji sprečavaju zabunu znakova. To je zapravo vrijedan alat za pristupačnost.
Univerzalni Simbol
Simbol '@' ima različite nazive na različitim jezicima: 'puž' (talijanski), 'majmunski rep' (nizozemski), 'mali miš' (kineski) i 'urolana ukiseljena haringa' (češki)—ali to je isti znak od 24pt.
Mac-ov Izbor od 72 DPI
Apple je izabrao 72 DPI za originalne Macove kako bi se tačno podudarao s PostScript tačkama (1 piksel = 1 tačka), čineći WYSIWYG stolno izdavaštvo mogućim po prvi put 1984. godine. To je revolucioniralo grafički dizajn.
Vremenska Linija Evolucije Tipografije
1450
Gutenberg izumljuje pokretna slova—prva potreba za standardima mjerenja slova
1737
François-Ambroise Didot stvara Didot sistem tačaka (0.376mm)
1886
American Type Founders standardiziraju pica sistem (1 pt = 1/72.27 inča)
1978
Donald Knuth stvara TeX sistem tačaka za akademsko slaganje slova
1984
Adobe PostScript definira 1 pt = tačno 1/72 inča—globalno ujedinjenje
1985
Apple LaserWriter donosi PostScript u stolno izdavaštvo
1991
Format fonta TrueType standardizira digitalnu tipografiju
1996
CSS uvodi web tipografiju s mjerenjima zasnovanim na pikselima
2007
iPhone uvodi retina ekrane @2x—dizajn neovisan o gustoći
2008
Android se pokreće s dp (pikselima neovisnim o gustoći)
2010
Web fontovi (WOFF) omogućavaju prilagođenu tipografiju na mreži
2014
Specifikacija varijabilnih fontova—jedna datoteka, beskonačni stilovi
Digitalna Tipografija: Ekrani, DPI i Razlike Među Platformama
Digitalna tipografija uvodi mjerenja zavisna od uređaja gdje ista numerička vrijednost proizvodi različite fizičke veličine ovisno o gustoći ekrana. Razumijevanje konvencija platformi ključno je za dosljedan dizajn.
Windows (96 DPI Standard)
96 DPI (96 piksela po inču)
Microsoft je standardizirao 96 DPI u Windows 95, stvarajući omjer 4:3 između piksela i tačaka. To ostaje zadano za većinu PC ekrana.
- 1 px pri 96 DPI = 0.75 pt (4 piksela = 3 tačke)
- 16px = 12pt — uobičajena konverzija veličine teksta tijela
- Historija: Izabrano kao 1.5× originalnog 64 DPI CGA standarda
- Danas: Ekrani s visokim DPI koriste skaliranje od 125%, 150%, 200% (120, 144, 192 DPI)
- Web zadano: CSS pretpostavlja 96 DPI za sve konverzije px u fizičke jedinice
macOS (Stari 72 DPI, 220 PPI Retina)
72 DPI (stari), 220 PPI (@2x Retina)
Apple-ov originalni 72 DPI odgovarao je PostScript tačkama 1:1. Moderni Retina ekrani koriste @2x/@3x skaliranje za oštar prikaz.
- Stari: 1 px pri 72 DPI = tačno 1 pt (savršena podudarnost)
- Retina @2x: 2 fizička piksela po tački, efektivno 220 PPI
- Retina @3x: 3 fizička piksela po tački, 330 PPI (iPhone)
- Prednost: Veličine tačaka odgovaraju na ekranu i u pregledu za štampu
- Stvarnost: Fizička Retina je 220 PPI, ali se skalira da izgleda kao 110 PPI (2×)
Android (160 DPI Osnova)
160 DPI (piksel neovisan o gustoći)
Android-ov dp (piksel neovisan o gustoći) sistem normalizira se na osnovu od 160 DPI, s kategorijama gustoće za različite ekrane.
- 1 dp pri 160 DPI = 0.45 pt (160 piksela/inč ÷ 72 tačke/inč)
- Kategorije gustoće: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Formula: fizički pikseli = dp × (DPI ekrana / 160)
- 16sp (piksel neovisan o skaliranju) = preporučena minimalna veličina teksta
- Prednost: Ista dp vrijednost izgleda fizički identično na svim Android uređajima
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS koristi tačku kao logičku jedinicu identičnu PostScript tačkama, pri čemu broj fizičkih piksela ovisi o generaciji ekrana (ne-retina @1x, retina @2x, super-retina @3x).
- 1 iOS tačka @1x = 1.0 pt PostScript (osnova 72 DPI, isto kao PostScript)
- Retina @2x: 2 fizička piksela po iOS tački (144 DPI)
- Super Retina @3x: 3 fizička piksela po iOS tački (216 DPI)
- Svi iOS dizajni koriste tačke; sistem automatski upravlja gustoćom piksela
- 17pt = minimalna preporučena veličina teksta tijela (pristupačnost)
DPI Naspram PPI: Razumijevanje Gustoće Ekrana i Štampe
DPI (Tačke Po Inču)
Rezolucija štampača — koliko tačaka tinte stane u jedan inč
DPI mjeri izlaznu rezoluciju štampača. Viši DPI proizvodi glađi tekst i slike postavljanjem više tačaka tinte po inču.
- 300 DPI: Standard za profesionalnu štampu (časopisi, knjige)
- 600 DPI: Visokokvalitetna laserska štampa (poslovni dokumenti)
- 1200-2400 DPI: Profesionalna štampa fotografija i reprodukcija likovnih djela
- 72 DPI: Samo za pregled na ekranu — neprihvatljivo za štampu (izgleda nazubljeno)
- 150 DPI: Štampa nacrta ili plakata velikog formata (gledano s udaljenosti)
PPI (Pikseli Po Inču)
Rezolucija ekrana — koliko piksela stane u jedan inč ekrana
PPI mjeri gustoću ekrana. Viši PPI stvara oštriji tekst na ekranu pakiranjem više piksela u isti fizički prostor.
- 72 PPI: Originalni Mac ekrani (1 piksel = 1 tačka)
- 96 PPI: Standardni Windows ekrani (1.33 piksela po tački)
- 110-120 PPI: Povoljni monitori za laptope/stolne računare
- 220 PPI: MacBook Retina, iPad Pro (2× gustoća piksela)
- 326-458 PPI: iPhone Retina/Super Retina (3× gustoća piksela)
- 400-600 PPI: Vrhunski Android telefoni ( Samsung, Google Pixel )
DPI i PPI se često koriste naizmjenično, ali mjere različite stvari. DPI je za štampače (tačke tinte), PPI je za ekrane (pikseli koji emituju svjetlost). Prilikom dizajniranja, uvijek navedite: 'Ekran pri 96 PPI' ili 'Štampa pri 300 DPI' — nikada samo 'DPI', jer je dvosmisleno.
Praktična Primjena: Odabir Pravih Jedinica
Dizajn za Štampu
Štampa koristi apsolutne jedinice (tačke, pica) jer fizička veličina izlaza mora biti tačna i neovisna o uređaju.
- Tekst tijela: 10-12pt za knjige, 9-11pt za časopise
- Naslovi: 18-72pt ovisno o hijerarhiji i formatu
- Prored (leading): 120% veličine fonta (tekst od 12pt = prored od 14.4pt)
- Mjerite apsolutne dimenzije u pica: 'Širina stupca: 25 pica'
- Uvijek dizajnirajte pri 300 DPI za profesionalnu štampu
- Nikada ne koristite piksele za štampu — konvertujte ih u tačke/pica/inče
Web Dizajn
Web tipografija koristi piksele i relativne jedinice jer se ekrani razlikuju po veličini i gustoći.
- Tekst tijela: 16px zadano (standard preglednika) = 12pt pri 96 DPI
- Nikada ne koristite apsolutne tačke u CSS-u — preglednici ih renderiraju nepredvidivo
- Responzivni dizajn: koristite rem (relativno u odnosu na korijenski font) za skalabilnost
- Minimalni tekst: 14px za tijelo, 12px za opise (pristupačnost)
- Visina linije: 1.5 (bez jedinice) za čitljivost teksta tijela
- Medijski upiti: dizajnirajte za 320px (mobilni) do 1920px+ (stolni)
Mobilne Aplikacije
Mobilne platforme koriste jedinice neovisne o gustoći (dp/pt) kako bi osigurale dosljednu fizičku veličinu na različitim gustoćama ekrana.
- iOS: Dizajnirajte u tačkama (pt), sistem automatski skalira na @2x/@3x
- Android: Koristite dp (piksele neovisne o gustoći) za rasporede, sp za tekst
- Minimalni cilj dodira: 44pt (iOS) ili 48dp (Android) za pristupačnost
- Tekst tijela: minimalno 16sp (Android) ili 17pt (iOS)
- Nikada ne koristite fizičke piksele — uvijek koristite logičke jedinice (dp/pt)
- Testirajte na više gustoća: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademska i Naučna Sfera
Akademsko izdavaštvo koristi TeX tačke za matematičku preciznost i kompatibilnost s postojećom literaturom.
- LaTeX koristi TeX tačke (72.27 po inču) za naslijeđenu kompatibilnost
- Standardni časopis: 10pt Computer Modern font
- Format s dva stupca: stupci širine 3.33 inča (240pt) s razmakom od 0.25 inča (18pt)
- Jednačine: Precizno dimenzioniranje u tačkama ključno je za matematičku notaciju
- Pažljivo konvertujte: 1 TeX pt = 0.9963 PostScript pt
- PDF izlaz: TeX automatski upravlja konverzijama sistema tačaka
Uobičajene Konverzije i Izračuni
Brza referenca za svakodnevne tipografske konverzije:
Osnovne Konverzije
| Iz | U | Formula | Primjer |
|---|---|---|---|
| Tačke | Inči | pt ÷ 72 | 72pt = 1 inč |
| Tačke | Milimetri | pt × 0.3528 | 12pt = 4.23mm |
| Tačke | Pica | pt ÷ 12 | 72pt = 6 pica |
| Pikseli (96 DPI) | Tačke | px × 0.75 | 16px = 12pt |
| Pikseli (72 DPI) | Tačke | px × 1 | 12px = 12pt |
| Pica | Inči | pc ÷ 6 | 6pc = 1 inč |
| Inči | Tačke | in × 72 | 2in = 144pt |
| Android dp | Tačke | dp × 0.45 | 32dp = 14.4pt |
Potpuna Referenca za Konverziju Jedinica
Sve tipografske jedinice s preciznim faktorima konverzije. Osnovna jedinica: PostScript tačka (pt)
Apsolutne (Fizičke) Jedinice
Base Unit: PostScript Tačka (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Tačka (pt) | × 1 | ÷ 72 | 72 pt = 1 inč |
| Pica (pc) | × 12 | ÷ 6 | 6 pc = 1 inč = 72 pt |
| Inč (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Milimetar (mm) | × 2.8346 | ÷ 25.4 | 25.4 mm = 1 in = 72 pt |
| Centimetar (cm) | × 28.346 | ÷ 2.54 | 2.54 cm = 1 in |
| Didot Tačka | × 1.07 | ÷ 67.6 | 67.6 Didot = 1 in |
| Cicero | × 12.84 | ÷ 5.6 | 1 cicero = 12 Didot |
| TeX Tačka | × 0.9963 | ÷ 72.27 | 72.27 TeX pt = 1 in |
Ekranske/Digitalne Jedinice (Zavisne od DPI)
Ove konverzije ovise o DPI ekrana (tačke po inču). Zadane pretpostavke: 96 DPI (Windows), 72 DPI (stari Mac)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Piksel @ 96 DPI | × 0.75 | pt = px × 72/96 | 16 px = 12 pt |
| Piksel @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| Piksel @ 300 DPI | × 0.24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
Jedinice Mobilnih Platformi
Logičke jedinice specifične za platformu koje se skaliraju s gustoćom uređaja
| 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 (identični) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 fizička px po iOS pt | 2× piksela | 1 iOS pt = 2 piksela ekrana | |
| iOS pt (@3x) | 3 fizička px po iOS pt | 3× piksela | 1 iOS pt = 3 piksela ekrana |
Naslijeđene i Specijalizirane Jedinice
| 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 Velika Tačka | × 1.00375 | Tačno 1/72 inča | 72 bp = 1.0027 in |
Osnovni Izračuni
| Calculation | Formula | Example |
|---|---|---|
| Konverzija DPI u Tačku | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Fizička veličina iz tačaka | inči = pt / 72 | 144 pt = 144/72 = 2 inča |
| Prored (leading) | prored = veličina fonta × 1.2 do 1.45 | font od 12pt → prored od 14.4-17.4pt |
| Rezolucija za štampu | potrebni pikseli = (inči × DPI) za širinu i visinu | 8×10 in @ 300 DPI = 2400×3000 px |
Najbolje Prakse za Tipografiju
Dizajn za Štampu
- Uvijek radite u tačkama ili pica — nikada u pikselima za štampu
- Postavite dokumente na stvarnu veličinu (300 DPI) od početka
- Koristite 10-12pt za tekst tijela; sve manje smanjuje čitljivost
- Prored bi trebao biti 120-145% veličine fonta za ugodno čitanje
- Margine: Minimalno 0.5 inča (36pt) za uvez i rukovanje
- Testirajte štampu na stvarnoj veličini prije slanja u komercijalnu štampariju
Web Razvoj
- Koristite rem za veličine fontova — omogućava korisniku zumiranje bez narušavanja rasporeda
- Postavite korijenski font na 16px (zadano u pregledniku) — nikada manji
- Koristite vrijednosti visine linije bez jedinica (1.5) umjesto fiksnih visina
- Nikada ne koristite apsolutne veličine tačaka u CSS-u — nepredvidivo renderiranje
- Testirajte na stvarnim uređajima, ne samo promjenom veličine preglednika — DPI je važan
- Minimalna veličina fonta: 14px tijelo, 12px opisi, 44px ciljevi dodira
Mobilne Aplikacije
- iOS: Dizajnirajte @1x, automatski izvozite @2x i @3x resurse
- Android: Dizajnirajte u dp, testirajte na mdpi/hdpi/xhdpi/xxhdpi
- Minimalni tekst: 17pt (iOS) ili 16sp (Android) za pristupačnost
- Ciljevi dodira: minimalno 44pt (iOS) ili 48dp (Android)
- Testirajte na fizičkim uređajima — simulatori ne prikazuju stvarnu gustoću
- Koristite sistemske fontove kada je to moguće — optimizirani su za platformu
Pristupačnost
- Minimalni tekst tijela: 16px (web), 17pt (iOS), 16sp (Android)
- Visok kontrast: 4.5:1 za tekst tijela, 3:1 za veliki tekst (18pt+)
- Podržite skaliranje korisnika: koristite relativne jedinice, a ne fiksne veličine
- Dužina linije: 45-75 znakova po liniji za optimalnu čitljivost
- Visina linije: minimalno 1.5× veličine fonta za pristupačnost osobama s disleksijom
- Testirajte s čitačima ekrana i zumiranjem na 200%
Često Postavljana Pitanja
Zašto moj tekst izgleda različite veličine u Photoshopu u odnosu na Word?
Photoshop pretpostavlja 72 PPI za prikaz na ekranu, dok Word koristi 96 DPI (Windows) za raspored. Font od 12pt u Photoshopu izgleda 33% veći na ekranu nego u Wordu, iako se oba štampaju u identičnim veličinama. Postavite Photoshop na 300 PPI za rad sa štampom da biste vidjeli tačne veličine.
Da li da dizajniram u tačkama ili pikselima za web?
Uvijek u pikselima (ili relativnim jedinicama poput rem/em) za web. Tačke su apsolutne fizičke jedinice koje se nedosljedno renderiraju na različitim preglednicima i uređajima. 12pt može biti 16px na jednom uređaju i 20px na drugom. Koristite px/rem za predvidljivu web tipografiju.
Koja je razlika između pt, px i dp?
pt = apsolutno fizički (1/72 inča), px = piksel ekrana (varira s DPI), dp = Android neovisan o gustoći (normaliziran na 160 DPI). Koristite pt za štampu, px za web, dp za Android, iOS pt (logički) za iOS. Svaki sistem je optimiziran za svoju platformu.
Zašto 12pt izgleda drugačije u različitim aplikacijama?
Aplikacije tumače tačke različito ovisno o njihovoj pretpostavci DPI. Word koristi 96 DPI, Photoshop zadano 72 PPI, InDesign koristi stvarnu rezoluciju uređaja. 12pt je uvijek 1/6 inča kada se odštampa, ali izgleda različite veličine na ekranu zbog postavki DPI.
Kako da konvertujem TeX tačke u PostScript tačke?
Pomnožite TeX tačke s 0.9963 da biste dobili PostScript tačke (1 TeX pt = 1/72.27 inča naspram PostScript 1/72 inča). Razlika je sićušna—samo 0.37% —ali je važna za akademsko izdavaštvo gdje je tačan razmak ključan za matematičku notaciju.
U kojoj rezoluciji da dizajniram?
Štampa: minimalno 300 DPI, 600 DPI za visoku kvalitetu. Web: Dizajnirajte pri 96 DPI, pružite @2x resurse za retinu. Mobilni: Dizajnirajte @1x u logičkim jedinicama (pt/dp), izvozite @2x/@3x. Nikada ne dizajnirajte pri 72 DPI osim ako ne ciljate na stare Mac ekrane.
Zašto je 16px web standard?
Zadana veličina fonta u pregledniku je 16px (ekvivalentno 12pt pri 96 DPI), izabrana za optimalnu čitljivost na tipičnim udaljenostima gledanja (18-24 inča). Sve manje smanjuje čitljivost, posebno za starije korisnike. Uvijek koristite 16px kao osnovu za relativno dimenzioniranje.
Da li trebam znati za Didot tačke?
Samo ako radite s evropskom tradicionalnom štampom, francuskim izdavačima ili historijskim reprodukcijama. Didot tačke (0.376mm) su 6.5% veće od PostScript tačaka. Moderni digitalni dizajn univerzalno koristi PostScript tačke—Didot je uglavnom relevantan za klasičnu tipografiju i umjetničke knjige.
Kompletan Direktorij Alata
Svih 71 alata dostupnih na UNITS