Опубліковано 29 травня 2025 р.

Дизайн

Як зробити текст на комп’ютері простішим для читання

Відмінність типографії для екранів та для друку

Займаючись дизайном, я використовую деякі шаблони з книжок та журналів. Усе-таки там багато гарних прикладів. Але моє сприйняття типографії повністю змінилось, коли дізнався, що правила для паперу відрізняються від правил для екранів.

У цій статті поділюся частиною рекомендацій із книги «Typographie Kompakt» від Макса Боллваґе, які допомогли мені покращити оформлення блогу.

Схожість та відмінності

Загальні принципи дуже схожі, бо вони базуються на законах ґештальту та інших спостереженнях людського сприйняття тексту. Наприклад, від довгих стрічок ми швидко втомлюємось, бо губиться початок наступного рядка. Якщо відстань між ними надто мала, то мозок групує слова вертикально, а не горизонтально. А якщо надто велика — речення перестають бути пов’язаними між собою.

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

До того ж користування цифровими пристроями має свою специфіку. Узявши книгу, людина налаштована отримати інформацію саме з цього джерела. Проте, маючи багато альтернатив, онлайн-читачі часто не готові докладати додаткових зусиль для її сприйняття. Це особливо помітно в час домінування короткого контенту.

Що варто зробити

Тут я коротко перекажу загальні рекомендації Макса Боллваґе. Дотримуючись їх, навіть люди без дизайнерської освіти покращать вигляд своїх статей, есе та робіт.

Почнемо з розміру шрифту. Якщо у вас він 8-12 точок, спробуйте збільшити його принаймні на 2 пункти. Для великих об’ємів тексту автор рекомендує хоча б 14 точок.

Тепер налаштуйте відстань між стрічками. Для заголовків треба їх зменшувати, а для звичайних абзаців — збільшувати. На комп’ютерах бажано встановити 115-125% та 140-150% від розміру шрифту відповідно.

Для відстані між словами працює схоже правило. Зменшіть її в заголовках та збільшіть її в абзацах. Зазвичай достатньо зміни в 0,05-0,1 точки.

Наостанок обмежте довжину рядка. Для друку це 60-70 символів (разом із пропусками та розділовими знаками), а для екранів — 40-50.

І теперь повідомлення для «фанатів» вирівнювання за шириною. Будьте готові вручну корегувати розміри деяких пропусків між словами. Інакше можуть утворитися «прірви» посеред тексту, через які слова не сприйматимуться частиною одного речення.

Короткий підсумок

Добре встановлені параметри тексту спростять його сприйняття, завдяки чому ваші роботи на довше затримають увагу читача. А якщо він вимушений ознайомитись з нею, то це ще й прояв турботи та поваги.

Рекомендації:

  • Збільшіть розмір шрифту, якщо багато тексту.

  • Не робіть рядки надто довгими. До 60 символів має бути достатньо.

  • Чим більший шрифт, тим менша відстань між стрічками та cловами, і навпаки. Звертайте увагу, щоб абзаци сприймались цілісно.

  • Не «спамте» вирівнюванням за шириною, особливо якщо утворюються негарні «кілометрові» пропуски.