Типографіка субтитрів і тексту поверх відео
Субтитри — це не «технічний додаток» до відео, а повноцінний канал передачі змісту. Для глухих і слабочуючих глядачів вони часто єдиний спосіб зрозуміти, що відбувається в кадрі. А ще субтитри читають ті, хто дивиться відео без звуку в транспорті, на роботі чи пізно ввечері, та ті, хто вивчає мову. Тому погано зроблені субтитри — це не дрібна вада, а зачинені двері для частини аудиторії.
Добрі субтитри непомітні: глядач читає рядок і повертається поглядом до обличчя людини чи до дії, не замислюючись про сам текст. У цьому матеріалі розберемо, як цього досягти: який обрати шрифт і розмір, як розташувати текст, як розбивати рядки, скільки часу тримати субтитр на екрані та чим текст поверх відео в соцмережах відрізняється від класичних субтитрів.
Субтитри, титри для глухих і текст у кадрі: у чому різниця
Під словом «субтитри» часто мають на увазі різні речі. Варто їх розрізняти, бо вимоги до кожного типу відрізняються:
- Звичайні субтитри передають лише мовлення — діалоги, закадровий голос. Їх розраховано на глядача, який чує звук, але не розуміє мову або не розбирає слів.
- Субтитри для глухих і слабочуючих (англ. SDH або closed captions) передають усю звукову інформацію: хто говорить, які звуки лунають, що звучить музика, з якою інтонацією сказано фразу. Наприклад: [сміх], [стукіт у двері], ♪ тиха музика ♪.
- Закриті субтитри глядач вмикає й вимикає сам, а плеєр може дозволити змінити розмір, колір чи тло тексту.
- «Вшиті» (відкриті) субтитри є частиною зображення: їх неможливо вимкнути чи налаштувати. Так зазвичай роблять у коротких відео для соцмереж.
- Текст у кадрі — заголовки, підписи, ключові тези, які додає монтажер. Це вже графічний дизайн, але правила читабельності для нього ті самі.
Якщо ваша аудиторія — глухі люди, звичайних субтитрів недостатньо. Звуки, які впливають на розуміння сцени, теж мають бути в тексті.
Шрифт для субтитрів
Субтитри читають на ходу: текст рухається, змінюється, а під ним — живе зображення. Тому шрифт для субтитрів має бути насамперед функціональним, а не виразним.
- Беззасічковий шрифт з відкритими, чіткими формами: Roboto, Open Sans, Inter, Arial, Verdana. Літери мають легко розрізнятися навіть у русі — особливо пари на кшталт І/l/1 чи и/н.
- Середня або напівжирна вага (400–600). Тонкі накреслення «розчиняються» на яскравому чи строкатому тлі, надто жирні злипаються на маленьких екранах.
- Повна підтримка кирилиці, зокрема літер ї, є, і, ґ та апострофа. Якщо шрифт не має якогось символу, програма підставить інший — і рядок стане нерівним.
- Без декоративних, рукописних і вузьких шрифтів. Вони можуть бути гарними в заставці, але не в діалогах.
- Звичайний регістр, а не ВЕЛИКІ ЛІТЕРИ. Текст великими літерами читається повільніше, бо слова втрачають характерний силует.
Курсив у субтитрах має службове значення: ним зазвичай позначають голос за кадром, мовлення через телефон чи інший пристрій, пісні. Не використовуйте курсив просто для краси.
Розмір тексту
Розмір субтитрів не можна задати однією цифрою в пікселях: те саме відео дивляться на смартфоні, ноутбуці й телевізорі. Тому професійні стандарти задають розмір відносно кадру. Добрий орієнтир — щоб у рядок шириною близько двох третин кадру вміщувалося приблизно 37–42 символи. Саме так розраховані вимоги великих мовників і стрімінгових сервісів.
Практична перевірка проста: подивіться готове відео на телефоні на відстані витягнутої руки. Якщо доводиться примружуватися — текст замалий. Якщо субтитр закриває обличчя людини в кадрі — завеликий або забагато рядків.
Контраст і підкладка під текст
Найбільша проблема субтитрів — тло, яке постійно змінюється. Білий текст ідеально видно на темній сцені, але він зникає на снігу, білій стіні чи світлому одязі. Тому субтитрам завжди потрібен захист від тла. Є три основні способи:
- Обведення (контур): тонка темна лінія довкола білих літер. Найпоширеніший варіант — непомітний і універсальний.
- Тінь: м’яка темна тінь під текстом. Працює добре, але сама по собі буває недостатньою на дуже світлому тлі.
- Підкладка: темний прямокутник (суцільний або напівпрозорий) під рядком. Найнадійніший спосіб для читабельності — його часто обирають саме для глухої аудиторії, бо текст читається за будь-якого кадру.
Зверніть увагу: у звичайному вебдизайні тіні й обведення тексту — радше погана практика. У субтитрах навпаки: це не декорація, а функція, яка гарантує контраст.
Класичне поєднання кольорів — білий текст із чорним контуром або на чорній підкладці. Жовтий текст теж добре читається й традиційно використовується в субтитрах. Уникайте червоного, синього та зеленого як основного кольору тексту: на темному тлі вони мають низький контраст, а частина глядачів погано розрізняє ці кольори.
Розташування на екрані
- Внизу по центру — стандартне місце для субтитрів. Глядач звикає дивитися туди й не шукає текст по всьому кадру.
- Відступи від країв: не ставте текст впритул до нижнього краю — частину кадру можуть обрізати телевізор, плеєр чи інтерфейс соцмережі.
- Переносьте субтитр нагору, якщо внизу є важливий текст у кадрі (підпис, титр, табличка) або дія, яку не можна закривати.
- Не перекривайте обличчя і руки. Для відео з жестовою мовою це критично: субтитри не повинні закривати перекладача чи людину, яка жестує. Плануйте кадр так, щоб для тексту лишалося місце.
Кількість рядків і довжина рядка
Загальноприйняте правило — не більше двох рядків в одному субтитрі. Якщо фраза коротка, залишайте її в одному рядку. Три рядки закривають забагато кадру й важко читаються.
Довжина рядка — зазвичай до 37–42 символів разом із пробілами. Довші рядки змушують очі «бігати» з краю в край екрана, і глядач не встигає повернутися до зображення. Для кириличних мов ліміт іноді роблять трохи меншим, бо українські слова в середньому довші за англійські.
Як правильно розбивати рядки
Розбивайте текст за змістом, а не там, де закінчилося місце. Кожен рядок має бути, наскільки можливо, завершеним смисловим шматком:
- переносьте після розділових знаків, перед сполучниками та прийменниками;
- не відривайте прийменник від слова, прикметник від іменника, ім’я від прізвища, частку «не» від дієслова;
- коли рядки різної довжини, краще, щоб верхній був коротшим — «піраміда» закриває менше кадру. Але не залишайте вгорі одне-два слова.
Порівняйте:
Погано:
Ми зустрінемося завтра біля
входу до бібліотеки.
Добре:
Ми зустрінемося завтра
біля входу до бібліотеки.У першому варіанті прийменник «біля» відірвано від слова, до якого він належить, і читачеві доводиться тримати незавершену думку в голові.
Швидкість зміни та тривалість субтитрів
Навіть ідеально оформлений текст марний, якщо глядач не встигає його прочитати. Швидкість читання в субтитрах вимірюють у символах на секунду (CPS): кількість символів, поділена на час показу.
- Мінімальна тривалість — близько 5/6 секунди навіть для дуже короткої репліки, інакше субтитр просто «мигне».
- Максимальна тривалість — близько 6–7 секунд. Якщо текст висить довше, глядач починає перечитувати його.
- Швидкість читання: професійні стандарти для дорослої аудиторії зазвичай коливаються в межах 15–20 символів на секунду, для дитячої — менше.
- Пауза між субтитрами: залишайте хоча б кілька кадрів між сусідніми субтитрами, щоб око помітило, що текст змінився.
- Синхронність: субтитр з’являється разом із початком репліки і, по змозі, не «перескакує» через зміну плану.
Для глухих глядачів, для яких письмова українська — друга мова після жестової, варто орієнтуватися на нижню межу швидкості. Якщо текст не вміщується в комфортний темп, його краще скоротити, зберігши зміст, ніж показувати занадто швидко. Скорочуйте повтори, вигуки, слова-паразити — але не сенс.
Звуки, музика і хто говорить
Для субтитрів, розрахованих на глухих і слабочуючих, важливо передати не тільки слова:
- Хто говорить. Якщо мовця не видно або в кадрі кілька людей — позначайте ім’я: ОЛЕНА: Я вже йду. Можна використовувати різні кольори для різних персонажів, але колір не має бути єдиним способом розрізнення.
- Діалог в одному субтитрі: кожна репліка з нового рядка з тире на початку.
- Звуки, важливі для розуміння сцени: [дзвонить телефон], [вибух удалині], [тиша].
- Музика: позначка ♪ і короткий опис характеру — ♪ напружена музика ♪, або текст пісні, якщо він важливий.
- Інтонація, якщо вона змінює зміст: [пошепки], [саркастично].
Обирайте один стиль позначок (наприклад, квадратні дужки й малі літери) і дотримуйтеся його впродовж усього відео.
Текст поверх відео в соцмережах
Короткі вертикальні відео мають свою специфіку. Субтитри там зазвичай вшиті в зображення, а частину кадру закриває інтерфейс платформи: кнопки, підпис, ім’я автора.
- Безпечна зона. Тримайте текст у центральній частині кадру — подалі від нижнього краю (там підпис і кнопки) та правого боку (там іконки вподобань і коментарів). Перед публікацією перевірте відео в самому застосунку.
- Коротші рядки. Вертикальний кадр вузький, тож у рядок вміщується значно менше символів, ніж у горизонтальному відео.
- Не по одному слову. Модний формат, коли слова вистрибують по одному з анімацією, ефектний, але важкий для читання: мозок не бачить фрази цілком. Показуйте хоча б коротку фразу за раз.
- Анімація — помірно. Підсвічування поточного слова може допомогти, а постійне тремтіння, обертання й зміна кольорів відволікають від змісту.
- Однаковий стиль в усіх відео: той самий шрифт, розмір, колір і положення. Так субтитри стають частиною впізнаваного стилю автора.
Автоматичні субтитри, які генерують платформи чи редактори, — добра чернетка, але не готовий результат. Вони помиляються в іменах, термінах, розділових знаках і часто неправильно розбивають рядки. Завжди переглядайте й виправляйте їх вручну.
Українська пунктуація в субтитрах
- Використовуйте українські лапки «ялинки», правильний апостроф ’ і довге тире — там, де воно потрібне за правописом.
- Три крапки краще ставити одним символом … — він займає менше місця в рядку.
- Числа до десяти зазвичай пишуть словами, більші — цифрами, якщо це не заважає читанню.
- Перевірте, чи шрифт у вашому редакторі субтитрів або плеєрі коректно відображає апостроф і лапки — інакше замість них з’являться квадратики.
Поширені помилки
- Білий текст без контуру чи підкладки — зникає на світлих кадрах.
- Три-чотири рядки за раз — закривають половину кадру й не встигають прочитатися.
- Субтитри, які змінюються занадто швидко — глядач читає лише половину.
- Текст закриває обличчя, руки або перекладача жестової мови.
- Неперевірені автоматичні субтитри з помилками в іменах і термінах.
- Декоративний шрифт або тонке накреслення — красиво в редакторі, нечитабельно на телефоні.
- Відсутність позначок звуків у відео, розрахованому на глуху аудиторію.
Чекліст перед публікацією
- Беззасічковий шрифт середньої ваги з повною підтримкою кирилиці.
- Текст читається на смартфоні без зусиль.
- Є контур, тінь або підкладка — текст видно на найсвітлішому кадрі.
- Не більше двох рядків, до ~40 символів у рядку.
- Рядки розбиті за змістом, прийменники не відірвані.
- Кожен субтитр видно щонайменше близько секунди, але не довше 6–7 секунд.
- Субтитри не закривають обличчя, руки, перекладача й текст у кадрі.
- Позначено, хто говорить, і важливі звуки.
- Автоматичні субтитри перевірені й виправлені вручну.
- Відео переглянуто в застосунку платформи — текст не потрапляє під інтерфейс.
Корисні джерела
- BBC Subtitle Guidelines: одні з найдокладніших відкритих настанов щодо субтитрів, зокрема для глухих глядачів і для вертикального відео.
- Netflix Timed Text Style Guide: загальні вимоги до тривалості, кількості рядків, переносів і розташування субтитрів.
- WebAIM Contrast Checker: перевірка контрасту кольору тексту й підкладки.
Висновок
Субтитри — це типографіка в русі. Тут діють ті самі принципи, що й у звичайному дизайні тексту: читабельний шрифт, достатній розмір, високий контраст, продумана структура. Але додається ще й час: текст має з’явитися вчасно, протриматися достатньо довго й не заважати зображенню.
Добрі субтитри не помічають — ними просто користуються. І для мільйонів глухих людей саме від них залежить, чи стане ваше відео зрозумілим, чи залишиться німою картинкою. Робіть субтитри так, ніби від них залежить усе, — бо для когось так і є.
