Канвэртар Тыпаграфікі
Ад Гутэнберга да Retina: Авалоданне адзінкамі тыпаграфікі
Адзінкі тыпаграфікі складаюць аснову дызайну на друкаваных, вэб- і мабільных платформах. Ад традыцыйнай сістэмы пунктаў, створанай у 1700-х гадах, да сучасных вымярэнняў на аснове пікселяў, разуменне гэтых адзінак неабходна для дызайнераў, распрацоўшчыкаў і ўсіх, хто працуе з тэкстам. Гэта ўсёабдымнае кіраўніцтва ахоплівае 22+ адзінкі тыпаграфікі, іх гістарычны кантэкст, практычнае прымяненне і метады пераўтварэння для прафесійнай працы.
Асноўныя паняцці: Разуменне вымярэнняў у тыпаграфіцы
Пункт (pt)
Абсалютная адзінка тыпаграфікі, стандартызаваная як 1/72 цалі
Пункты вымяраюць памер шрыфта, міжрадковы інтэрвал (інтэрліньяж) і іншыя тыпаграфскія памеры. Шрыфт памерам 12pt азначае, што адлегласць ад самага ніжняга ніжняга выноснага элемента да самага верхняга верхняга выноснага элемента складае 12 пунктаў (1/6 цалі або 4.23 мм). Сістэма пунктаў забяспечвае вымярэнні, незалежныя ад прылады, якія паслядоўна перадаюцца на розных носьбітах.
Прыклад: 12pt Times New Roman = 0.1667 цалі ў вышыню = 4.23 мм. Прафесійны асноўны тэкст звычайна выкарыстоўвае 10-12pt, загалоўкі 18-72pt.
Піксель (px)
Лічбавая адзінка, якая прадстаўляе адну кропку на экране або малюнку
Пікселі - гэта адзінкі, залежныя ад прылады, якія змяняюцца ў залежнасці ад шчыльнасці экрана (DPI/PPI). Аднолькавая колькасць пікселяў выглядае большай на дысплеях з нізкім разрозненнем (72 PPI) і меншай на дысплеях Retina з высокім разрозненнем (220+ PPI). Разуменне ўзаемасувязі DPI/PPI мае вырашальнае значэнне для паслядоўнай тыпаграфікі на розных прыладах.
Прыклад: 16px пры 96 DPI = 12pt. Тыя ж 16px пры 300 DPI (друк) = 3.84pt. Заўсёды ўказвайце мэтавы DPI пры пераўтварэнні пікселяў.
Піка (pc)
Традыцыйная тыпаграфская адзінка, роўная 12 пунктам або 1/6 цалі
Пікі вымяраюць шырыню калонак, палі і памеры макета старонкі ў традыцыйным друкаваным дызайне. Праграмы для настольных выдавецкіх сістэм, такія як InDesign і QuarkXPress, выкарыстоўваюць пікі ў якасці стандартнай адзінкі вымярэння. Адна піка роўная дакладна 12 пунктам, што робіць пераўтварэнні простымі.
Прыклад: стандартная газетная калонка можа мець шырыню 15 пік (2.5 цалі або 180 пунктаў). У макетах часопісаў часта выкарыстоўваюцца памеры 30-40 пік.
- 1 пункт (pt) = 1/72 цалі = 0.3528 мм — абсалютнае фізічнае вымярэнне
- 1 піка (pc) = 12 пунктаў = 1/6 цалі — стандарт для макета і шырыні калонкі
- Пікселі залежаць ад прылады: 96 DPI ( Windows ), 72 DPI (састарэлы Mac ), 300 DPI (друк)
- Пункт PostScript (1984) аб'яднаў стагоддзі несумяшчальных тыпаграфскіх сістэм
- Лічбавая тыпаграфіка выкарыстоўвае пункты для дызайну, пікселі для рэалізацыі
- DPI/PPI вызначае пераўтварэнне пікселяў у пункты: вышэйшы DPI = меншы фізічны памер
Хуткія прыклады пераўтварэння
Эвалюцыя вымярэнняў у тыпаграфіцы
Сярэднявечча і ранні Новы час (1450-1737)
1450–1737
З'яўленне рухомага набору стварыла патрэбу ў стандартызаваных вымярэннях, але рэгіянальныя сістэмы заставаліся несумяшчальнымі на працягу стагоддзяў.
- 1450: Друкарскі станок Гутэнберга стварае патрэбу ў стандартызаваных памерах шрыфтоў
- 1500-я: Памеры шрыфтоў называюцца ў гонар выданняў Бібліі (Cicero, Augustin і г.д.)
- 1600-я: Кожны еўрапейскі рэгіён распрацоўвае ўласную сістэму пунктаў
- 1690-я: Французскі тыпограф Фурнье прапануе сістэму з 12-ці частак
- Раннія сістэмы: Вельмі непаслядоўныя, адрозніваліся на 0.01-0.02 мм паміж рэгіёнамі
Сістэма Дыдо (1737-1886)
1737–1886
Французскі друкар Франсуа-Амбруаз Дыдо стварыў першы сапраўдны стандарт, прыняты ва ўсёй кантынентальнай Еўропе і які да гэтага часу выкарыстоўваецца ў Францыі і Германіі.
- 1737: Фурнье прапануе сістэму пунктаў, заснаваную на французскай каралеўскай цалі
- 1770: Франсуа-Амбруаз Дыдо ўдасканальвае сістэму — 1 пункт Дыдо = 0.376 мм
- 1785: Цыцэро (12 пунктаў Дыдо) становіцца стандартнай мерай
- 1800-я: Сістэма Дыдо дамінуе ў друкарстве кантынентальнай Еўропы
- Сучаснасць: Да гэтага часу выкарыстоўваецца ў Францыі, Германіі, Бельгіі для традыцыйнага друку
Англа-амерыканская сістэма (1886-1984)
1886–1984
Амерыканскія і брытанскія друкары стандартызавалі сістэму пік, вызначыўшы 1 пункт як 0.013837 цалі (1/72.27 цалі), што дамінавала ў англамоўнай тыпаграфіцы.
- 1886: American Type Founders ствараюць сістэму пік: 1 pt = 0.013837"
- 1898: Брытанцы прымаюць амерыканскі стандарт, ствараючы англа-амерыканскую еднасць
- 1930-я-1970-я: Сістэма пік дамінуе ва ўсім англамоўным друку
- Адрозненне: Англа-амерыканскі пункт (0.351 мм) супраць Дыдо (0.376 мм) — на 7% большы
- Уплыў: Патрабаваў асобных адлівак шрыфтоў для рынкаў ЗША/Вялікабрытаніі ў параўнанні з еўрапейскімі рынкамі
Рэвалюцыя PostScript (1984-цяперашні час)
1984–Цяперашні час
Стандарт PostScript ад Adobe аб'яднаў сусветную тыпаграфіку, вызначыўшы 1 пункт як дакладна 1/72 цалі, што паклала канец стагоддзям несумяшчальнасці і дазволіла развівацца лічбавай тыпаграфіцы.
- 1984: Adobe PostScript вызначае 1 pt = дакладна 1/72 цалі (0.3528 мм)
- 1985: Apple LaserWriter робіць PostScript стандартам для настольных выдавецкіх сістэм
- 1990-я: Пункт PostScript становіцца сусветным стандартам, замяняючы рэгіянальныя сістэмы
- 2000-я: TrueType, OpenType прымаюць вымярэнні PostScript
- Сучаснасць: Пункт PostScript з'яўляецца ўніверсальным стандартам для ўсяго лічбавага дызайну
Традыцыйныя сістэмы тыпаграфікі
Да таго, як PostScript уніфікаваў вымярэнні ў 1984 годзе, рэгіянальныя тыпаграфскія сістэмы суіснавалі, кожная з унікальнымі вызначэннямі пункта. Гэтыя сістэмы застаюцца важнымі для гістарычнага друку і спецыялізаваных прыкладанняў.
Сістэма Дыдо (французская/еўрапейская)
Створана ў 1770 годзе Франсуа-Амбруазам Дыдо
Кантынентальна-еўрапейскі стандарт, які да гэтага часу выкарыстоўваецца ў Францыі, Германіі і частцы Усходняй Еўропы для традыцыйнага друку.
- 1 пункт Дыдо = 0.376 мм (супраць PostScript 0.353 мм) — на 6.5% большы
- 1 цыцэро = 12 пунктаў Дыдо = 4.51 мм (параўнальна з пікай)
- Заснавана на французскай каралеўскай цалі (27.07 мм), забяспечваючы прастату, падобную на метрычную сістэму
- Да гэтага часу аддаецца перавага ў еўрапейскім мастацкім кнігадрукаванні і класічным друку
- Сучаснае выкарыстанне: французская Imprimerie nationale, нямецкая тыпаграфіка Fraktur
Сістэма TeX (акадэмічная)
Створана ў 1978 годзе Дональдам Кнутам для камп'ютарнага набору
Акадэмічны стандарт для матэматычных і навуковых публікацый, аптымізаваны для дакладнай лічбавай кампазіцыі.
- 1 пункт TeX = 1/72.27 цалі = 0.351 мм (адпавядае старому англа-амерыканскаму пункту)
- Абраны для захавання сумяшчальнасці з да-лічбавымі акадэмічнымі публікацыямі
- 1 піка TeX = 12 пунктаў TeX (крыху меншая за піку PostScript)
- Выкарыстоўваецца LaTeX, дамінуючай сістэмай навуковых публікацый
- Крытычна важна для: акадэмічных артыкулаў, матэматычных тэкстаў, фізічных часопісаў
Твіп (камп'ютарныя сістэмы)
Тыпаграфіка Microsoft Word і Windows
Унутраная адзінка вымярэння для тэкставых працэсараў, якая забяспечвае дакладны кантроль над макетам лічбавых дакументаў.
- 1 твіп = 1/20 пункта = 1/1440 цалі = 0.0176 мм
- Назва: 'Дваццатая частка пункта' — надзвычай дакладнае вымярэнне
- Выкарыстоўваецца ўнутрана: Microsoft Word, Excel, PowerPoint, Windows GDI
- Дазваляе выкарыстоўваць дробавыя памеры пунктаў без вылічэнняў з плаваючай коскай
- 20 твіпаў = 1 пункт, што дазваляе дасягнуць дакладнасці 0.05pt для прафесійнага набору
Амерыканскі друкарскі пункт
Стандарт American Type Founders 1886 года
Да-лічбавы стандарт для англамоўнага друку, які нязначна адрозніваецца ад PostScript.
- 1 друкарскі пункт = 0.013837 цалі = 0.351 мм
- Роўны 1/72.27 цалі (супраць PostScript 1/72) — на 0.4% меншы
- Піка = 0.166 цалі (супраць PostScript 0.16667) — ледзь прыкметная розніца
- Дамінаваў у 1886-1984 гадах да ўніфікацыі PostScript
- Спадчына: некаторыя традыцыйныя друкарні да гэтага часу спасылаюцца на гэтую сістэму
Распаўсюджаныя памеры ў тыпаграфіцы
| Выкарыстанне | Пункты | Пікселі (96 DPI) | Заўвагі |
|---|---|---|---|
| Дробны шрыфт / зноскі | 8-9 pt | 11-12 px | Мінімальная разборлівасць |
| Асноўны тэкст (друк) | 10-12 pt | 13-16 px | Кнігі, часопісы |
| Асноўны тэкст (вэб) | 12 pt | 16 px | Стандартна ў браўзеры |
| Падзагалоўкі | 14-18 pt | 19-24 px | Загалоўкі раздзелаў |
| Загалоўкі (H2-H3) | 18-24 pt | 24-32 px | Назвы артыкулаў |
| Асноўныя загалоўкі (H1) | 28-48 pt | 37-64 px | Загалоўкі старонак/плакатаў |
| Дысплейны шрыфт | 60-144 pt | 80-192 px | Плакаты, білборды |
| Мінімальная мэтавая вобласць дотыку | 33 pt | 44 px | Даступнасць iOS |
| Стандартная шырыня калонкі | 180 pt (15 pc) | 240 px | Газеты |
| Стандартны інтэрліньяж | 14.4 pt (для тэксту 12pt) | 19.2 px | 120% міжрадковы інтэрвал |
Займальныя факты пра тыпаграфіку
Паходжанне слова 'шрыфт' ('Font')
Слова 'шрыфт' паходзіць ад французскага 'fonte', што азначае 'адліўка' або 'расплаўлены' — маючы на ўвазе расплаўлены метал, які заліваўся ў формы для стварэння асобных металічных літар у традыцыйным высокім друку.
Чаму 72 пункты?
PostScript абраў 72 пункты на цалю, таму што 72 дзеліцца на 2, 3, 4, 6, 8, 9, 12, 18, 24 і 36 — што палягчае разлікі. Гэта таксама было вельмі блізка да традыцыйнай сістэмы пік (72.27 пункта/цалю).
Самы дарагі шрыфт
Bauer Bodoni каштуе 89,900 долараў за поўнае сямейства — адзін з самых дарагіх камерцыйных шрыфтоў, якія калі-небудзь прадаваліся. Яго дызайн патрабаваў гадоў працы для алічбоўкі з арыгінальных металічных узораў 1920-х гадоў.
Псіхалогія Comic Sans
Нягледзячы на нянавісць дызайнераў, Comic Sans павялічвае хуткасць чытання для людзей з дыслексіяй на 10-15% дзякуючы нерэгулярным формам літар, якія прадухіляюць блытаніну сімвалаў. Гэта насамрэч каштоўны інструмент даступнасці.
Універсальны сімвал
Сімвал '@' мае розныя назвы ў розных мовах: 'слімак' (італьянская), 'малпін хвост' (галандская), 'мышка' (кітайская) і 'скручаны марынаваны селядзец' (чэшская) — але гэта адзін і той жа сімвал памерам 24pt.
Выбар 72 DPI у Mac
Apple абрала 72 DPI для арыгінальных Mac, каб дакладна адпавядаць пунктам PostScript (1 піксель = 1 пункт), што ўпершыню зрабіла магчымым настольны друк WYSIWYG у 1984 годзе. Гэта зрабіла рэвалюцыю ў графічным дызайне.
Храналагічная шкала эвалюцыі тыпаграфікі
1450
Гутэнберг вынаходзіць рухомы набор — першая патрэба ў стандартах вымярэння шрыфтоў
1737
Франсуа-Амбруаз Дыдо стварае сістэму пунктаў Дыдо (0.376 мм)
1886
American Type Founders стандартызуюць сістэму пік (1 pt = 1/72.27 цалі)
1978
Дональд Кнут стварае сістэму пунктаў TeX для акадэмічнага набору
1984
Adobe PostScript вызначае 1 pt = дакладна 1/72 цалі — глабальная ўніфікацыя
1985
Apple LaserWriter прыносіць PostScript у настольныя выдавецкія сістэмы
1991
Фармат шрыфтоў TrueType стандартызуе лічбавую тыпаграфіку
1996
CSS уводзіць вэб-тыпаграфіку з вымярэннямі на аснове пікселяў
2007
iPhone уводзіць дысплеі Retina @2x — дызайн, незалежны ад шчыльнасці
2008
Android запускаецца з dp (пікселі, незалежныя ад шчыльнасці)
2010
Вэб-шрыфты (WOFF) дазваляюць выкарыстоўваць карыстальніцкую тыпаграфіку ў Інтэрнэце
2014
Спецыфікацыя варыятыўных шрыфтоў — адзін файл, бясконцыя стылі
Лічбавая тыпаграфіка: экраны, DPI і адрозненні паміж платформамі
Лічбавая тыпаграфіка ўводзіць вымярэнні, залежныя ад прылады, дзе аднолькавае лікавае значэнне стварае розныя фізічныя памеры ў залежнасці ад шчыльнасці экрана. Разуменне асаблівасцей платформаў мае вырашальнае значэнне для паслядоўнага дызайну.
Windows (стандарт 96 DPI)
96 DPI (96 пікселяў на цалю)
Microsoft стандартызавала 96 DPI у Windows 95, стварыўшы суадносіны 4:3 паміж пікселямі і пунктамі. Гэта застаецца стандартным для большасці дысплеяў ПК.
- 1 px пры 96 DPI = 0.75 pt (4 пікселі = 3 пункты)
- 16px = 12pt — распаўсюджанае пераўтварэнне памеру асноўнага тэксту
- Гісторыя: абрана як 1.5× ад арыгінальнага стандарту CGA 64 DPI
- Сучаснасць: дысплеі з высокай шчыльнасцю DPI выкарыстоўваюць маштабаванне 125%, 150%, 200% (120, 144, 192 DPI)
- Стандартна ў вэб: CSS мяркуе 96 DPI для ўсіх пераўтварэнняў px у фізічныя адзінкі
macOS (састарэлы 72 DPI, 220 PPI Retina)
72 DPI (састарэлы), 220 PPI (@2x Retina)
Арыгінальны 72 DPI ад Apple адпавядаў пунктам PostScript 1:1. Сучасныя дысплеі Retina выкарыстоўваюць маштабаванне @2x/@3x для выразнага адлюстравання.
- Састарэлы: 1 px пры 72 DPI = дакладна 1 pt (ідэальная адпаведнасць)
- Retina @2x: 2 фізічныя пікселі на пункт, эфектыўная шчыльнасць 220 PPI
- Retina @3x: 3 фізічныя пікселі на пункт, 330 PPI ( iPhone )
- Перавага: памеры ў пунктах супадаюць на экране і ў папярэднім праглядзе для друку
- Рэальнасць: фізічная шчыльнасць Retina складае 220 PPI, але маштабуецца, каб выглядаць як 110 PPI (2×)
Android (базавая лінія 160 DPI)
160 DPI (піксель, незалежны ад шчыльнасці)
Сістэма dp (пікселі, незалежныя ад шчыльнасці) у Android нармалізуецца да базавай лініі 160 DPI, з катэгорыямі шчыльнасці для розных экранаў.
- 1 dp пры 160 DPI = 0.45 pt (160 пікселяў/цалю ÷ 72 пункты/цалю)
- Катэгорыі шчыльнасці: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Формула: фізічныя пікселі = dp × (DPI экрана / 160)
- 16sp (піксель, незалежны ад маштабу) = рэкамендаваны мінімальны памер тэксту
- Перавага: аднолькавае значэнне dp выглядае фізічна ідэнтычным на ўсіх прыладах Android
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS выкарыстоўвае пункт як лагічную адзінку, ідэнтычную пунктам PostScript, пры гэтым колькасць фізічных пікселяў залежыць ад пакалення экрана (не-Retina @1x, Retina @2x, Super-Retina @3x).
- 1 пункт iOS пры @1x = 1.0 pt PostScript (базавая лінія 72 DPI, як і ў PostScript)
- Retina @2x: 2 фізічныя пікселі на пункт iOS (144 DPI)
- Super Retina @3x: 3 фізічныя пікселі на пункт iOS (216 DPI)
- Усе дызайны для iOS выкарыстоўваюць пункты; сістэма аўтаматычна апрацоўвае шчыльнасць пікселяў
- 17pt = мінімальны рэкамендаваны памер асноўнага тэксту (даступнасць)
DPI супраць PPI: Разуменне шчыльнасці экрана і друку
DPI (кропак на цалю)
Разрозненне прынтара — колькі кропак чарнілаў змяшчаецца ў адной цалі
DPI вымярае разрозненне вываду прынтара. Больш высокі DPI стварае больш гладкі тэкст і малюнкі, размяшчаючы больш кропак чарнілаў на цалю.
- 300 DPI: стандарт для прафесійнага друку (часопісы, кнігі)
- 600 DPI: высакаякасны лазерны друк (дзелавыя дакументы)
- 1200-2400 DPI: прафесійны фотадрук і рэпрадукцыя выяўленчага мастацтва
- 72 DPI: толькі для папярэдняга прагляду на экране — непрымальна для друку (выглядае зубчастым)
- 150 DPI: чарнавы друк або плакаты вялікага фармату (для прагляду з адлегласці)
PPI (пікселяў на цалю)
Разрозненне экрана — колькі пікселяў змяшчаецца ў адной цалі дысплея
PPI вымярае шчыльнасць дысплея. Больш высокі PPI стварае больш выразны тэкст на экране, уціскаючы больш пікселяў у тую ж фізічную прастору.
- 72 PPI: арыгінальныя дысплеі Mac (1 піксель = 1 пункт)
- 96 PPI: стандартныя дысплеі Windows (1.33 пікселя на пункт)
- 110-120 PPI: бюджэтныя маніторы для ноўтбукаў/настольных камп'ютараў
- 220 PPI: MacBook Retina, iPad Pro (2× шчыльнасць пікселяў)
- 326-458 PPI: iPhone Retina/Super Retina (3× шчыльнасць пікселяў)
- 400-600 PPI: высакакласныя тэлефоны Android ( Samsung, Google Pixel )
DPI і PPI часта выкарыстоўваюцца ўзаемазаменна, але вымяраюць розныя рэчы. DPI прызначаны для прынтараў (кропкі чарнілаў), PPI — для экранаў (пікселі, якія выпраменьваюць святло). Пры праектаванні заўсёды ўказвайце: 'Экран 96 PPI' або 'Друк 300 DPI' — ніколі не проста 'DPI', бо гэта неадназначна.
Практычнае прымяненне: выбар правільных адзінак
Дызайн для друку
У друку выкарыстоўваюцца абсалютныя адзінкі (пункты, пікі), таму што фізічны памер вываду павінен быць дакладным і незалежным ад прылады.
- Асноўны тэкст: 10-12pt для кніг, 9-11pt для часопісаў
- Загалоўкі: 18-72pt у залежнасці ад іерархіі і фармату
- Інтэрліньяж (міжрадковы інтэрвал): 120% ад памеру шрыфта (тэкст 12pt = інтэрліньяж 14.4pt)
- Вымярайце абсалютныя памеры ў піках: 'Шырыня калонкі: 25 пік'
- Заўсёды праектуйце з разрозненнем 300 DPI для прафесійнага друку
- Ніколі не выкарыстоўвайце пікселі для друку — пераўтварайце іх у пункты/пікі/цалі
Вэб-дызайн
У вэб-тыпаграфіцы выкарыстоўваюцца пікселі і адносныя адзінкі, таму што экраны адрозніваюцца памерам і шчыльнасцю.
- Асноўны тэкст: 16px па змаўчанні (стандарт браўзера) = 12pt пры 96 DPI
- Ніколі не выкарыстоўвайце абсалютныя пункты ў CSS — браўзеры адлюстроўваюць іх непрадказальна
- Адаптыўны дызайн: выкарыстоўвайце rem (адносна каранёвага шрыфта) для маштабаванасці
- Мінімальны тэкст: 14px для асноўнага тэксту, 12px для подпісаў (даступнасць)
- Вышыня радка: 1.5 (без адзінак) для чытальнасці асноўнага тэксту
- Медыя-запыты: праектуйце для экранаў ад 320px (мабільныя) да 1920px+ (настольныя)
Мабільныя дадаткі
Мабільныя платформы выкарыстоўваюць адзінкі, незалежныя ад шчыльнасці (dp/pt), для забеспячэння паслядоўнага фізічнага памеру на розных шчыльнасцях экранаў.
- iOS : праектуйце ў пунктах (pt), сістэма аўтаматычна маштабуе да @2x/@3x
- Android : выкарыстоўвайце dp (пікселі, незалежныя ад шчыльнасці) для макетаў, sp для тэксту
- Мінімальная мэтавая вобласць дотыку: 44pt ( iOS ) або 48dp ( Android ) для даступнасці
- Асноўны тэкст: мінімум 16sp ( Android ) або 17pt ( iOS )
- Ніколі не выкарыстоўвайце фізічныя пікселі — заўсёды выкарыстоўвайце лагічныя адзінкі (dp/pt)
- Тэстуйце на некалькіх шчыльнасцях: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Акадэмічная і навуковая сфера
Акадэмічныя выданні выкарыстоўваюць пункты TeX для матэматычнай дакладнасці і сумяшчальнасці з існуючай літаратурай.
- LaTeX выкарыстоўвае пункты TeX (72.27 на цалю) для сумяшчальнасці са старымі сістэмамі
- Стандартны часопіс: шрыфт Computer Modern 10pt
- Двухкалонкавы фармат: калонкі шырынёй 3.33 цалі (240pt) з прамежкам 0.25 цалі (18pt)
- Ураўненні: дакладны памер у пунктах мае вырашальнае значэнне для матэматычнай натацыі
- Пераўтварайце асцярожна: 1 pt TeX = 0.9963 pt PostScript
- Вывад у PDF: TeX аўтаматычна апрацоўвае пераўтварэнні сістэмы пунктаў
Распаўсюджаныя пераўтварэнні і разлікі
Хуткі даведнік па штодзённых пераўтварэннях у тыпаграфіцы:
Асноўныя пераўтварэнні
| З | У | Формула | Прыклад |
|---|---|---|---|
| Пункты | Цалі | pt ÷ 72 | 72pt = 1 цаля |
| Пункты | Міліметры | pt × 0.3528 | 12pt = 4.23мм |
| Пункты | Пікі | pt ÷ 12 | 72pt = 6 пік |
| Пікселі (96 DPI) | Пункты | px × 0.75 | 16px = 12pt |
| Пікселі (72 DPI) | Пункты | px × 1 | 12px = 12pt |
| Пікі | Цалі | pc ÷ 6 | 6pc = 1 цаля |
| Цалі | Пункты | in × 72 | 2in = 144pt |
| Android dp | Пункты | dp × 0.45 | 32dp = 14.4pt |
Поўны даведнік па пераўтварэнні адзінак
Усе адзінкі тыпаграфікі з дакладнымі каэфіцыентамі пераўтварэння. Базавая адзінка: пункт PostScript (pt)
Абсалютныя (фізічныя) адзінкі
Base Unit: Пункт PostScript (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Пункт (pt) | × 1 | ÷ 72 | 72 pt = 1 цаля |
| Піка (pc) | × 12 | ÷ 6 | 6 pc = 1 цаля = 72 pt |
| Цаля (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Міліметр (mm) | × 2.8346 | ÷ 25.4 | 25.4 mm = 1 in = 72 pt |
| Сантыметр (cm) | × 28.346 | ÷ 2.54 | 2.54 cm = 1 in |
| Пункт Дыдо | × 1.07 | ÷ 67.6 | 67.6 Didot = 1 in |
| Цыцэро | × 12.84 | ÷ 5.6 | 1 cicero = 12 Didot |
| Пункт TeX | × 0.9963 | ÷ 72.27 | 72.27 TeX pt = 1 in |
Экранныя/лічбавыя адзінкі (залежныя ад DPI)
Гэтыя пераўтварэнні залежаць ад DPI экрана (кропак на цалю). Стандартныя здагадкі: 96 DPI ( Windows ), 72 DPI (састарэлы Mac )
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Піксель @ 96 DPI | × 0.75 | pt = px × 72/96 | 16 px = 12 pt |
| Піксель @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| Піксель @ 300 DPI | × 0.24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
Адзінкі мабільных платформ
Спецыфічныя для платформы лагічныя адзінкі, якія маштабуюцца ў залежнасці ад шчыльнасці прылады
| 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 (ідэнтычныя) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 фізічныя px на iOS pt | 2× пікселяў | 1 iOS pt = 2 пікселі экрана | |
| iOS pt (@3x) | 3 фізічныя px на iOS pt | 3× пікселяў | 1 iOS pt = 3 пікселі экрана |
Састарэлыя і спецыялізаваныя адзінкі
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Твіп (1/20 pt) | ÷ 20 | pt = twip / 20 | 1440 twip = 72 pt = 1 in |
| Q (1/4 мм) | × 0.7087 | pt = Q × 0.25 × 2.8346 | 4 Q = 1 mm |
| Вялікі пункт PostScript | × 1.00375 | Дакладна 1/72 цалі | 72 bp = 1.0027 in |
Асноўныя разлікі
| Calculation | Formula | Example |
|---|---|---|
| Пераўтварэнне DPI ў пункты | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Фізічны памер з пунктаў | цалі = pt / 72 | 144 pt = 144/72 = 2 цалі |
| Інтэрліньяж (міжрадковы інтэрвал) | інтэрліньяж = памер шрыфта × 1.2 да 1.45 | шрыфт 12pt → інтэрліньяж 14.4-17.4pt |
| Разрозненне для друку | неабходныя пікселі = (цалі × DPI) для шырыні і вышыні | 8×10 in @ 300 DPI = 2400×3000 px |
Лепшыя практыкі ў тыпаграфіцы
Дызайн для друку
- Заўсёды працуйце ў пунктах або піках — ніколі не выкарыстоўвайце пікселі для друку
- Наладжвайце дакументы ў рэальным памеры (300 DPI) з самага пачатку
- Выкарыстоўвайце 10-12pt для асноўнага тэксту; усё, што менш, зніжае чытальнасць
- Інтэрліньяж павінен складаць 120-145% ад памеру шрыфта для камфортнага чытання
- Палі: мінімум 0.5 цалі (36pt) для пераплёту і апрацоўкі
- Тэстуйце друк у рэальным памеры перад адпраўкай у камерцыйную друкарню
Вэб-распрацоўка
- Выкарыстоўвайце rem для памераў шрыфтоў — гэта дазваляе карыстальніку маштабаваць без парушэння макета
- Усталюйце каранёвы шрыфт 16px (стандарт браўзера) — ніколі не менш
- Выкарыстоўвайце значэнні вышыні радка без адзінак (1.5) замест фіксаваных вышынь
- Ніколі не выкарыстоўвайце абсалютныя памеры ў пунктах у CSS — непрадказальнае адлюстраванне
- Тэстуйце на рэальных прыладах, а не толькі на змене памеру браўзера — DPI мае значэнне
- Мінімальны памер шрыфта: 14px асноўны тэкст, 12px подпісы, 44px мэтавыя вобласці дотыку
Мабільныя дадаткі
- iOS : праектуйце @1x, экспартуйце рэсурсы @2x і @3x аўтаматычна
- Android : праектуйце ў dp, тэстуйце на mdpi/hdpi/xhdpi/xxhdpi
- Мінімальны тэкст: 17pt ( iOS ) або 16sp ( Android ) для даступнасці
- Мэтавыя вобласці дотыку: мінімум 44pt ( iOS ) або 48dp ( Android )
- Тэстуйце на фізічных прыладах — сімулятары не паказваюць сапраўдную шчыльнасць
- Па магчымасці выкарыстоўвайце сістэмныя шрыфты — яны аптымізаваны для платформы
Даступнасць
- Мінімальны асноўны тэкст: 16px (вэб), 17pt ( iOS ), 16sp ( Android )
- Высокі кантраст: 4.5:1 для асноўнага тэксту, 3:1 для вялікага тэксту (18pt+)
- Падтрымлівайце маштабаванне карыстальнікам: выкарыстоўвайце адносныя адзінкі, а не фіксаваныя памеры
- Даўжыня радка: 45-75 сімвалаў у радку для аптымальнай чытальнасці
- Вышыня радка: мінімум 1.5× памеру шрыфта для даступнасці людзям з дыслексіяй
- Тэстуйце з дапамогай праграм чытання з экрана і маштабавання на 200%
Часта задаваныя пытанні
Чаму мой тэкст выглядае розных памераў у Photoshop і Word?
Photoshop мяркуе 72 PPI для адлюстравання на экране, у той час як Word выкарыстоўвае 96 DPI ( Windows ) для макета. Шрыфт 12pt у Photoshop выглядае на 33% большым на экране, чым у Word, хоць абодва друкуюцца ў аднолькавым памеры. Усталюйце ў Photoshop 300 PPI для працы з друкам, каб бачыць дакладныя памеры.
Ці варта мне праектаваць у пунктах або пікселях для вэба?
Заўсёды ў пікселях (або адносных адзінках, такіх як rem/em) для вэба. Пункты — гэта абсалютныя фізічныя адзінкі, якія непаслядоўна адлюстроўваюцца ў розных браўзерах і на розных прыладах. 12pt можа быць 16px на адной прыладзе і 20px на іншай. Выкарыстоўвайце px/rem для прадказальнай вэб-тыпаграфікі.
У чым розніца паміж pt, px і dp?
pt = абсалютны фізічны (1/72 цалі), px = экранны піксель (змяняецца ў залежнасці ад DPI), dp = незалежны ад шчыльнасці ў Android (нармалізаваны да 160 DPI). Выкарыстоўвайце pt для друку, px для вэба, dp для Android, лагічны pt iOS для iOS. Кожная сістэма аптымізавана для сваёй платформы.
Чаму 12pt выглядае па-рознаму ў розных праграмах?
Праграмы інтэрпрэтуюць пункты па-рознаму ў залежнасці ад іх здагадкі аб DPI. Word выкарыстоўвае 96 DPI, Photoshop па змаўчанні 72 PPI, InDesign выкарыстоўвае рэальнае разрозненне прылады. 12pt заўсёды роўны 1/6 цалі пры друку, але выглядае розных памераў на экране з-за налад DPI.
Як пераўтварыць пункты TeX у пункты PostScript?
Памножце пункты TeX на 0.9963, каб атрымаць пункты PostScript (1 pt TeX = 1/72.27 цалі супраць PostScript 1/72 цалі). Розніца невялікая — усяго 0.37% — але мае значэнне для акадэмічных выданняў, дзе дакладны інтэрвал мае вырашальнае значэнне для матэматычнай натацыі.
З якім разрозненнем мне варта праектаваць?
Друк: мінімум 300 DPI, 600 DPI для высокай якасці. Вэб: праектуйце з разрозненнем 96 DPI, прадастаўляйце рэсурсы @2x для Retina. Мабільныя прылады: праектуйце @1x у лагічных адзінках (pt/dp), экспартуйце @2x/@3x. Ніколі не праектуйце з разрозненнем 72 DPI, калі толькі не арыентуецеся на састарэлыя дысплеі Mac.
Чаму 16px з'яўляецца стандартам для вэба?
Стандартны памер шрыфта ў браўзеры складае 16px (эквівалентна 12pt пры 96 DPI), абраны для аптымальнай чытальнасці на тыповых адлегласцях прагляду (18-24 цалі). Усё, што менш, зніжае чытальнасць, асабліва для пажылых карыстальнікаў. Заўсёды выкарыстоўвайце 16px у якасці асновы для адноснага маштабавання.
Ці трэба мне ведаць пра пункты Дыдо?
Толькі калі вы працуеце з традыцыйным еўрапейскім друкам, французскімі выдавецтвамі або гістарычнымі рэпрадукцыямі. Пункты Дыдо (0.376 мм) на 6.5% большыя за пункты PostScript. Сучасны лічбавы дызайн паўсюдна выкарыстоўвае пункты PostScript — Дыдо актуальны ў асноўным для класічнай тыпаграфікі і мастацкіх кніг.
Поўны Даведнік Інструментаў
Усе 71 інструменты, даступныя на UNITS