Tipogrāfijas absolūtā vienība, standartizēta kā 1/72 collas

Punkti mēra fonta lielumu, rindu atstarpi (leading) un citas tipogrāfiskās dimensijas. 12 pt fonts nozīmē, ka attālums no zemākā lejupejošā elementa līdz augstākajam augšupejošajam elementam ir 12 punkti (1/6 collas jeb 4,23 mm). Punktu sistēma nodrošina no ierīces neatkarīgus mērījumus, kas konsekventi tiek tulkoti dažādos medijos.

Piemērs: 12pt Times New Roman = 0,1667 collas augsts = 4,23 mm. Profesionāls pamatteksts parasti izmanto 10-12 pt, virsraksti 18-72 pt.

Digitālā vienība, kas attēlo vienu punktu ekrānā vai attēlā

Pikseļi ir no ierīces atkarīgas vienības, kas mainās atkarībā no ekrāna blīvuma (DPI/PPI). Tas pats pikseļu skaits izskatās lielāks zemas izšķirtspējas displejos (72 PPI) un mazāks augstas izšķirtspējas retina displejos (220+ PPI). DPI/PPI attiecību izpratne ir ļoti svarīga konsekventai tipogrāfijai dažādās ierīcēs.

Piemērs: 16px pie 96 DPI = 12pt. Tie paši 16px pie 300 DPI (druka) = 3,84pt. Konvertējot pikseļus, vienmēr norādiet mērķa DPI.

Tradicionāla tipogrāfijas vienība, kas vienāda ar 12 punktiem vai 1/6 collas

Pica mēra sleju platumu, atkāpes un lapas izkārtojuma izmērus tradicionālajā drukas dizainā. Galddatoru izdevējdarbības programmatūra, piemēram, InDesign un QuarkXPress, izmanto pica kā noklusējuma mērvienību. Viena pica ir precīzi 12 punkti, kas padara konvertēšanu vienkāršu.

Piemērs: Standarta avīzes sleja varētu būt 15 pica plata (2,5 collas jeb 180 punkti). Žurnālu izkārtojumos bieži tiek izmantoti 30-40 pica mēri.

1450–1737

Kustīgo burtu rašanās radīja nepieciešamību pēc standartizētiem mērījumiem, bet reģionālās sistēmas gadsimtiem ilgi palika nesaderīgas.

• 1450: Gūtenberga iespiedmašīna rada nepieciešamību pēc standartizētiem burtu izmēriem
• 1500. gadi: Burtu izmēri tiek nosaukti Bībeles izdevumu vārdā (Cicero, Augustin u.c.)
• 1600. gadi: Katrs Eiropas reģions izstrādā savu punktu sistēmu
• 1690. gadi: Franču tipogrāfs Furnjē ierosina 12 daļu sistēmu
• Agrīnās sistēmas: Ārkārtīgi nekonsekventas, atšķiroties par 0,01-0,02 mm starp reģioniem

1737–1886

Franču iespiedējs Fransuā Ambruāzs Didots izveidoja pirmo īsto standartu, kas tika pieņemts visā kontinentālajā Eiropā un joprojām tiek izmantots Francijā un Vācijā.

• 1737: Furnjē ierosina punktu sistēmu, kas balstīta uz Francijas karalisko collu
• 1770: Fransuā Ambruāzs Didots pilnveido sistēmu — 1 Didota punkts = 0,376 mm
• 1785: Cicero (12 Didota punkti) kļūst par standarta mēru
• 1800. gadi: Didota sistēma dominē kontinentālās Eiropas iespiešanā
• Mūsdienās: Joprojām tiek izmantots Francijā, Vācijā, Beļģijā tradicionālajā drukā

1886–1984

Amerikāņu un britu iespiedēji standartizēja pica sistēmu, definējot 1 punktu kā 0,013837 collas (1/72,27 collas), dominējot angļu valodas tipogrāfijā.

• 1886: American Type Founders izveido pica sistēmu: 1 pt = 0,013837"
• 1898: Briti pieņem Amerikas standartu, radot angļu-amerikāņu vienotību
• 1930.-1970. gadi: Pica sistēma dominē visā angļu valodas iespiešanā
• Atšķirība: Angļu-amerikāņu punkts (0,351 mm) pret Didota punktu (0,376 mm) — 7% lielāks
• Ietekme: Bija nepieciešamas atsevišķas burtu liešanas ASV/Lielbritānijas tirgiem, salīdzinot ar Eiropas tirgiem

1984–mūsdienas

Adobe PostScript standarts apvienoja globālo tipogrāfiju, definējot 1 punktu kā precīzi 1/72 collas, izbeidzot gadsimtiem ilgu nesaderību un ļaujot attīstīties digitālajai tipogrāfijai.

• 1984: Adobe PostScript definē 1 pt = precīzi 1/72 collas (0,3528 mm)
• 1985: Apple LaserWriter padara PostScript par galddatoru izdevējdarbības standartu
• 1990. gadi: PostScript punkts kļūst par globālu standartu, aizstājot reģionālās sistēmas
• 2000. gadi: TrueType, OpenType pieņem PostScript mērījumus
• Mūsdienās: PostScript punkts ir universāls standarts visam digitālajam dizainam

Izveidojis 1770. gadā Fransuā Ambruāzs Didots

Kontinentālās Eiropas standarts, ko joprojām izmanto Francijā, Vācijā un daļā Austrumeiropas tradicionālajā drukā.

• 1 Didota punkts = 0,376 mm (pret PostScript 0,353 mm) — par 6,5% lielāks
• 1 Cicero = 12 Didota punkti = 4,51 mm (salīdzināms ar pica)
• Balstīts uz Francijas karalisko collu (27,07 mm), nodrošinot metrikai līdzīgu vienkāršību
• Joprojām iecienīts Eiropas mākslas grāmatu un klasiskajā drukā
• Mūsdienu lietojums: Francijas Nacionālā tipogrāfija, vācu Fraktur tipogrāfija

Izveidojis 1978. gadā Donalds Knuts datorizētai salikšanai

Akadēmiskais standarts matemātikas un zinātnes publicēšanai, optimizēts precīzai digitālajai kompozīcijai.

• 1 TeX punkts = 1/72,27 collas = 0,351 mm (atbilst vecajam angļu-amerikāņu punktam)
• Izvēlēts, lai saglabātu saderību ar pirmsdigitālajām akadēmiskajām publikācijām
• 1 TeX pica = 12 TeX punkti (nedaudz mazāka par PostScript pica)
• Izmanto LaTeX, dominējošā zinātniskās publicēšanas sistēma
• Būtisks: Akadēmiskajiem rakstiem, matemātikas tekstiem, fizikas žurnāliem

Microsoft Word un Windows tipogrāfija

Iekšējā mērvienība tekstapstrādes programmām, kas nodrošina smalku kontroli pār digitālo dokumentu izkārtojumu.

• 1 twip = 1/20 punkta = 1/1440 collas = 0,0176 mm
• Nosaukums: 'Divdesmitā daļa no punkta' — ārkārtīgi precīzs mērījums
• Iekšēji izmanto: Microsoft Word, Excel, PowerPoint, Windows GDI
• Ļauj izmantot daļskaitļu punktu izmērus bez peldošā komata matemātikas
• 20 twip = 1 punkts, kas ļauj sasniegt 0,05 pt precizitāti profesionālai salikšanai

1886. gada American Type Founders standarts

Pirmsdigitālais standarts angļu valodas drukāšanai, nedaudz atšķirīgs no PostScript.

• 1 tipogrāfa punkts = 0,013837 collas = 0,351 mm
• Vienāds ar 1/72,27 collas (pret PostScript 1/72) — par 0,4% mazāks
• Pica = 0,166 collas (pret PostScript 0,16667) — gandrīz nemanāma atšķirība
• Dominēja no 1886. līdz 1984. gadam pirms PostScript unifikācijas
• Mantojuma ietekme: Dažas tradicionālās tipogrāfijas joprojām atsaucas uz šo sistēmu

Vārds 'fonts' nāk no franču vārda 'fonte', kas nozīmē 'liets' vai 'kausēts'—atsaucoties uz izkausētu metālu, ko ielēja veidnēs, lai izveidotu atsevišķus metāla burtus tradicionālajā augstspiedē.

PostScript izvēlējās 72 punktus collā, jo 72 dalās ar 2, 3, 4, 6, 8, 9, 12, 18, 24 un 36—kas atvieglo aprēķinus. Tas arī ļoti precīzi atbilda tradicionālajai pica sistēmai (72,27 punkti/collā).

Bauer Bodoni maksā 89 900 USD par pilnu saimi—viens no dārgākajiem komerciālajiem fontiem, kas jebkad pārdots. Tā dizains prasīja gadiem ilgu darbu, lai to digitalizētu no oriģinālajiem 1920. gadu metāla burtu paraugiem.

Neskatoties uz dizaineru naidu, Comic Sans palielina lasīšanas ātrumu disleksiskiem lasītājiem par 10-15% neregulāro burtu formu dēļ, kas novērš rakstzīmju sajaukšanu. Tas faktiski ir vērtīgs pieejamības rīks.

Simbolam '@' ir dažādi nosaukumi dažādās valodās: 'gliemezis' (itāļu), 'pērtiķa aste' (holandiešu), 'peles' (ķīniešu) un 'sarullēta marinēta siļķe' (čehu)—bet tas ir tas pats 24 pt raksturs.

Apple izvēlējās 72 DPI oriģinālajiem Mac datoriem, lai tie precīzi atbilstu PostScript punktiem (1 pikselis = 1 punkts), padarot WYSIWYG galddatoru izdevējdarbību iespējamu pirmo reizi 1984. gadā. Tas revolucionizēja grafisko dizainu.

Gūtenbergs izgudro kustīgos burtus—pirmā nepieciešamība pēc burtu mērīšanas standartiem

Fransuā Ambruāzs Didots izveido Didota punktu sistēmu (0,376 mm)

American Type Founders standartizē pica sistēmu (1 pt = 1/72,27 collas)

Donalds Knuts izveido TeX punktu sistēmu akadēmiskajai salikšanai

Adobe PostScript definē 1 pt = precīzi 1/72 collas—globāla unifikācija

Apple LaserWriter ienes PostScript galddatoru izdevējdarbībā

TrueType fontu formāts standartizē digitālo tipogrāfiju

CSS ievieš tīmekļa tipogrāfiju ar pikseļu mērījumiem

iPhone ievieš @2x retina displejus—no blīvuma neatkarīgs dizains

Android tiek palaists ar dp (no blīvuma neatkarīgiem pikseļiem)

Tīmekļa fonti (WOFF) ļauj izmantot pielāgotu tipogrāfiju tiešsaistē

Mainīgo fontu specifikācija—viens fails, bezgalīgi daudz stilu

96 DPI (96 pikseļi collā)

Microsoft standartizēja 96 DPI operētājsistēmā Windows 95, izveidojot 4:3 attiecību starp pikseļiem un punktiem. Tas joprojām ir noklusējums lielākajai daļai datoru displeju.

• 1 px pie 96 DPI = 0,75 pt (4 pikseļi = 3 punkti)
• 16px = 12pt — izplatīta pamatteksta izmēra konvertēšana
• Vēsture: Izvēlēts kā 1,5× no sākotnējā 64 DPI CGA standarta
• Mūsdienās: Augsta DPI displeji izmanto 125%, 150%, 200% mērogošanu (120, 144, 192 DPI)
• Tīmekļa noklusējums: CSS pieņem 96 DPI visām px-uz-fiziskām konvertēšanām

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

Apple sākotnējais 72 DPI atbilda PostScript punktiem 1:1. Mūsdienu Retina displeji izmanto @2x/@3x mērogošanu asai attēlošanai.

• Mantojums: 1 px pie 72 DPI = precīzi 1 pt (perfekta atbilstība)
• Retina @2x: 2 fiziski pikseļi uz punktu, 220 PPI efektīvi
• Retina @3x: 3 fiziski pikseļi uz punktu, 330 PPI (iPhone)
• Priekšrocība: Punktu izmēri sakrīt ekrānā un drukas priekšskatījumā
• Realitāte: Fiziskais Retina ir 220 PPI, bet tiek mērogots, lai izskatītos kā 110 PPI (2×)

160 DPI (no blīvuma neatkarīgs pikselis)

Android dp (no blīvuma neatkarīgo pikseļu) sistēma normalizējas uz 160 DPI bāzes līniju, ar blīvuma nodalījumiem dažādiem ekrāniem.

• 1 dp pie 160 DPI = 0,45 pt (160 pikseļi/collā ÷ 72 punkti/collā)
• Blīvuma nodalījumi: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Formula: fiziskie pikseļi = dp × (ekrāna DPI / 160)
• 16sp (no mēroga neatkarīgs pikselis) = ieteicamais minimālais teksta izmērs
• Priekšrocība: Viena un tā pati dp vērtība fiziski izskatās identiska visās Android ierīcēs

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

iOS izmanto punktu kā loģisku vienību, kas ir identiska PostScript punktiem, ar fizisko pikseļu skaitu atkarībā no ekrāna paaudzes (ne-retina @1x, retina @2x, super-retina @3x).

• 1 iOS punkts pie @1x = 1,0 PostScript punkts (72 DPI bāzes līnija, tāpat kā PostScript)
• Retina @2x: 2 fiziski pikseļi uz iOS punktu (144 DPI)
• Super Retina @3x: 3 fiziski pikseļi uz iOS punktu (216 DPI)
• Visi iOS dizaini izmanto punktus; sistēma automātiski apstrādā pikseļu blīvumu
• 17pt = minimālais ieteicamais pamatteksta izmērs (pieejamība)

Printera izšķirtspēja — cik daudz tintes punktu ietilpst vienā collā

DPI mēra printera izvades izšķirtspēju. Augstāks DPI rada gludāku tekstu un attēlus, novietojot vairāk tintes punktu collā.

• 300 DPI: Standarts profesionālai drukāšanai (žurnāli, grāmatas)
• 600 DPI: Augstas kvalitātes lāzerdruka (biznesa dokumenti)
• 1200-2400 DPI: Profesionāla fotodruka un mākslas reprodukcija
• 72 DPI: Tikai ekrāna priekšskatījumam — nepieņemams drukāšanai (izskatās robains)
• 150 DPI: Melnraksta drukāšana vai liela formāta plakāti (skatoties no attāluma)

Ekrāna izšķirtspēja — cik daudz pikseļu ietilpst vienā collā displeja

PPI mēra displeja blīvumu. Augstāks PPI rada asāku ekrāna tekstu, saspiežot vairāk pikseļu tajā pašā fiziskajā telpā.

• 72 PPI: Sākotnējie Mac displeji (1 pikselis = 1 punkts)
• 96 PPI: Standarta Windows displeji (1,33 pikseļi uz punktu)
• 110-120 PPI: Budžeta klases klēpjdatoru/galddatoru monitori
• 220 PPI: MacBook Retina, iPad Pro (2× pikseļu blīvums)
• 326-458 PPI: iPhone Retina/Super Retina (3× pikseļu blīvums)
• 400-600 PPI: Augstas klases Android tālruņi (Samsung, Google Pixel)

Drukā tiek izmantotas absolūtās vienības (punkti, pica), jo fiziskajam izvades izmēram jābūt precīzam un neatkarīgam no ierīces.

• Pamatteksts: 10-12 pt grāmatām, 9-11 pt žurnāliem
• Virsraksti: 18-72 pt atkarībā no hierarhijas un formāta
• Rindu atstarpe (leading): 120% no fonta izmēra (12 pt teksts = 14,4 pt rindu atstarpe)
• Mēriet absolūtos izmērus pica: 'Slejas platums: 25 pica'
• Profesionālai drukāšanai vienmēr projektējiet ar 300 DPI
• Nekad neizmantojiet pikseļus drukāšanai — konvertējiet tos uz punktiem/pica/collām

Tīmekļa tipogrāfija izmanto pikseļus un relatīvās vienības, jo ekrāni atšķiras pēc izmēra un blīvuma.

• Pamatteksts: 16px noklusējums (pārlūkprogrammas standarts) = 12pt pie 96 DPI
• Nekad neizmantojiet absolūtos punktus CSS — pārlūkprogrammas tos atveido neparedzami
• Adaptīvais dizains: Izmantojiet rem (attiecībā pret saknes fontu) mērogojamībai
• Minimālais teksts: 14px pamattekstam, 12px parakstiem (pieejamība)
• Rindas augstums: 1,5 (bez vienības) pamatteksta lasāmībai
• Mediju vaicājumi: Projektējiet no 320px (mobilais) līdz 1920px+ (galddators)

Mobilās platformas izmanto no blīvuma neatkarīgas vienības (dp/pt), lai nodrošinātu konsekventu fizisko izmēru dažādos ekrāna blīvumos.

• iOS: Projektējiet punktos (pt), sistēma automātiski mērogo uz @2x/@3x
• Android: Izmantojiet dp (no blīvuma neatkarīgus pikseļus) izkārtojumiem, sp tekstam
• Minimālais pieskāriena mērķis: 44pt (iOS) vai 48dp (Android) pieejamībai
• Pamatteksts: 16sp (Android) vai 17pt (iOS) minimums
• Nekad neizmantojiet fiziskos pikseļus — vienmēr izmantojiet loģiskās vienības (dp/pt)
• Testējiet uz vairākiem blīvumiem: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Akadēmiskā publicēšana izmanto TeX punktus matemātiskai precizitātei un saderībai ar esošo literatūru.

• LaTeX izmanto TeX punktus (72,27 collā) mantotajai saderībai
• Standarta žurnāls: 10pt Computer Modern fonts
• Divu sleju formāts: 3,33 collu (240pt) slejas ar 0,25 collu (18pt) atstarpi
• Vienādojumi: Precīzs punktu izmērs ir būtisks matemātiskajai notācijai
• Konvertējiet uzmanīgi: 1 TeX pt = 0,9963 PostScript pt
• PDF izvade: TeX automātiski apstrādā punktu sistēmas konvertēšanu

• Vienmēr strādājiet punktos vai pica — nekad pikseļos drukāšanai
• Iestatiet dokumentus faktiskajā izmērā (300 DPI) no paša sākuma
• Izmantojiet 10-12 pt pamattekstam; jebkas mazāks samazina lasāmību
• Rindu atstarpei jābūt 120-145% no fonta izmēra ērtai lasīšanai
• Atkāpes: Vismaz 0,5 collas (36 pt) iesiešanai un apstrādei
• Pirms nosūtīšanas komerciālai tipogrāfijai veiciet testa druku faktiskajā izmērā

• Izmantojiet rem fontu izmēriem — tas ļauj lietotājam mērogot, nesabojājot izkārtojumu
• Iestatiet saknes fontu uz 16px (pārlūkprogrammas noklusējums) — nekad mazāku
• Izmantojiet bezvienību rindas augstuma vērtības (1.5), nevis fiksētus augstumus
• Nekad neizmantojiet absolūtos punktu izmērus CSS — neparedzama atveidošana
• Testējiet uz reālām ierīcēm, ne tikai mainot pārlūkprogrammas izmēru — DPI ir svarīgs
• Minimālais fonta izmērs: 14px pamatteksts, 12px paraksti, 44px pieskāriena mērķi

• iOS: Projektējiet @1x, automātiski eksportējiet @2x un @3x resursus
• Android: Projektējiet dp, testējiet uz mdpi/hdpi/xhdpi/xxhdpi
• Minimālais teksts: 17pt (iOS) vai 16sp (Android) pieejamībai
• Pieskāriena mērķi: vismaz 44pt (iOS) vai 48dp (Android)
• Testējiet uz fiziskām ierīcēm — simulatori nerāda patieso blīvumu
• Ja iespējams, izmantojiet sistēmas fontus — tie ir optimizēti platformai

• Minimālais pamatteksts: 16px (tīmeklis), 17pt (iOS), 16sp (Android)
• Augsts kontrasts: 4.5:1 pamattekstam, 3:1 lielam tekstam (18pt+)
• Atbalstiet lietotāja mērogošanu: izmantojiet relatīvās vienības, nevis fiksētus izmērus
• Rindas garums: 45-75 rakstzīmes rindā optimālai lasāmībai
• Rindas augstums: vismaz 1,5× fonta izmērs disleksijas pieejamībai
• Testējiet ar ekrāna lasītājiem un 200% palielinājumu

Photoshop pieņem 72 PPI ekrāna attēlošanai, savukārt Word izmanto 96 DPI (Windows) izkārtojumam. 12 pt fonts Photoshop programmā ekrānā izskatās par 33% lielāks nekā Word, lai gan abi tiek drukāti identiskos izmēros. Iestatiet Photoshop uz 300 PPI drukas darbiem, lai redzētu precīzu izmēru.

Vienmēr pikseļos (vai relatīvās vienībās, piemēram, rem/em) tīmeklim. Punkti ir absolūtas fiziskas vienības, kas dažādās pārlūkprogrammās un ierīcēs tiek atveidotas nekonsekventi. 12 pt varētu būt 16 px vienā ierīcē un 20 px citā. Izmantojiet px/rem paredzamai tīmekļa tipogrāfijai.

pt = absolūts fizisks (1/72 collas), px = ekrāna pikselis (mainās atkarībā no DPI), dp = no blīvuma neatkarīgs Android (normalizēts uz 160 DPI). Izmantojiet pt drukāšanai, px tīmeklim, dp Android, loģisko pt iOS. Katra sistēma ir optimizēta savai platformai.

Lietotnes interpretē punktus atšķirīgi, pamatojoties uz to DPI pieņēmumu. Word izmanto 96 DPI, Photoshop noklusējums ir 72 PPI, InDesign izmanto ierīces faktisko izšķirtspēju. 12 pt vienmēr ir 1/6 collas drukājot, bet ekrānā izskatās dažāda izmēra DPI iestatījumu dēļ.

Reiziniet TeX punktus ar 0,9963, lai iegūtu PostScript punktus (1 TeX pt = 1/72,27 collas pret PostScript 1/72 collas). Atšķirība ir niecīga—tikai 0,37%—bet ir svarīga akadēmiskajai publicēšanai, kur precīza atstarpe ir būtiska matemātiskajai notācijai.

Druka: vismaz 300 DPI, augstai kvalitātei 600 DPI. Tīmeklis: Projektējiet ar 96 DPI, nodrošiniet @2x resursus retina. Mobilais: Projektējiet @1x loģiskajās vienībās (pt/dp), eksportējiet @2x/@3x. Nekad neprojektējiet ar 72 DPI, ja vien nemērķējat uz vecākiem Mac displejiem.

Pārlūkprogrammas noklusējuma fonta izmērs ir 16px (ekvivalents 12pt pie 96 DPI), izvēlēts optimālai lasāmībai tipiskos skatīšanās attālumos (18-24 collas). Jebkas mazāks samazina lasāmību, īpaši vecākiem lietotājiem. Vienmēr izmantojiet 16px kā pamatu relatīvajam izmēram.

Tikai tad, ja strādājat ar Eiropas tradicionālo druku, franču izdevējiem vai vēsturiskām reprodukcijām. Didota punkti (0,376 mm) ir par 6,5% lielāki nekā PostScript punkti. Mūsdienu digitālais dizains universāli izmanto PostScript punktus—Didots galvenokārt ir aktuāls klasiskajai tipogrāfijai un mākslas grāmatām.