Сторис, которые дочитывают: 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)
