Сторіс, які дочитують: 10 правил оформлення тексту з прикладами
Сторіс гортають за секунду, тож текст має читатися з першого погляду. Ось 10 правил оформлення тексту в сторіс із прикладами «до» і «після», а також безпечні зони Meta, щоб кнопки й підпис профілю не закривали головне.
Чому сторіс не дочитують?
Людина бачить сторіс кілька секунд і гортає далі, якщо текст не прочитався відразу. Найчастіше заважає не сам зміст, а оформлення: дрібний шрифт, текст на строкатому фоні, суцільний абзац. Нижче — що виправити і як це виглядає.
10 правил з прикладами
1. Додай контрасту
Світлий фон — темний текст, темний фон — світлий. Якщо фон строкатий, підкладіть під текст напівпрозору плашку. Для звичайного тексту стандарт доступності WCAG радить контраст щонайменше 4,5:1.
2. Збільш текст
Дрібний текст на телефоні просто пролистують. Зробіть заголовок великим, а пояснення — помітно меншим.
3. Розбий текст
Суцільний абзац у сторіс не читають. Залиште заголовок і два-три короткі рядки, решту — у наступну сторіс.
4. Вирівняй текст
Ми читаємо зліва направо, тому вирівнювання по правому краю ускладнює читання. По лівому краю — найпростіше, по центру — для коротких фраз.
5. Вирівняй блоки між собою
Якщо підпис, заголовок і пояснення стоять по різних краях, око «скаче». Вирівняйте всі блоки по одній лінії.
6. Пропрацюй акценти
Коли все однакове, не помітне ніщо. Виділіть головне — цифру чи вигоду — розміром або кольором.
7. Використовуй простір
На фото зазвичай є спокійна зона: небо, туман, вода. Ставте текст туди, а не поверх деталей.
8. Прибери все зайве
Чим менше шуму на фото, тим краще читається текст і тим сильніше звучить думка. Іноді краще взяти інший кадр.
9. Спрости стиль
Один-два шрифти й один акцентний колір. Три шрифти й три кольори в одній сторіс виглядають безладно.
10. Обирай читабельні шрифти
Перевірте просто: глянули на секунду — прочитали? Якщо ні, декоративний шрифт варто замінити.
Безпечні зони: що закривають кнопки
Для реклами в сторіс Meta радить формат 9:16 (рекомендований розмір 1440 × 2560) і залишати вільними від тексту й логотипів приблизно 14% зверху, 35% знизу і по 6% з боків. Там з'являються значок профілю, кнопка дії й поле відповіді.
У Metriverra видно, які кампанії й оголошення приносять продажі, тож легко перевірити, чи нове оформлення сторіс дало результат.
Коротко
- Контраст і великий текст — основа, без них решта не працює.
- Текст — короткими блоками, вирівняними по одній лінії.
- Один акцент і один-два шрифти.
- Текст — у спокійній зоні фото, без зайвого шуму.
- Для реклами тримайте вільними 14% зверху, 35% знизу, 6% з боків.
Джерела: Meta Ads Guide — Instagram Stories · W3C — WCAG 2.2: Contrast (Minimum)
