Українська типографія

Як правильно оформлювати цифрові тексти

«Типографіка — це ремесло, яке надає людській мові тривкої візуальної форми».
— Роберт Брінгерст, «Основи стилю в типографіці»

Текст — це не лише букви. Довге тире на місці дефіса, «ялинки» на місці прямих лапок, апостроф на місці гравіса, нерозривний пробіл між ініціалами та прізвищем — дрібниця до дрібниці, і з них складається те, що звемо типографією. Добре оформлений текст не впадає в око — його просто легше читати.

Цей довідник — практичний, без філософії: що, коли і як.

Дефіс (‐)

‐

Дефіс (hyphen) U+2010 • Орфографічний знак

Дефіс — це орфографічний знак, який є частиною слова. Він найкоротший з усіх горизонтальних рисок і зʼєднує частини складних слів або використовується в скороченнях.

Технічно: Правильний символ — U+2010 (hyphen). На практиці допустимо використовувати U+002D (hyphen-minus) з клавіатури — візуально вони однакові.

Коли використовувати

Складні слова: південно-східний, синьо-жовтий, віце-президент
Географічні назви: Івано-Франківськ, Камʼянець-Подільський
Повтори: ледве-ледве, тихо-тихо
Нарощення: 80-ті, 2-го, 1930-і рр., 60%-й
Скорочення: тов-во, бібл-ка
Приблизна кількість: пʼять-шість днів, день-два

Правило: Дефіс завжди пишеться без пробілів з обох боків.

✓ Правильно

синьо-жовтий, 80-ті роки

✗ Неправильно

синьо - жовтий, 80 - ті роки

Довге тире (—)

—

Довге тире (em dash) U+2014 • Пунктуаційний знак

Довге тире — це пунктуаційний знак, який розділяє частини речення.

Коли використовувати

Між підметом і присудком: Київ — столиця України
На місці пропущеного члена речення
Для позначення паузи або несподіваності
На початку реплік прямої мови: — Доброго дня!
Між власними назвами: закон Бойля — Маріотта

Правило: Довге тире відділяється пробілами з обох боків. Перед тире — нерозривний пробіл.
Примітка: існує традиція не ставити пробіли біля тире, але сучасна практика віддає перевагу пробілам.

✓ Правильно

Київ — столиця України

Альтернатива

Київ—столиця України

✗ Неправильно

Київ-столиця України

Коротке тире (–)

–

Коротке тире (en dash) U+2013 • Знак діапазону

Коротке тире використовується для позначення діапазонів та інтервалів.

Коли використовувати

Числові діапазони: 5–6 м, С. 28–30
Дати: 1945–1947 рр., XV–XVIII ст.
Часові інтервали: липень–серпень
Маршрути: траса Київ–Чоп

Правило: Коротке тире в діапазонах пишеться без пробілів.

✓ Правильно

1945–1947 рр., липень–серпень

✗ Неправильно

1945 – 1947 рр., 1945-1947 рр.

Виняток: десятиліття

40-х – 50-х рр. (з пробілами)

Нерозривний пробіл

␣

No-Break Space U+00A0 • Не дозволяє розрив рядка

Нерозривний пробіл виглядає як звичайний, але не дозволяє розірвати рядок у цьому місці.

Де використовувати

Перед тире посеред тексту
Між числом і одиницею виміру: 100 км, 32 °C
Між числом і знаком %: 18,4 % (але написання без пробілу — 18,4% — також прийнятне)
Після № та §: № 331, § 36
Між ініціалами та прізвищем: В. І. Вернадський
У багатозначних числах: 1 200 000
Після однолітерних прийменників: у садку, і він

Пробіли біля розділових знаків

Розділові знаки поділяються на дві групи, і правила для кожної — прості й послідовні.

Одиночні розділові знаки

Крапка, кома, двокрапка, крапка з комою, знак питання, знак оклику, три крапки та їх комбінації.

Знак	Пробіл до	Пробіл після	Приклад
. , : ; ! ? … ?! !..	Ні	Так	Так, добре. Ні?!

✓ Правильно

Привіт, світе! Як справи?.. Не знаю!

✗ Неправильно

Привіт , світе ! Як справи ?.. Не знаю !

Парні розділові знаки

Дужки, лапки — завжди мають пробіл ззовні, ніколи — всередині.

Знаки	Ззовні	Всередині	Приклад
( )	Пробіл	Без пробілу	Київ (столиця України) — велике місто.
« »	Пробіл	Без пробілу	Він сказав: «Добре».
„ "	Пробіл	Без пробілу	Вона відповіла: „Згода".

✓ Правильно

Тарас Шевченко (1814–1861) написав «Кобзар».

✗ Неправильно

Тарас Шевченко( 1814–1861 )написав« Кобзар ».

Апостроф (ʼ)

Modifier Letter Apostrophe U+02BC • Рекомендований для української

Варіанти символів

ʼ U+02BC

Рекомендований для української. Використовується в доменах .УКР.

' U+0027

Прямий апостроф з ASCII. Допустимий варіант — візуально прийнятний, легко вводиться.

’ U+2019

Типографський апостроф (English). Для української — допустимий, але не рекомендований.

Коли пишеться

Після губних (б, п, в, м, ф): мʼяч, пʼять, вʼюн
Після р: бурʼян, пірʼя
Після префіксів: зʼїзд, обʼєм

✓ Правильно

мʼяч, пʼять, обʼєкт, памʼять (U+02BC)

Допустимо

м'яч (U+0027), м’яч (U+2019)

✗ Неправильно

м`яч (гравіс U+0060)

Лапки

Вигляд і назва	Unicode	Використання
«Ялинки»	U+00AB U+00BB	Основні
“Англійські”	U+201C U+201D	Внутрішні
„Німецькі“	U+201E U+201C	Рукописні
"Прямі"	U+0022	Код, допустимі

На практиці: Прямі лапки (U+0022) допустимі, але «ялинки» — стандарт для української типографії.

Вкладені лапки

Правило: Якщо всередині тексту в лапках потрібні ще одні лапки, внутрішні мають відрізнятися від зовнішніх: зовнішні «ялинки», внутрішні “англійські”.

✓ Правильно

«Це мій “Кобзар”», — сказав він.

✗ Неправильно

«Це мій «Кобзар»»

Наголос (´)

о́

Combining Acute Accent U+0301 • Комбінувальний знак

Знак наголосу — комбінувальний символ, який ставиться після голосної і відображається над нею.

Коли ставити

Для розрізнення омографів: за́мок — замо́к
У словниках та навчальних матеріалах
Коли від наголосу залежить значення: пізна́ю — пізнаю́

Омографи: а́тлас (карти) — атла́с (тканина), до́рога (мила) — доро́га (шлях)

Технічно

о + ́ (U+0301) = о́

Не плутайте! U+0301 (комбінувальний) ставиться після літери. U+00B4 (окремий символ) — виглядатиме як: о´

Три крапки (…)

…

Horizontal Ellipsis U+2026 • Один символ

Три крапки — це один символ, а не три окремі крапки. Позначає незавершеність, пропуск або паузу.

Коли використовувати

Незавершена думка: Він хотів сказати, але…
Пропуск у цитаті: «Україна… держава»
Пауза: Так… мабуть…

Технічно: Правильний символ — U+2026 (…). Три окремі крапки (...) допустимі, але типографічно гірші — інтервал між ними занадто великий.

✓ Правильно

Він сказав… і замовк.

✗ Неправильно

Він сказав... і замовк.

Як набирати?

Кожен символ у цьому довіднику має унікальний номер у стандарті Unicode — наприклад, U+2014 (довге тире) або U+02BC (апостроф). Символи, які виглядають однаково, можуть мати різні коди; і навпаки — різні коди можуть виглядати схоже.

Звичайні кириличні літери й основні розділові знаки не викликають труднощів. Але важливо: не можна замінювати кириличні літери на схожі латинські (наприклад, латинську «c» замість кириличної «с»). Це різні символи з різними кодами, і така заміна створює проблеми для пошуку, сортування та обробки тексту.

Стандартні клавіатурні розкладки не дають доступу до більшості типографських символів. Нижче — кілька способів їх введення: через спеціальні розкладки, Alt-коди та HTML-сутності.

Ukrainian Unicode

Символ	Unicode	Назва	Комбінація
—	U+2014	довге тире	`AltGr` + `-`
–	U+2013	коротке тире	`AltGr` + `Shift` + `-`
␣	U+00A0	нерозривний пробіл	`AltGr` + `Space`
§	U+00A7	параграф	`AltGr` + `3`
₴	U+20B4	гривня	`AltGr` + `Shift` + `3`
ʼ	U+02BC	апостроф	`Shift` + `
«	U+00AB	лапка ліва	`AltGr` + `,`
»	U+00BB	лапка права	`AltGr` + `.`
„	U+201E	лапка німецька ліва	`AltGr` + `Shift` + `,`
“	U+201C	лапка німецька права	`AltGr` + `Shift` + `.`
о́	U+0301	наголос	`AltGr` + `
…	U+2026	три крапки	`AltGr` + `/`
ґ	U+0491	ґ мала (на 104-клавішних може бути відсутня)	`AltGr` + `Г`
Ґ	U+0490	Ґ велика	`AltGr` + `Shift` + `Г`

Windows Alt-коди

Щоб ввести символ через Alt-код: увімкніть NumLock, затисніть Alt, наберіть код на цифровій клавіатурі (не на верхньому рядку), відпустіть Alt. Код обовʼязково починається з нуля (наприклад, Alt + 0151 для тире). Працює у більшості програм Windows.

Символ	Unicode	Назва	Alt-код
—	U+2014	довге тире	`Alt` + 0151
–	U+2013	коротке тире	`Alt` + 0150
␣	U+00A0	нерозривний пробіл	`Alt` + 0160
§	U+00A7	параграф	`Alt` + 0167
«	U+00AB	лапка ліва	`Alt` + 0171
»	U+00BB	лапка права	`Alt` + 0187
„	U+201E	лапка німецька ліва	`Alt` + 0132
“	U+201C	лапка німецька права	`Alt` + 0147
“	U+201C	лапка англійська ліва	`Alt` + 0147
”	U+201D	лапка англійська права	`Alt` + 0148
’	U+2019	апостроф	`Alt` + 0146
…	U+2026	три крапки	`Alt` + 0133

Без Alt-коду: Символи ₴ (гривня), ʼ (апостроф U+02BC) та о́ (наголос U+0301) не мають Alt-коду — їх немає в кодовій сторінці Windows-1252. Для ₴ використовуйте розкладку «Українська (розширена)» (Shift + `). Для решти — розкладку Ukrainian Unicode або таблицю символів (CharMap).
Ґ на 104-клавішних: На клавіатурах без окремої клавіші \ літери ґ/Ґ вводяться через AltGr + Г / AltGr + Shift + Г — працює як у стандартних розкладках Windows, так і в Ukrainian Unicode.

HTML

Символ	Unicode	Назва	Код
—	U+2014	довге тире	`—`
–	U+2013	коротке тире	`–`
␣	U+00A0	нерозривний пробіл	` `
§	U+00A7	параграф	`§`
₴	U+20B4	гривня	`₴`
ʼ	U+02BC	апостроф	`ʼ`
«	U+00AB	лапка ліва	`«`
»	U+00BB	лапка права	`»`
„	U+201E	лапка німецька ліва	`&bdquo;`
“	U+201C	лапка німецька права	`“`
“	U+201C	лапка англійська ліва	`“`
”	U+201D	лапка англійська права	`”`
о́	U+0301	наголос	`́`
…	U+2026	три крапки	`…`
Ґ	U+0490	Ґ велика	`Ґ`
ґ	U+0491	ґ мала	`ґ`

Джерела

Правопис та стандарти

Український правопис 2019 — офіційна редакція
Pravopys.net — знак наголосу (правопис 2015)
ДСТУ 3582:2013 — бібліографічний опис, скорочення
ДСТУ 4163:2020 — оформлення документів

Апостроф U+02BC

UANIC — лист на підтримку апострофа U+02BC
R2U форум — обговорення апострофа в розкладці

Клавіатура та введення

Ukrainian Unicode — розкладка клавіатури

Вікіпедія

Практичні поради

Profi-text — 4 види лапок
NewMedia — оформлення текстів
Slovnyk.ua — автоматичне розставлення наголосів