Конвертор Типографије
Od Gutenberga do Retine: Ovladavanje Tipografskim Jedinicama
Tipografske jedinice čine temelj dizajna na platformama za štampu, veb i mobilne uređaje. Od tradicionalnog sistema tačaka, uspostavljenog 1700-ih godina, do modernih merenja zasnovanih na pikselima, razumevanje ovih jedinica je ključno za dizajnere, programere i sve koji rade s tekstom. Ovaj sveobuhvatni vodič pokriva 22+ tipografske jedinice, njihov istorijski kontekst, praktičnu primenu i tehnike konverzije za profesionalni rad.
Osnovni Koncepti: Razumevanje Tipografskog Merenja
Tačka (pt)
Apsolutna jedinica tipografije, standardizovana kao 1/72 inča
Tačke mere 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 merenja neovisna o uređaju koja se dosledno prevode na različitim medijima.
Primer: 12pt Times New Roman = 0.1667 inča visine = 4.23mm. Profesionalni tekst tela 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 u zavisnosti od gustine ekrana (DPI/PPI). Isti broj piksela izgleda veći na ekranima niske rezolucije (72 PPI) i manji na ekranima visoke rezolucije retina (220+ PPI). Razumevanje odnosa DPI/PPI ključno je za doslednu tipografiju na različitim uređajima.
Primer: 16px pri 96 DPI = 12pt. Istih 16px pri 300 DPI (štampa) = 3.84pt. Uvek navedite ciljani DPI prilikom konverzije piksela.
Pajk (pc)
Tradicionalna tipografska jedinica jednaka 12 tačaka ili 1/6 inča
Pajkovi mere širinu stubaca, margine i dimenzije rasporeda stranice u tradicionalnom dizajnu za štampu. Softver za stono izdavaštvo poput InDesigna i QuarkXPressa koristi pajkove kao zadanu mernu jedinicu. Jedan pajk jednak je tačno 12 tačaka, što konverzije čini jednostavnim.
Primer: Standardni novinski stubac može biti širok 15 pajkova (2.5 inča ili 180 tačaka). Rasporedi časopisa često koriste mere od 30-40 pajkova.
- 1 tačka (pt) = 1/72 inča = 0.3528 mm — apsolutno fizičko merenje
- 1 pajk (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 vekove 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 Primeri Konverzije
Evolucija Tipografskog Merenja
Srednjovekovni i Rani Moderni Period (1450-1737)
1450–1737
Rođenje pokretnih slova stvorilo je potrebu za standardizovanim merenjima, ali su regionalni sistemi ostali nekompatibilni vekovima.
- 1450: Gutenbergova štamparska mašina stvara potrebu za standardizovanim veličinama slova
- 1500-e: Veličine slova nazvane po izdanjima Biblije (Cicero, Augustin, itd.)
- 1600-e: Svaki evropski region razvija sopstveni sistem tačaka
- 1690-e: Francuski tipograf Fournier predlaže sistem sa 12 podela
- Rani sistemi: Izuzetno nedosledni, razlikuju se za 0.01-0.02 mm između regiona
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 Nemač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 mera
- 1800-e: Didot sistem dominira kontinentalnom evropskom štampom
- Danas: Još uvek se koristi u Francuskoj, Nemačkoj, Belgiji za tradicionalnu štampu
Anglo-Američki Sistem (1886-1984)
1886–1984
Američki i britanski štampari standardizovali su pajk sistem, definišuć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 pajk sistem: 1 pt = 0.013837"
- 1898: Britanci usvajaju američki standard, stvarajući anglo-američko jedinstvo
- 1930-e-1970-e: Pajk sistem dominira celokupnom štampom na engleskom jeziku
- Razlika: Anglo-američka tačka (0.351mm) naspram Didot (0.376mm) — 7% veća
- Uticaj: Zahtevalo je odvojeno livenje 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 definišući 1 tačku kao tačno 1/72 inča, okončavajući vekove nekompatibilnosti i omogućavajući digitalnu tipografiju.
- 1984: Adobe PostScript definiše 1 pt = tačno 1/72 inča (0.3528mm)
- 1985: Apple LaserWriter čini PostScript standardom za stono izdavaštvo
- 1990-e: PostScript tačka postaje globalni standard, zamenjujući regionalne sisteme
- 2000-e: TrueType, OpenType usvajaju PostScript merenja
- Danas: PostScript tačka je univerzalni standard za sav digitalni dizajn
Tradicionalni Tipografski Sistemi
Pre nego što je PostScript unificirao merenja 1984. godine, regionalni tipografski sistemi su koegzistirali, svaki sa jedinstvenim definicijama tačaka. Ovi sistemi ostaju važni za istorijsku štampu i specijalizovane primene.
Didot Sistem (francuski/evropski)
Uspostavio ga je 1770. godine François-Ambroise Didot
Kontinentalni evropski standard, koji se i danas koristi u Francuskoj, Nemačkoj i delovima 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 sa pajkom)
- Zasnovan na francuskom kraljevskom inču (27.07mm), pružajući jednostavnost sličnu metričkoj
- Još uvek preferiran u evropskoj umetničkoj knjizi i klasičnoj štampi
- Moderna upotreba: Francuska Imprimerie nationale, nemač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, optimizovan 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 sa pred-digitalnim akademskim publikacijama
- 1 TeX pajk = 12 TeX tačaka (nešto manji od PostScript pajka)
- Koristi ga LaTeX, dominantni sistem za naučno izdavaštvo
- Ključan za: Akademske radove, matematičke tekstove, časopise iz fizike
Tvip (računarski sistemi)
Tipografija za Microsoft Word i Windows
Interna merna jedinica za programe za obradu teksta, koja pruža finu kontrolu za raspored digitalnih dokumenata.
- 1 tvip = 1/20 tačke = 1/1440 inča = 0.0176mm
- Naziv: 'DVAdeseti deo tačke' — izuzetno precizno merenje
- Interno ga koriste: Microsoft Word, Excel, PowerPoint, Windows GDI
- Omogućava frakcijske veličine tačaka bez matematike sa pomičnim zarezom
- 20 tvipa = 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
- Pajk = 0.166 inča (naspram PostScript 0.16667) — jedva primetna razlika
- Dominirao od 1886-1984 pre unifikacije PostScripta
- Nasleđeni uticaj: 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 tela (štampa) | 10-12 pt | 13-16 px | Knjige, časopisi |
| Tekst tela (veb) | 12 pt | 16 px | Zadano u pregledaču |
| Podnaslovi | 14-18 pt | 19-24 px | Zaglavlja odeljaka |
| 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
Poreklo Reči 'Font'
Reč 'font' dolazi od francuske reč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 deljivo sa 2, 3, 4, 6, 8, 9, 12, 18, 24 i 36—što olakšava izračune. Takođe se vrlo blisko podudarao sa tradicionalnim pajk sistemom (72.27 tačaka/inč).
Najskuplji Font
Bauer Bodoni košta 89,900 dolara za kompletnu porodicu—jedan od najskupljih komercijalnih fontova ikada prodatih. Njegov dizajn je zahtevao godine rada da bi se digitalizovao iz originalnih metalnih uzoraka iz 1920-ih.
Psihologija Comic Sansa
Uprkos mržnji dizajnera, Comic Sans povećava brzinu čitanja za čitaoce sa disleksijom za 10-15% zbog nepravilnih oblika slova koji sprečavaju zabunu znakova. To je zapravo vredan alat za pristupačnost.
Univerzalni Simbol
Simbol '@' ima različite nazive na različitim jezicima: 'puž' (italijanski), 'majmunski rep' (holandski), '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 sa PostScript tačkama (1 piksel = 1 tačka), čineći WYSIWYG stono izdavaštvo mogućim po prvi put 1984. godine. To je revolucionisalo grafički dizajn.
Vremenska Linija Evolucije Tipografije
1450
Gutenberg izumljuje pokretna slova—prva potreba za standardima merenja slova
1737
François-Ambroise Didot stvara Didot sistem tačaka (0.376mm)
1886
American Type Founders standardizuju pajk sistem (1 pt = 1/72.27 inča)
1978
Donald Knuth stvara TeX sistem tačaka za akademsko slaganje slova
1984
Adobe PostScript definiše 1 pt = tačno 1/72 inča—globalno ujedinjenje
1985
Apple LaserWriter donosi PostScript u stono izdavaštvo
1991
Format fonta TrueType standardizuje digitalnu tipografiju
1996
CSS uvodi veb tipografiju sa merenjima zasnovanim na pikselima
2007
iPhone uvodi retina ekrane @2x—dizajn nezavisan od gustine
2008
Android se pokreće sa dp (pikselima nezavisnim od gustine)
2010
Veb 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 merenja zavisna od uređaja gde ista numerička vrednost proizvodi različite fizičke veličine u zavisnosti od gustine ekrana. Razumevanje konvencija platformi ključno je za dosledan dizajn.
Windows (96 DPI Standard)
96 DPI (96 piksela po inču)
Microsoft je standardizovao 96 DPI u Windows 95, stvarajući odnos 4:3 između piksela i tačaka. To ostaje podrazumevano 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 tela
- Istorija: Izabrano kao 1.5× originalnog 64 DPI CGA standarda
- Danas: Ekrani sa visokim DPI koriste skaliranje od 125%, 150%, 200% (120, 144, 192 DPI)
- Veb podrazumevano: 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 nezavisan od gustine)
Android-ov dp (piksel nezavisan od gustine) sistem normalizuje se na osnovu od 160 DPI, sa kategorijama gustine za različite ekrane.
- 1 dp pri 160 DPI = 0.45 pt (160 piksela/inč ÷ 72 tačke/inč)
- Kategorije gustine: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Formula: fizički pikseli = dp × (DPI ekrana / 160)
- 16sp (piksel nezavisan od skaliranja) = preporučena minimalna veličina teksta
- Prednost: Ista dp vrednost 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 zavisi od generacije 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 gustinom piksela
- 17pt = minimalna preporučena veličina teksta tela (pristupačnost)
DPI Naspram PPI: Razumevanje Gustine Ekrana i Štampe
DPI (Tačke Po Inču)
Rezolucija štampača — koliko tačaka mastila stane u jedan inč
DPI meri izlaznu rezoluciju štampača. Viši DPI proizvodi glađi tekst i slike postavljanjem više tačaka mastila 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 dela
- 72 DPI: Samo za pregled na ekranu — neprihvatljivo za štampu (izgleda nazubljeno)
- 150 DPI: Štampa nacrta ili plakata velikog formata (gledano sa udaljenosti)
PPI (Pikseli Po Inču)
Rezolucija ekrana — koliko piksela stane u jedan inč ekrana
PPI meri gustinu ekrana. Viši PPI stvara oštriji tekst na ekranu pakovanjem 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 laptopove/stone računare
- 220 PPI: MacBook Retina, iPad Pro (2× gustina piksela)
- 326-458 PPI: iPhone Retina/Super Retina (3× gustina piksela)
- 400-600 PPI: Vrhunski Android telefoni (Samsung, Google Pixel)
DPI i PPI se često koriste naizmenično, ali mere različite stvari. DPI je za štampače (tačke mastila), PPI je za ekrane (pikseli koji emituju svetlost). Prilikom dizajniranja, uvek navedite: 'Ekran pri 96 PPI' ili 'Štampa pri 300 DPI' — nikada samo 'DPI', jer je dvosmisleno.
Praktična Primena: Odabir Pravih Jedinica
Dizajn za Štampu
Štampa koristi apsolutne jedinice (tačke, pajkovi) jer fizička veličina izlaza mora biti tačna i neovisna o uređaju.
- Tekst tela: 10-12pt za knjige, 9-11pt za časopise
- Naslovi: 18-72pt u zavisnosti od hijerarhije i formata
- Prored (leading): 120% veličine fonta (tekst od 12pt = prored od 14.4pt)
- Merite apsolutne dimenzije u pajkovima: 'Širina stupca: 25 pajkova'
- Uvek dizajnirajte pri 300 DPI za profesionalnu štampu
- Nikada ne koristite piksele za štampu — konvertujte ih u tačke/pajkove/inče
Veb Dizajn
Veb tipografija koristi piksele i relativne jedinice jer se ekrani razlikuju po veličini i gustini.
- Tekst tela: 16px zadano (standard pregledača) = 12pt pri 96 DPI
- Nikada ne koristite apsolutne tačke u CSS-u — pregledači ih renderuju nepredvidivo
- Responzivni dizajn: koristite rem (relativno u odnosu na korenski font) za skalabilnost
- Minimalni tekst: 14px za telo, 12px za opise (pristupačnost)
- Visina linije: 1.5 (bez jedinice) za čitljivost teksta tela
- Medijski upiti: dizajnirajte za 320px (mobilni) do 1920px+ (stoni)
Mobilne Aplikacije
Mobilne platforme koriste jedinice nezavisne od gustine (dp/pt) kako bi osigurale doslednu fizičku veličinu na različitim gustinama ekrana.
- iOS: Dizajnirajte u tačkama (pt), sistem automatski skalira na @2x/@3x
- Android: Koristite dp (piksele nezavisne od gustine) za rasporede, sp za tekst
- Minimalni cilj dodira: 44pt (iOS) ili 48dp (Android) za pristupačnost
- Tekst tela: minimalno 16sp (Android) ili 17pt (iOS)
- Nikada ne koristite fizičke piksele — uvek koristite logičke jedinice (dp/pt)
- Testirajte na više gustina: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademska i Naučna Sfera
Akademsko izdavaštvo koristi TeX tačke za matematičku preciznost i kompatibilnost sa postojećom literaturom.
- LaTeX koristi TeX tačke (72.27 po inču) za nasleđenu kompatibilnost
- Standardni časopis: 10pt Computer Modern font
- Format sa dva stupca: stupci širine 3.33 inča (240pt) sa razmakom od 0.25 inča (18pt)
- Jednačine: Precizno dimenzionisanje 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 | Primer |
|---|---|---|---|
| Tačke | Inči | pt ÷ 72 | 72pt = 1 inč |
| Tačke | Milimetri | pt × 0.3528 | 12pt = 4.23mm |
| Tačke | Pajkovi | pt ÷ 12 | 72pt = 6 pajkova |
| Pikseli (96 DPI) | Tačke | px × 0.75 | 16px = 12pt |
| Pikseli (72 DPI) | Tačke | px × 1 | 12px = 12pt |
| Pajkovi | 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 sa 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č |
| Pajk (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 zavise od 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 sa gustinom 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 |
Nasleđene i Specijalizovane Jedinice
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Tvip (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
- Uvek radite u tačkama ili pajkovima — nikada u pikselima za štampu
- Postavite dokumente na stvarnu veličinu (300 DPI) od početka
- Koristite 10-12pt za tekst tela; 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 pre slanja u komercijalnu štampariju
Veb Razvoj
- Koristite rem za veličine fontova — omogućava korisniku zumiranje bez narušavanja rasporeda
- Postavite korenski font na 16px (zadano u pregledaču) — nikada manji
- Koristite vrednosti visine linije bez jedinica (1.5) umesto fiksnih visina
- Nikada ne koristite apsolutne veličine tačaka u CSS-u — nepredvidivo renderovanje
- Testirajte na stvarnim uređajima, ne samo promenom veličine pregledača — DPI je važan
- Minimalna veličina fonta: 14px telo, 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 gustinu
- Koristite sistemske fontove kada je to moguće — optimizovani su za platformu
Pristupačnost
- Minimalni tekst tela: 16px (veb), 17pt (iOS), 16sp (Android)
- Visok kontrast: 4.5:1 za tekst tela, 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 sa disleksijom
- Testirajte sa č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 videli tačne veličine.
Da li da dizajniram u tačkama ili pikselima za veb?
Uvek u pikselima (ili relativnim jedinicama poput rem/em) za veb. Tačke su apsolutne fizičke jedinice koje se nedosledno renderuju na različitim pregledačima i uređajima. 12pt može biti 16px na jednom uređaju i 20px na drugom. Koristite px/rem za predvidljivu veb tipografiju.
Koja je razlika između pt, px i dp?
pt = apsolutno fizički (1/72 inča), px = piksel ekrana (varira sa DPI), dp = Android nezavisan od gustine (normalizovan na 160 DPI). Koristite pt za štampu, px za veb, dp za Android, iOS pt (logički) za iOS. Svaki sistem je optimizovan za svoju platformu.
Zašto 12pt izgleda drugačije u različitim aplikacijama?
Aplikacije tumače tačke različito u zavisnosti od njihove pretpostavke DPI. Word koristi 96 DPI, Photoshop podrazumevano 72 PPI, InDesign koristi stvarnu rezoluciju uređaja. 12pt je uvek 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 sa 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 gde je tačan razmak ključan za matematičku notaciju.
U kojoj rezoluciji da dizajniram?
Štampa: minimalno 300 DPI, 600 DPI za visoku kvalitetu. Veb: 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 veb standard?
Zadana veličina fonta u pregledaču 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. Uvek koristite 16px kao osnovu za relativno dimenzionisanje.
Da li trebam znati za Didot tačke?
Samo ako radite sa evropskom tradicionalnom štampom, francuskim izdavačima ili istorijskim 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 umetničke knjige.
Комплетан директоријум алата
Сви 71 алати доступни на UNITS