Apsolutna jedinica tipografije, standardizirana kao 1/72 inča

Toč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 dijela slova 12 točaka (1/6 inča ili 4,23 mm). Sustav toč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,23 mm. Profesionalni tekst tijela obično koristi 10-12pt, naslovi 18-72pt.

Digitalna jedinica koja predstavlja jednu točku na zaslonu ili slici

Pikseli su jedinice ovisne o uređaju koje variraju ovisno o gustoći zaslona (DPI/PPI). Isti broj piksela izgleda veći na zaslonima niske razlučivosti (72 PPI) i manji na zaslonima visoke razlučivosti (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 (tisak) = 3,84pt. Uvijek navedite ciljani DPI prilikom pretvaranja piksela.

Tradicionalna tipografska jedinica jednaka 12 točaka ili 1/6 inča

Pica mjeri širinu stupaca, margine i dimenzije rasporeda stranice u tradicionalnom dizajnu za tisak. Softver za stolno izdavaštvo poput InDesigna i QuarkXPressa koristi pica kao zadanu mjernu jedinicu. Jedna pica jednaka je točno 12 točaka, što pretvorbe čini jednostavnim.

Primjer: Standardni novinski stupac može biti širok 15 pica (2,5 inča ili 180 točaka). Rasporedi časopisa često koriste mjere od 30-40 pica.

1450.–1737.

Rođenje pokretnih slova stvorilo je potrebu za standardiziranim mjerenjima, ali su regionalni sustavi ostali nekompatibilni stoljećima.

• 1450.: Gutenbergov tiskarski stroj stvara potrebu za standardiziranim veličinama slova
• 1500-e: Veličine slova nazvane po izdanjima Biblije (Cicero, Augustin, itd.)
• 1600-e: Svaka europska regija razvija vlastiti sustav točaka
• 1690-e: Francuski tipograf Fournier predlaže sustav s 12 podjela
• Rani sustavi: Izuzetno nedosljedni, razlikuju se za 0,01-0,02 mm između regija

1737.–1886.

Francuski tiskar François-Ambroise Didot stvorio je prvi pravi standard, usvojen diljem kontinentalne Europe i koji se i danas koristi u Francuskoj i Njemačkoj.

• 1737.: Fournier predlaže sustav točaka temeljen na francuskom kraljevskom inču
• 1770.: François-Ambroise Didot usavršava sustav — 1 Didot točka = 0,376 mm
• 1785.: Cicero (12 Didot točaka) postaje standardna mjera
• 1800-e: Didot sustav dominira kontinentalnim europskim tiskom
• Danas: Još uvijek se koristi u Francuskoj, Njemačkoj, Belgiji za tradicionalni tisak

1886.–1984.

Američki i britanski tiskari standardizirali su pica sustav, definirajući 1 točku kao 0,013837 inča (1/72,27 inča), dominirajući tipografijom na engleskom jeziku.

• 1886.: American Type Founders uspostavljaju pica sustav: 1 pt = 0,013837"
• 1898.: Britanci usvajaju američki standard, stvarajući anglo-američko jedinstvo
• 1930-e-1970-e: Pica sustav dominira cjelokupnim tiskom na engleskom jeziku
• Razlika: Anglo-američka točka (0,351 mm) naspram Didot (0,376 mm) — 7% veća
• Utjecaj: Zahtijevalo je odvojeno lijevanje slova za tržišta SAD/UK u odnosu na europska tržišta

1984.–danas

Adobe-ov PostScript standard ujedinio je globalnu tipografiju definirajući 1 točku kao točno 1/72 inča, okončavajući stoljeća nekompatibilnosti i omogućavajući digitalnu tipografiju.

• 1984.: Adobe PostScript definira 1 pt = točno 1/72 inča (0,3528 mm)
• 1985.: Apple LaserWriter čini PostScript standardom za stolno izdavaštvo
• 1990-e: PostScript točka postaje globalni standard, zamjenjujući regionalne sustave
• 2000-e: TrueType, OpenType usvajaju PostScript mjerenja
• Danas: PostScript točka je univerzalni standard za sav digitalni dizajn

Uspostavio ga je 1770. godine François-Ambroise Didot

Kontinentalni europski standard, koji se i danas koristi u Francuskoj, Njemačkoj i dijelovima istočne Europe za tradicionalni tisak.

• 1 Didot točka = 0,376 mm (naspram PostScript 0,353 mm) — 6,5% veća
• 1 Cicero = 12 Didot točaka = 4,51 mm (usporedivo s pica)
• Zasnovan na francuskom kraljevskom inču (27,07 mm), pružajući jednostavnost sličnu metričkoj
• Još uvijek preferiran u europskoj umjetničkoj knjizi i klasičnom tisku
• Moderna upotreba: Francuska Imprimerie nationale, njemačka Fraktur tipografija

Kreirao ga je 1978. godine Donald Knuth za računalno slaganje slova

Akademski standard za matematičko i znanstveno izdavaštvo, optimiziran za preciznu digitalnu kompoziciju.

• 1 TeX točka = 1/72,27 inča = 0,351 mm (odgovara staroj anglo-američkoj točki)
• Izabran da sačuva kompatibilnost s pred-digitalnim akademskim publikacijama
• 1 TeX pica = 12 TeX točaka (nešto manja od PostScript pica)
• Koristi ga LaTeX, dominantni sustav za znanstveno izdavaštvo
• Ključan za: Akademske radove, matematičke tekstove, časopise iz fizike

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 točke = 1/1440 inča = 0,0176 mm
• Naziv: 'DVAdeseti dio točke' — izuzetno precizno mjerenje
• Interno ga koriste: Microsoft Word, Excel, PowerPoint, Windows GDI
• Omogućuje frakcijske veličine točaka bez matematike s pomičnim zarezom
• 20 twipa = 1 točka, omogućavajući preciznost od 0,05pt za profesionalno slaganje slova

Standard American Type Foundersa iz 1886. godine

Pred-digitalni standard za tisak na engleskom jeziku, neznatno drugačiji od PostScripta.

• 1 tiskarska točka = 0,013837 inča = 0,351 mm
• 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 tiskare i danas se pozivaju na ovaj sustav

Riječ 'font' dolazi od francuske riječi 'fonte' što znači 'lijeveno' ili 'otopljeno'—odnoseći se na otopljeni metal koji se sipa u kalupe za stvaranje pojedinačnih metalnih slova u tradicionalnom visokom tisku.

PostScript je izabrao 72 toč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 sustavom (72,27 točaka/inč).

Bauer Bodoni košta 89.900 dolara za kompletnu obitelj—jedan od najskupljih komercijalnih fontova ikada prodanih. Njegov dizajn je zahtijevao godine rada da bi se digitalizirao iz originalnih metalnih uzoraka iz 1920-ih.

Unatoč mržnji dizajnera, Comic Sans povećava brzinu čitanja za čitatelje s disleksijom za 10-15% zbog nepravilnih oblika slova koji sprječavaju zabunu znakova. To je zapravo vrijedan alat za pristupačnost.

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.

Apple je izabrao 72 DPI za originalne Macove kako bi se točno podudarao s PostScript točkama (1 piksel = 1 točka), čineći WYSIWYG stolno izdavaštvo mogućim po prvi put 1984. godine. To je revolucioniralo grafički dizajn.

Gutenberg izumljuje pokretna slova—prva potreba za standardima mjerenja slova

François-Ambroise Didot stvara Didot sustav točaka (0,376 mm)

American Type Founders standardiziraju pica sustav (1 pt = 1/72,27 inča)

Donald Knuth stvara TeX sustav točaka za akademsko slaganje slova

Adobe PostScript definira 1 pt = točno 1/72 inča—globalno ujedinjenje

Apple LaserWriter donosi PostScript u stolno izdavaštvo

Format fonta TrueType standardizira digitalnu tipografiju

CSS uvodi web tipografiju s mjerenjima temeljenim na pikselima

iPhone uvodi retina zaslone @2x—dizajn neovisan o gustoći

Android se pokreće s dp (pikselima neovisnim o gustoći)

Web fontovi (WOFF) omogućuju prilagođenu tipografiju na mreži

Specifikacija varijabilnih fontova—jedna datoteka, beskonačni stilovi

96 DPI (96 piksela po inču)

Microsoft je standardizirao 96 DPI u Windows 95, stvarajući omjer 4:3 između piksela i točaka. To ostaje zadano za većinu PC zaslona.

• 1 px pri 96 DPI = 0,75 pt (4 piksela = 3 točke)
• 16px = 12pt — uobičajena pretvorba veličine teksta tijela
• Povijest: Izabrano kao 1,5× originalnog 64 DPI CGA standarda
• Danas: Zasloni s visokim DPI koriste skaliranje od 125%, 150%, 200% (120, 144, 192 DPI)
• Web zadano: CSS pretpostavlja 96 DPI za sve pretvorbe px u fizičke jedinice

72 DPI (stari), 220 PPI (@2x Retina)

Apple-ov originalni 72 DPI odgovarao je PostScript točkama 1:1. Moderni Retina zasloni koriste @2x/@3x skaliranje za oštar prikaz.

• Stari: 1 px pri 72 DPI = točno 1 pt (savršena podudarnost)
• Retina @2x: 2 fizička piksela po točki, efektivno 220 PPI
• Retina @3x: 3 fizička piksela po točki, 330 PPI (iPhone)
• Prednost: Veličine točaka odgovaraju na zaslonu i u pregledu za tisak
• Stvarnost: Fizička Retina je 220 PPI, ali se skalira da izgleda kao 110 PPI (2×)

160 DPI (piksel neovisan o gustoći)

Android-ov dp (piksel neovisan o gustoći) sustav normalizira se na osnovu od 160 DPI, s kategorijama gustoće za različite zaslone.

• 1 dp pri 160 DPI = 0,45 pt (160 piksela/inč ÷ 72 točke/inč)
• Kategorije gustoće: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Formula: fizički pikseli = dp × (DPI zaslona / 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

72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)

iOS koristi točku kao logičku jedinicu identičnu PostScript točkama, pri čemu broj fizičkih piksela ovisi o generaciji zaslona (ne-retina @1x, retina @2x, super-retina @3x).

• 1 iOS točka @1x = 1,0 pt PostScript (osnova 72 DPI, isto kao PostScript)
• Retina @2x: 2 fizička piksela po iOS točki (144 DPI)
• Super Retina @3x: 3 fizička piksela po iOS točki (216 DPI)
• Svi iOS dizajni koriste točke; sustav automatski upravlja gustoćom piksela
• 17pt = minimalna preporučena veličina teksta tijela (pristupačnost)

Razlučivost pisača — koliko točaka tinte stane u jedan inč

DPI mjeri izlaznu razlučivost pisača. Viši DPI proizvodi glađi tekst i slike postavljanjem više točaka tinte po inču.

• 300 DPI: Standard za profesionalni tisak (časopisi, knjige)
• 600 DPI: Visokokvalitetni laserski tisak (poslovni dokumenti)
• 1200-2400 DPI: Profesionalni tisak fotografija i reprodukcija likovnih djela
• 72 DPI: Samo za pregled na zaslonu — neprihvatljivo za tisak (izgleda nazubljeno)
• 150 DPI: Tisak nacrta ili plakata velikog formata (gledano s udaljenosti)

Razlučivost zaslona — koliko piksela stane u jedan inč zaslona

PPI mjeri gustoću zaslona. Viši PPI stvara oštriji tekst na zaslonu pakiranjem više piksela u isti fizički prostor.

• 72 PPI: Originalni Mac zasloni (1 piksel = 1 točka)
• 96 PPI: Standardni Windows zasloni (1,33 piksela po točki)
• 110-120 PPI: Povoljni monitori za prijenosna/stolna računala
• 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)

Tisak koristi apsolutne jedinice (točke, pica) jer fizička veličina izlaza mora biti toč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 profesionalni tisak
• Nikada ne koristite piksele za tisak — pretvorite ih u točke/pica/inče

Web tipografija koristi piksele i relativne jedinice jer se zasloni razlikuju po veličini i gustoći.

• Tekst tijela: 16px zadano (standard preglednika) = 12pt pri 96 DPI
• Nikada ne koristite apsolutne toč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 platforme koriste jedinice neovisne o gustoći (dp/pt) kako bi osigurale dosljednu fizičku veličinu na različitim gustoćama zaslona.

• iOS: Dizajnirajte u točkama (pt), sustav 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

Akademsko izdavaštvo koristi TeX točke za matematičku preciznost i kompatibilnost s postojećom literaturom.

• LaTeX koristi TeX toč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)
• Jednadžbe: Precizno dimenzioniranje u točkama ključno je za matematičku notaciju
• Pažljivo pretvarajte: 1 TeX pt = 0,9963 PostScript pt
• PDF izlaz: TeX automatski upravlja pretvorbama sustava točaka

• Uvijek radite u točkama ili pica — nikada u pikselima za tisak
• 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 tisak na stvarnoj veličini prije slanja u komercijalnu tiskaru

• Koristite rem za veličine fontova — omogućuje 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 toč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

• 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

• 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 zaslona i zumiranjem na 200%

Photoshop pretpostavlja 72 PPI za prikaz na zaslonu, dok Word koristi 96 DPI (Windows) za raspored. Font od 12pt u Photoshopu izgleda 33% veći na zaslonu nego u Wordu, iako se oba tiskaju u identičnim veličinama. Postavite Photoshop na 300 PPI za rad s tiskom da biste vidjeli točne veličine.

Uvijek u pikselima (ili relativnim jedinicama poput rem/em) za web. Toč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.

pt = apsolutno fizički (1/72 inča), px = piksel zaslona (varira s DPI), dp = Android neovisan o gustoći (normaliziran na 160 DPI). Koristite pt za tisak, px za web, dp za Android, iOS pt (logički) za iOS. Svaki sustav je optimiziran za svoju platformu.

Aplikacije tumače točke različito ovisno o njihovoj pretpostavci DPI. Word koristi 96 DPI, Photoshop zadano 72 PPI, InDesign koristi stvarnu razlučivost uređaja. 12pt je uvijek 1/6 inča kada se otisne, ali izgleda različite veličine na zaslonu zbog postavki DPI.

Pomnožite TeX točke s 0,9963 da biste dobili PostScript toč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 točan razmak ključan za matematičku notaciju.

Tisak: 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 zaslone.

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.

Samo ako radite s europskim tradicionalnim tiskom, francuskim izdavačima ili povijesnim reprodukcijama. Didot točke (0,376 mm) su 6,5% veće od PostScript točaka. Moderni digitalni dizajn univerzalno koristi PostScript točke—Didot je uglavnom relevantan za klasičnu tipografiju i umjetničke knjige.