Канвэртар Тыпаграфікі

Ад Гутэнберга да Retina: Авалоданне адзінкамі тыпаграфікі

Адзінкі тыпаграфікі складаюць аснову дызайну на друкаваных, вэб- і мабільных платформах. Ад традыцыйнай сістэмы пунктаў, створанай у 1700-х гадах, да сучасных вымярэнняў на аснове пікселяў, разуменне гэтых адзінак неабходна для дызайнераў, распрацоўшчыкаў і ўсіх, хто працуе з тэкстам. Гэта ўсёабдымнае кіраўніцтва ахоплівае 22+ адзінкі тыпаграфікі, іх гістарычны кантэкст, практычнае прымяненне і метады пераўтварэння для прафесійнай працы.

Што вы можаце канвертаваць
Гэты канвертар апрацоўвае 22+ адзінкі тыпаграфікі для друку, вэб і мабільных прылад. Канвертуйце паміж абсалютнымі адзінкамі (пункты, пікі, цалі) і адзінкамі, залежнымі ад экрана (пікселі пры рознай шчыльнасці DPI). Заўвага: для пераўтварэння пікселяў патрабуецца кантэкст DPI — 96 DPI ( Windows ), 72 DPI (састарэлы Mac ), або 300 DPI (друк).

Асноўныя паняцці: Разуменне вымярэнняў у тыпаграфіцы

Што такое пункт?
Пункт (pt) - гэта асноўная адзінка тыпаграфікі, вызначаная ў стандарце PostScript як роўная дакладна 1/72 цалі (0.3528 мм). Гэтая стандартызацыя, усталяваная ў 1980-х гадах, аб'яднала стагоддзі канкуруючых тыпаграфскіх сістэм і застаецца галіновым стандартам і сёння.

Пункт (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 = меншы фізічны памер

Хуткія прыклады пераўтварэння

12 pt1/6 цалі (4.23 мм)
16 px @ 96 DPI12 pt
72 pt1 цаля
6 пік72 pt = 1 цаля
16 px @ 72 DPI16 pt
32 dp (Android)≈14.4 pt

Эвалюцыя вымярэнняў у тыпаграфіцы

Сярэднявечча і ранні Новы час (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 pt11-12 pxМінімальная разборлівасць
Асноўны тэкст (друк)10-12 pt13-16 pxКнігі, часопісы
Асноўны тэкст (вэб)12 pt16 pxСтандартна ў браўзеры
Падзагалоўкі14-18 pt19-24 pxЗагалоўкі раздзелаў
Загалоўкі (H2-H3)18-24 pt24-32 pxНазвы артыкулаў
Асноўныя загалоўкі (H1)28-48 pt37-64 pxЗагалоўкі старонак/плакатаў
Дысплейны шрыфт60-144 pt80-192 pxПлакаты, білборды
Мінімальная мэтавая вобласць дотыку33 pt44 pxДаступнасць iOS
Стандартная шырыня калонкі180 pt (15 pc)240 pxГазеты
Стандартны інтэрліньяж14.4 pt (для тэксту 12pt)19.2 px120% міжрадковы інтэрвал

Займальныя факты пра тыпаграфіку

Паходжанне слова 'шрыфт' ('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 часта выкарыстоўваюцца ўзаемазаменна, але вымяраюць розныя рэчы. 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 ÷ 7272pt = 1 цаля
ПунктыМіліметрыpt × 0.352812pt = 4.23мм
ПунктыПікіpt ÷ 1272pt = 6 пік
Пікселі (96 DPI)Пунктыpx × 0.7516px = 12pt
Пікселі (72 DPI)Пунктыpx × 112px = 12pt
ПікіЦаліpc ÷ 66pc = 1 цаля
ЦаліПунктыin × 722in = 144pt
Android dpПунктыdp × 0.4532dp = 14.4pt

Поўны даведнік па пераўтварэнні адзінак

Усе адзінкі тыпаграфікі з дакладнымі каэфіцыентамі пераўтварэння. Базавая адзінка: пункт PostScript (pt)

Абсалютныя (фізічныя) адзінкі

Base Unit: Пункт PostScript (pt)

UnitTo PointsTo InchesExample
Пункт (pt)× 1÷ 7272 pt = 1 цаля
Піка (pc)× 12÷ 66 pc = 1 цаля = 72 pt
Цаля (in)× 72× 11 in = 72 pt = 6 pc
Міліметр (mm)× 2.8346÷ 25.425.4 mm = 1 in = 72 pt
Сантыметр (cm)× 28.346÷ 2.542.54 cm = 1 in
Пункт Дыдо× 1.07÷ 67.667.6 Didot = 1 in
Цыцэро× 12.84÷ 5.61 cicero = 12 Didot
Пункт TeX× 0.9963÷ 72.2772.27 TeX pt = 1 in

Экранныя/лічбавыя адзінкі (залежныя ад DPI)

Гэтыя пераўтварэнні залежаць ад DPI экрана (кропак на цалю). Стандартныя здагадкі: 96 DPI ( Windows ), 72 DPI (састарэлы Mac )

UnitTo PointsFormulaExample
Піксель @ 96 DPI× 0.75pt = px × 72/9616 px = 12 pt
Піксель @ 72 DPI× 1pt = px × 72/7212 px = 12 pt
Піксель @ 300 DPI× 0.24pt = px × 72/300300 px = 72 pt = 1 in

Адзінкі мабільных платформ

Спецыфічныя для платформы лагічныя адзінкі, якія маштабуюцца ў залежнасці ад шчыльнасці прылады

UnitTo PointsFormulaExample
Android dp× 0.45pt ≈ dp × 72/16032 dp ≈ 14.4 pt
iOS pt (@1x)× 1.0PostScript pt = iOS pt (ідэнтычныя)17 iOS pt = 17 PostScript pt
iOS pt (@2x Retina)2 фізічныя px на iOS pt2× пікселяў1 iOS pt = 2 пікселі экрана
iOS pt (@3x)3 фізічныя px на iOS pt3× пікселяў1 iOS pt = 3 пікселі экрана

Састарэлыя і спецыялізаваныя адзінкі

UnitTo PointsFormulaExample
Твіп (1/20 pt)÷ 20pt = twip / 201440 twip = 72 pt = 1 in
Q (1/4 мм)× 0.7087pt = Q × 0.25 × 2.83464 Q = 1 mm
Вялікі пункт PostScript× 1.00375Дакладна 1/72 цалі72 bp = 1.0027 in

Асноўныя разлікі

CalculationFormulaExample
Пераўтварэнне DPI ў пунктыpt = (px × 72) / DPI16px @ 96 DPI = (16×72)/96 = 12 pt
Фізічны памер з пунктаўцалі = pt / 72144 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

Фільтраваць па:
Катэгорыі:

Дадаткова