Penukar Tipografi
Dari Gutenberg ke Retina: Menguasai Unit Tipografi
Unit tipografi membentuk asas reka bentuk merentasi platform cetakan, web dan mudah alih. Daripada sistem titik tradisional yang ditubuhkan pada tahun 1700-an kepada ukuran berasaskan piksel moden, memahami unit ini adalah penting untuk pereka, pembangun dan sesiapa sahaja yang bekerja dengan teks. Panduan komprehensif ini merangkumi 22+ unit tipografi, konteks sejarahnya, aplikasi praktikal dan teknik penukaran untuk kerja profesional.
Konsep Asas: Memahami Pengukuran Tipografi
Titik (pt)
Unit mutlak tipografi, diseragamkan sebagai 1/72 inci
Titik mengukur saiz fon, jarak baris (leading), dan dimensi tipografi lain. Fon 12pt bermakna jarak dari descender terendah ke ascender tertinggi ialah 12 titik (1/6 inci atau 4.23mm). Sistem titik menyediakan ukuran bebas peranti yang diterjemahkan secara konsisten merentasi media.
Contoh: 12pt Times New Roman = 0.1667 inci tinggi = 4.23mm. Teks badan profesional biasanya menggunakan 10-12pt, tajuk 18-72pt.
Piksel (px)
Unit digital yang mewakili satu titik pada skrin atau imej
Piksel ialah unit bergantung pada peranti yang berbeza-beza berdasarkan ketumpatan skrin (DPI/PPI). Bilangan piksel yang sama kelihatan lebih besar pada paparan beresolusi rendah (72 PPI) dan lebih kecil pada paparan retina beresolusi tinggi (220+ PPI). Memahami hubungan DPI/PPI adalah penting untuk tipografi yang konsisten merentasi peranti.
Contoh: 16px pada 96 DPI = 12pt. 16px yang sama pada 300 DPI (cetakan) = 3.84pt. Sentiasa nyatakan DPI sasaran apabila menukar piksel.
Pika (pc)
Unit tipografi tradisional yang sama dengan 12 titik atau 1/6 inci
Pika mengukur lebar lajur, jidar dan dimensi reka letak halaman dalam reka bentuk cetakan tradisional. Perisian penerbitan desktop seperti InDesign dan QuarkXPress menggunakan pika sebagai unit ukuran lalai. Satu pika sama dengan tepat 12 titik, menjadikan penukaran mudah.
Contoh: Lajur akhbar standard mungkin selebar 15 pika (2.5 inci atau 180 titik). Reka letak majalah sering menggunakan ukuran 30-40 pika.
- 1 titik (pt) = 1/72 inci = 0.3528 mm — ukuran fizikal mutlak
- 1 pika (pc) = 12 titik = 1/6 inci — standard reka letak dan lebar lajur
- Piksel bergantung pada peranti: 96 DPI (Windows), 72 DPI (warisan Mac), 300 DPI (cetakan)
- Titik PostScript (1984) menyatukan sistem tipografi yang tidak serasi selama berabad-abad
- Tipografi digital menggunakan titik untuk reka bentuk, piksel untuk pelaksanaan
- DPI/PPI menentukan penukaran piksel-ke-titik: DPI lebih tinggi = saiz fizikal lebih kecil
Contoh Penukaran Pantas
Evolusi Pengukuran Tipografi
Zaman Pertengahan & Moden Awal (1450-1737)
1450–1737
Kelahiran jenis boleh alih mencipta keperluan untuk ukuran standard, tetapi sistem serantau kekal tidak serasi selama berabad-abad.
- 1450: Mesin cetak Gutenberg mencipta keperluan untuk saiz jenis standard
- 1500-an: Saiz jenis dinamakan sempena edisi Alkitab (Cicero, Augustin, dll.)
- 1600-an: Setiap wilayah Eropah membangunkan sistem titiknya sendiri
- 1690-an: Tipografer Perancis Fournier mencadangkan sistem 12-bahagian
- Sistem awal: Sangat tidak konsisten, berbeza 0.01-0.02mm antara wilayah
Sistem Didot (1737-1886)
1737–1886
Pencetak Perancis François-Ambroise Didot mencipta standard sebenar pertama, yang diterima pakai di seluruh Benua Eropah dan masih digunakan hari ini di Perancis dan Jerman.
- 1737: Fournier mencadangkan sistem titik berdasarkan inci diraja Perancis
- 1770: François-Ambroise Didot memperhalusi sistem — 1 titik Didot = 0.376mm
- 1785: Cicero (12 titik Didot) menjadi ukuran standard
- 1800-an: Sistem Didot menguasai percetakan Benua Eropah
- Moden: Masih digunakan di Perancis, Jerman, Belgium untuk cetakan tradisional
Sistem Anglo-Amerika (1886-1984)
1886–1984
Pencetak Amerika dan British menyeragamkan sistem pica, mentakrifkan 1 titik sebagai 0.013837 inci (1/72.27 inci), menguasai tipografi bahasa Inggeris.
- 1886: American Type Founders menubuhkan sistem pica: 1 pt = 0.013837"
- 1898: British menerima pakai standard Amerika, mewujudkan perpaduan Anglo-Amerika
- 1930-an-1970-an: Sistem pica menguasai semua percetakan bahasa Inggeris
- Perbezaan: Titik Anglo-Amerika (0.351mm) vs Didot (0.376mm) — 7% lebih besar
- Kesan: Memerlukan acuan jenis yang berasingan untuk pasaran AS/UK berbanding pasaran Eropah
Revolusi PostScript (1984-Kini)
1984–Kini
Standard PostScript Adobe menyatukan tipografi global dengan mentakrifkan 1 titik sebagai tepat 1/72 inci, menamatkan berabad-abad ketidakserasian dan membolehkan tipografi digital.
- 1984: Adobe PostScript mentakrifkan 1 pt = tepat 1/72 inci (0.3528mm)
- 1985: Apple LaserWriter menjadikan PostScript standard untuk penerbitan desktop
- 1990-an: Titik PostScript menjadi standard global, menggantikan sistem serantau
- 2000-an: TrueType, OpenType menerima pakai ukuran PostScript
- Moden: Titik PostScript ialah standard universal untuk semua reka bentuk digital
Sistem Tipografi Tradisional
Sebelum PostScript menyatukan ukuran pada tahun 1984, sistem tipografi serantau wujud bersama, masing-masing dengan takrifan titik yang unik. Sistem ini kekal penting untuk percetakan bersejarah dan aplikasi khusus.
Sistem Didot (Perancis/Eropah)
Ditubuhkan pada tahun 1770 oleh François-Ambroise Didot
Standard Benua Eropah, masih digunakan di Perancis, Jerman, dan sebahagian Eropah Timur untuk percetakan tradisional.
- 1 titik Didot = 0.376mm (vs PostScript 0.353mm) — 6.5% lebih besar
- 1 Cicero = 12 titik Didot = 4.51mm (setanding dengan pica)
- Berdasarkan inci diraja Perancis (27.07mm), memberikan kesederhanaan seperti metrik
- Masih diutamakan dalam pencetakan buku seni dan klasik Eropah
- Penggunaan moden: Imprimerie nationale Perancis, tipografi Fraktur Jerman
Sistem TeX (Akademik)
Dicipta pada tahun 1978 oleh Donald Knuth untuk penetapan jenis komputer
Standard akademik untuk penerbitan matematik dan saintifik, dioptimumkan untuk gubahan digital yang tepat.
- 1 titik TeX = 1/72.27 inci = 0.351mm (sepadan dengan titik Anglo-Amerika lama)
- Dipilih untuk mengekalkan keserasian dengan penerbitan akademik pra-digital
- 1 pika TeX = 12 titik TeX (sedikit lebih kecil daripada pika PostScript)
- Digunakan oleh LaTeX, sistem penerbitan saintifik yang dominan
- Kritikal untuk: Kertas akademik, teks matematik, jurnal fizik
Twip (Sistem Komputer)
Tipografi Microsoft Word dan Windows
Unit ukuran dalaman untuk pemproses perkataan, memberikan kawalan halus untuk reka letak dokumen digital.
- 1 twip = 1/20 titik = 1/1440 inci = 0.0176mm
- Nama: 'Dua Puluh Titik' — ukuran yang sangat tepat
- Digunakan secara dalaman oleh: Microsoft Word, Excel, PowerPoint, Windows GDI
- Membenarkan saiz titik pecahan tanpa matematik titik terapung
- 20 twip = 1 titik, membolehkan ketepatan 0.05pt untuk penetapan jenis profesional
Titik Pencetak Amerika
Standard American Type Founders tahun 1886
Standard pra-digital untuk percetakan bahasa Inggeris, sedikit berbeza daripada PostScript.
- 1 titik pencetak = 0.013837 inci = 0.351mm
- Sama dengan 1/72.27 inci (vs PostScript 1/72) — 0.4% lebih kecil
- Pika = 0.166 inci (vs PostScript 0.16667) — perbezaan yang hampir tidak dapat dilihat
- Menguasai 1886-1984 sebelum penyatuan PostScript
- Kesan warisan: Sesetengah kedai cetak tradisional masih merujuk kepada sistem ini
Saiz Tipografi Biasa
| Penggunaan | Titik | Piksel (96 DPI) | Nota |
|---|---|---|---|
| Cetakan kecil / nota kaki | 8-9 pt | 11-12 px | Kebolehbacaan minimum |
| Teks badan (cetakan) | 10-12 pt | 13-16 px | Buku, majalah |
| Teks badan (web) | 12 pt | 16 px | Lalai penyemak imbas |
| Subtajuk | 14-18 pt | 19-24 px | Pengepala bahagian |
| Tajuk (H2-H3) | 18-24 pt | 24-32 px | Tajuk artikel |
| Tajuk utama (H1) | 28-48 pt | 37-64 px | Tajuk halaman/poster |
| Jenis paparan | 60-144 pt | 80-192 px | Poster, papan iklan |
| Sasaran sentuhan minimum | 33 pt | 44 px | Kebolehcapaian iOS |
| Standard lebar lajur | 180 pt (15 pc) | 240 px | Akhbar |
| Leading standard | 14.4 pt (untuk teks 12pt) | 19.2 px | Jarak baris 120% |
Fakta Menarik tentang Tipografi
Asal 'Fon'
Perkataan 'fon' berasal dari bahasa Perancis 'fonte' yang bermaksud 'dituang' atau 'dicairkan'—merujuk kepada logam cair yang dituangkan ke dalam acuan untuk mencipta kepingan jenis logam individu dalam percetakan letterpress tradisional.
Mengapa 72 Titik?
PostScript memilih 72 titik per inci kerana 72 boleh dibahagikan dengan 2, 3, 4, 6, 8, 9, 12, 18, 24, dan 36—menjadikan pengiraan lebih mudah. Ia juga hampir sepadan dengan sistem pica tradisional (72.27 titik/inci).
Fon Paling Mahal
Bauer Bodoni berharga $89,900 untuk keluarga lengkap—salah satu fon komersial paling mahal yang pernah dijual. Reka bentuknya memerlukan bertahun-tahun kerja untuk mendigitalkan daripada spesimen jenis logam asal tahun 1920-an.
Psikologi Comic Sans
Walaupun dibenci oleh pereka, Comic Sans meningkatkan kelajuan membaca untuk pembaca disleksia sebanyak 10-15% kerana bentuk huruf yang tidak teratur yang menghalang kekeliruan aksara. Ia sebenarnya alat kebolehcapaian yang berharga.
Simbol Universal
Simbol '@' mempunyai nama yang berbeza dalam bahasa yang berbeza: 'siput' (Itali), 'ekor monyet' (Belanda), 'tikus kecil' (Cina), dan 'ikan hering jeruk gulung' (Czech)—tetapi ia adalah aksara 24pt yang sama.
Pilihan 72 DPI Mac
Apple memilih 72 DPI untuk Mac asal agar sepadan dengan titik PostScript (1 piksel = 1 titik), menjadikan penerbitan desktop WYSIWYG mungkin buat kali pertama pada tahun 1984. Ini merevolusikan reka bentuk grafik.
Garis Masa Evolusi Tipografi
1450
Gutenberg mencipta jenis boleh alih—keperluan pertama untuk standard pengukuran jenis
1737
François-Ambroise Didot mencipta sistem titik Didot (0.376mm)
1886
American Type Founders menyeragamkan sistem pica (1 pt = 1/72.27 inci)
1978
Donald Knuth mencipta sistem titik TeX untuk penetapan jenis akademik
1984
Adobe PostScript mentakrifkan 1 pt = tepat 1/72 inci—penyatuan global
1985
Apple LaserWriter membawa PostScript ke penerbitan desktop
1991
Format fon TrueType menyeragamkan tipografi digital
1996
CSS memperkenalkan tipografi web dengan ukuran berasaskan piksel
2007
iPhone memperkenalkan paparan retina @2x—reka bentuk bebas ketumpatan
2008
Android dilancarkan dengan dp (piksel bebas ketumpatan)
2010
Fon web (WOFF) membolehkan tipografi tersuai dalam talian
2014
Spesifikasi fon boleh ubah—satu fail, gaya tak terhingga
Tipografi Digital: Skrin, DPI, dan Perbezaan Platform
Tipografi digital memperkenalkan ukuran bergantung pada peranti di mana nilai berangka yang sama menghasilkan saiz fizikal yang berbeza berdasarkan ketumpatan skrin. Memahami konvensyen platform adalah penting untuk reka bentuk yang konsisten.
Windows (Standard 96 DPI)
96 DPI (96 piksel per inci)
Microsoft menyeragamkan 96 DPI dalam Windows 95, mencipta nisbah 4:3 antara piksel dan titik. Ini kekal sebagai lalai untuk kebanyakan paparan PC.
- 1 px pada 96 DPI = 0.75 pt (4 piksel = 3 titik)
- 16px = 12pt — penukaran saiz teks badan yang biasa
- Sejarah: Dipilih sebagai 1.5× standard CGA 64 DPI yang asal
- Moden: Paparan DPI tinggi menggunakan penskalaan 125%, 150%, 200% (120, 144, 192 DPI)
- Lalai web: CSS menganggap 96 DPI untuk semua penukaran px-ke-fizikal
macOS (Warisan 72 DPI, 220 PPI Retina)
72 DPI (warisan), 220 PPI (@2x Retina)
72 DPI asal Apple sepadan dengan titik PostScript 1:1. Paparan Retina moden menggunakan penskalaan @2x/@3x untuk pemaparan yang tajam.
- Warisan: 1 px pada 72 DPI = 1 pt tepat (padanan sempurna)
- Retina @2x: 2 piksel fizikal setiap titik, 220 PPI berkesan
- Retina @3x: 3 piksel fizikal setiap titik, 330 PPI (iPhone)
- Kelebihan: Saiz titik sepadan merentasi skrin dan pratonton cetakan
- Realiti: Retina fizikal ialah 220 PPI tetapi diskalakan untuk kelihatan sebagai 110 PPI (2×)
Android (Garis Dasar 160 DPI)
160 DPI (piksel bebas ketumpatan)
Sistem dp (piksel bebas ketumpatan) Android menormalkan kepada garis dasar 160 DPI, dengan baldi ketumpatan untuk skrin yang berbeza.
- 1 dp pada 160 DPI = 0.45 pt (160 piksel/inci ÷ 72 titik/inci)
- Baldi ketumpatan: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Formula: piksel fizikal = dp × (DPI skrin / 160)
- 16sp (piksel bebas skala) = saiz teks minimum yang disyorkan
- Kelebihan: Nilai dp yang sama kelihatan sama secara fizikal merentasi semua peranti Android
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS menggunakan titik sebagai unit logik yang sama dengan titik PostScript, dengan kiraan piksel fizikal bergantung pada generasi skrin (bukan retina @1x, retina @2x, super retina @3x).
- 1 titik iOS pada @1x = 1.0 pt PostScript (garis dasar 72 DPI, sama seperti PostScript)
- Retina @2x: 2 piksel fizikal setiap titik iOS (144 DPI)
- Super Retina @3x: 3 piksel fizikal setiap titik iOS (216 DPI)
- Semua reka bentuk iOS menggunakan titik; sistem mengendalikan ketumpatan piksel secara automatik
- 17pt = saiz teks badan minimum yang disyorkan (kebolehcapaian)
DPI vs. PPI: Memahami Ketumpatan Skrin dan Cetakan
DPI (Titik per Inci)
Resolusi pencetak — berapa banyak titik dakwat muat dalam satu inci
DPI mengukur resolusi output pencetak. DPI yang lebih tinggi menghasilkan teks dan imej yang lebih licin dengan meletakkan lebih banyak titik dakwat per inci.
- 300 DPI: Standard untuk percetakan profesional (majalah, buku)
- 600 DPI: Percetakan laser berkualiti tinggi (dokumen perniagaan)
- 1200-2400 DPI: Percetakan foto profesional dan pembiakan seni halus
- 72 DPI: Pratonton skrin sahaja — tidak boleh diterima untuk dicetak (kelihatan bergerigi)
- 150 DPI: Percetakan draf atau poster format besar (dilihat dari jauh)
PPI (Piksel per Inci)
Resolusi skrin — berapa banyak piksel muat dalam satu inci paparan
PPI mengukur ketumpatan paparan. PPI yang lebih tinggi mencipta teks skrin yang lebih tajam dengan memuatkan lebih banyak piksel ke dalam ruang fizikal yang sama.
- 72 PPI: Paparan Mac asal (1 piksel = 1 titik)
- 96 PPI: Paparan Windows standard (1.33 piksel setiap titik)
- 110-120 PPI: Monitor komputer riba/desktop bajet
- 220 PPI: MacBook Retina, iPad Pro (ketumpatan piksel 2×)
- 326-458 PPI: iPhone Retina/Super Retina (ketumpatan piksel 3×)
- 400-600 PPI: Telefon Android mewah (Samsung, Google Pixel)
DPI dan PPI sering digunakan secara bergantian tetapi mengukur perkara yang berbeza. DPI adalah untuk pencetak (titik dakwat), PPI adalah untuk skrin (piksel pemancar cahaya). Semasa mereka bentuk, sentiasa nyatakan: 'Skrin pada 96 PPI' atau 'Cetak pada 300 DPI' — jangan sekali-kali hanya 'DPI' sahaja, kerana ia tidak jelas.
Aplikasi Praktikal: Memilih Unit yang Tepat
Reka Bentuk Cetakan
Cetakan menggunakan unit mutlak (titik, pica) kerana saiz output fizikal mestilah tepat dan bebas peranti.
- Teks badan: 10-12pt untuk buku, 9-11pt untuk majalah
- Tajuk: 18-72pt bergantung pada hierarki dan format
- Leading (jarak baris): 120% daripada saiz fon (teks 12pt = leading 14.4pt)
- Ukur dimensi mutlak dalam pica: 'Lebar lajur: 25 pica'
- Sentiasa reka bentuk pada 300 DPI untuk percetakan profesional
- Jangan sekali-kali menggunakan piksel untuk mencetak — tukar kepada titik/pica/inci
Reka Bentuk Web
Tipografi web menggunakan piksel dan unit relatif kerana skrin berbeza-beza dari segi saiz dan ketumpatan.
- Teks badan: 16px lalai (standard penyemak imbas) = 12pt pada 96 DPI
- Jangan sekali-kali menggunakan saiz titik mutlak dalam CSS — penyemak imbas memaparkannya secara tidak dapat diramalkan
- Reka bentuk responsif: Gunakan rem (relatif kepada fon akar) untuk kebolehskalaan
- Teks minimum: 14px untuk badan, 12px untuk kapsyen (kebolehcapaian)
- Ketinggian baris: 1.5 (tanpa unit) untuk kebolehbacaan teks badan
- Pertanyaan media: Reka bentuk untuk 320px (mudah alih) hingga 1920px+ (desktop)
Aplikasi Mudah Alih
Platform mudah alih menggunakan unit bebas ketumpatan (dp/pt) untuk memastikan saiz fizikal yang konsisten merentasi ketumpatan skrin yang berbeza.
- iOS: Reka bentuk dalam titik (pt), sistem berskala ke @2x/@3x secara automatik
- Android: Gunakan dp (piksel bebas ketumpatan) untuk reka letak, sp untuk teks
- Sasaran sentuhan minimum: 44pt (iOS) atau 48dp (Android) untuk kebolehcapaian
- Teks badan: minimum 16sp (Android) atau 17pt (iOS)
- Jangan sekali-kali menggunakan piksel fizikal — sentiasa gunakan unit logik (dp/pt)
- Uji pada pelbagai ketumpatan: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademik & Saintifik
Penerbitan akademik menggunakan titik TeX untuk ketepatan matematik dan keserasian dengan literatur yang sedia ada.
- LaTeX menggunakan titik TeX (72.27 per inci) untuk keserasian warisan
- Jurnal standard: fon Computer Modern 10pt
- Format dua lajur: lajur 3.33 inci (240pt) dengan selokan 0.25 inci (18pt)
- Persamaan: Saiz titik yang tepat adalah penting untuk tatatanda matematik
- Tukar dengan berhati-hati: 1 pt TeX = 0.9963 pt PostScript
- Output PDF: TeX mengendalikan penukaran sistem titik secara automatik
Penukaran dan Pengiraan Biasa
Rujukan pantas untuk penukaran tipografi setiap hari:
Penukaran Penting
| Dari | Ke | Formula | Contoh |
|---|---|---|---|
| Titik | Inci | pt ÷ 72 | 72pt = 1 inci |
| Titik | Milimeter | pt × 0.3528 | 12pt = 4.23mm |
| Titik | Pika | pt ÷ 12 | 72pt = 6 pika |
| Piksel (96 DPI) | Titik | px × 0.75 | 16px = 12pt |
| Piksel (72 DPI) | Titik | px × 1 | 12px = 12pt |
| Pika | Inci | pc ÷ 6 | 6pc = 1 inci |
| Inci | Titik | in × 72 | 2in = 144pt |
| Android dp | Titik | dp × 0.45 | 32dp = 14.4pt |
Rujukan Penukaran Unit Lengkap
Semua unit tipografi dengan faktor penukaran yang tepat. Unit asas: Titik PostScript (pt)
Unit Mutlak (Fizikal)
Base Unit: Titik PostScript (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Titik (pt) | × 1 | ÷ 72 | 72 pt = 1 inci |
| Pika (pc) | × 12 | ÷ 6 | 6 pc = 1 inci = 72 pt |
| Inci (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Milimeter (mm) | × 2.8346 | ÷ 25.4 | 25.4 mm = 1 in = 72 pt |
| Sentimeter (cm) | × 28.346 | ÷ 2.54 | 2.54 cm = 1 in |
| Titik Didot | × 1.07 | ÷ 67.6 | 67.6 Didot = 1 in |
| Cicero | × 12.84 | ÷ 5.6 | 1 cicero = 12 Didot |
| Titik TeX | × 0.9963 | ÷ 72.27 | 72.27 TeX pt = 1 in |
Unit Skrin/Digital (Bergantung pada DPI)
Penukaran ini bergantung pada DPI skrin (titik per inci). Andaian lalai: 96 DPI (Windows), 72 DPI (warisan 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 |
Unit Platform Mudah Alih
Unit logik khusus platform yang berskala dengan ketumpatan peranti
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × 0.45 | pt ≈ dp × 72/160 | 32 dp ≈ 14.4 pt | |
| iOS pt (@1x) | × 1.0 | Titik PostScript = titik iOS (sama) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 piksel fizikal setiap titik iOS | 2× piksel | 1 titik iOS = 2 piksel skrin | |
| iOS pt (@3x) | 3 piksel fizikal setiap titik iOS | 3× piksel | 1 titik iOS = 3 piksel skrin |
Unit Warisan & Khusus
| 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 |
| Titik Besar PostScript | × 1.00375 | Tepat 1/72 inci | 72 bp = 1.0027 in |
Pengiraan Penting
| Calculation | Formula | Example |
|---|---|---|
| Penukaran DPI ke Titik | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Saiz fizikal dari titik | inci = pt / 72 | 144 pt = 144/72 = 2 inci |
| Leading (jarak baris) | leading = saiz fon × 1.2 hingga 1.45 | fon 12pt → leading 14.4-17.4pt |
| Resolusi cetakan | piksel yang diperlukan = (inci × DPI) untuk lebar & tinggi | 8×10 in @ 300 DPI = 2400×3000 px |
Amalan Terbaik untuk Tipografi
Reka Bentuk Cetakan
- Sentiasa bekerja dalam titik atau pica — jangan sekali-kali dalam piksel untuk mencetak
- Sediakan dokumen pada saiz sebenar (300 DPI) dari awal
- Gunakan 10-12pt untuk teks badan; apa-apa yang lebih kecil mengurangkan kebolehbacaan
- Leading hendaklah 120-145% daripada saiz fon untuk bacaan yang selesa
- Jidar: Minimum 0.5 inci (36pt) untuk penjilidan dan pengendalian
- Lakukan cetakan ujian pada saiz sebenar sebelum menghantar ke pencetak komersial
Pembangunan Web
- Gunakan rem untuk saiz fon — membolehkan pengguna zum tanpa merosakkan reka letak
- Tetapkan fon akar kepada 16px (lalai penyemak imbas) — jangan sekali-kali lebih kecil
- Gunakan nilai ketinggian baris tanpa unit (1.5) dan bukannya ketinggian tetap
- Jangan sekali-kali menggunakan saiz titik mutlak dalam CSS — pemaparan yang tidak dapat diramalkan
- Uji pada peranti sebenar, bukan hanya mengubah saiz penyemak imbas — DPI penting
- Saiz fon minimum: 14px badan, 12px kapsyen, 44px sasaran sentuhan
Aplikasi Mudah Alih
- iOS: Reka bentuk @1x, eksport aset @2x dan @3x secara automatik
- Android: Reka bentuk dalam dp, uji pada mdpi/hdpi/xhdpi/xxhdpi
- Teks minimum: 17pt (iOS) atau 16sp (Android) untuk kebolehcapaian
- Sasaran sentuhan: minimum 44pt (iOS) atau 48dp (Android)
- Uji pada peranti fizikal — simulator tidak menunjukkan ketumpatan sebenar
- Gunakan fon sistem apabila boleh — ia dioptimumkan untuk platform
Kebolehcapaian
- Teks badan minimum: 16px (web), 17pt (iOS), 16sp (Android)
- Kontras tinggi: 4.5:1 untuk teks badan, 3:1 untuk teks besar (18pt+)
- Sokong penskalaan pengguna: gunakan unit relatif, bukan saiz tetap
- Panjang baris: 45-75 aksara setiap baris untuk kebolehbacaan optimum
- Ketinggian baris: minimum 1.5× saiz fon untuk kebolehcapaian disleksia
- Uji dengan pembaca skrin dan zum pada 200%
Soalan Lazim
Mengapa teks saya kelihatan berbeza saiznya dalam Photoshop berbanding Word?
Photoshop menganggap 72 PPI untuk paparan skrin, manakala Word menggunakan 96 DPI (Windows) untuk reka letak. Fon 12pt dalam Photoshop kelihatan 33% lebih besar pada skrin berbanding dalam Word, walaupun kedua-duanya dicetak pada saiz yang sama. Tetapkan Photoshop kepada 300 PPI untuk kerja cetakan untuk melihat saiz yang tepat.
Perlukah saya mereka bentuk dalam titik atau piksel untuk web?
Sentiasa dalam piksel (atau unit relatif seperti rem/em) untuk web. Titik ialah unit fizikal mutlak yang dipaparkan secara tidak konsisten merentasi penyemak imbas dan peranti yang berbeza. 12pt mungkin 16px pada satu peranti dan 20px pada peranti lain. Gunakan px/rem untuk tipografi web yang boleh diramal.
Apakah perbezaan antara pt, px, dan dp?
pt = fizikal mutlak (1/72 inci), px = piksel skrin (berbeza-beza dengan DPI), dp = bebas ketumpatan Android (dinormalkan kepada 160 DPI). Gunakan pt untuk cetakan, px untuk web, dp untuk Android, pt logik iOS untuk iOS. Setiap sistem dioptimumkan untuk platformnya.
Mengapa 12pt kelihatan berbeza dalam aplikasi yang berbeza?
Aplikasi mentafsirkan titik secara berbeza berdasarkan andaian DPI mereka. Word menggunakan 96 DPI, Photoshop lalai kepada 72 PPI, InDesign menggunakan resolusi peranti sebenar. 12pt sentiasa 1/6 inci apabila dicetak, tetapi kelihatan berbeza saiznya pada skrin kerana tetapan DPI.
Bagaimana cara menukar titik TeX kepada titik PostScript?
Darabkan titik TeX dengan 0.9963 untuk mendapatkan titik PostScript (1 titik TeX = 1/72.27 inci vs PostScript 1/72 inci). Perbezaannya kecil—hanya 0.37%—tetapi penting untuk penerbitan akademik di mana jarak yang tepat adalah penting untuk tatatanda matematik.
Pada resolusi apakah saya harus mereka bentuk?
Cetakan: minimum 300 DPI, 600 DPI untuk kualiti tinggi. Web: Reka bentuk pada 96 DPI, sediakan aset @2x untuk retina. Mudah alih: Reka bentuk @1x dalam unit logik (pt/dp), eksport @2x/@3x. Jangan sekali-kali mereka bentuk pada 72 DPI melainkan menyasarkan paparan Mac warisan.
Mengapa 16px adalah standard web?
Saiz fon lalai penyemak imbas ialah 16px (bersamaan dengan 12pt pada 96 DPI), dipilih untuk kebolehbacaan optimum pada jarak tontonan biasa (18-24 inci). Apa-apa yang lebih kecil mengurangkan kebolehbacaan, terutamanya untuk pengguna yang lebih tua. Sentiasa gunakan 16px sebagai asas anda untuk saiz relatif.
Perlukah saya tahu tentang titik Didot?
Hanya jika bekerja dengan percetakan tradisional Eropah, penerbit Perancis, atau pembiakan bersejarah. Titik Didot (0.376mm) adalah 6.5% lebih besar daripada titik PostScript. Reka bentuk digital moden secara universal menggunakan titik PostScript—Didot terutamanya relevan untuk tipografi klasik dan buku seni.
Direktori Alat Lengkap
Semua 71 alat yang tersedia di UNITS