Перейти к содержимому

Как сделать шаблоны сторис и постов, которые легко читать

Где тексту в сторис безопасно, каким крупным и коротким он должен быть и как собрать набор шаблонов, который выглядит единым, но не однообразным.

Руки дизайнера раскладывают распечатанные вертикальные макеты в теплых терракотовых и угольно-черных тонах на застеленном бумагой столе в мягком дневном свете.

Реклама

Почему шаблон стоит потраченного времени

Шаблон — это макет, который вы создаете один раз и заполняете много раз: одни и те же места для заголовка, фото и мелкого текста, с новыми словами и картинками каждый раз. Он избавляет от необходимости каждую неделю начинать с чистого листа и делает ваши сторис и посты узнаваемыми еще до того, как кто-то прочитает имя наверху.

Но шаблон помогает, только если сам макет удачный. Красивый дизайн, который ставит заголовок под поле ответа Instagram, или белый текст на бледном фото повторит эту ошибку в каждой сторис, сделанной по нему. Эта статья о том, как сделать макет правильно: где тексту безопасно, каким крупным и каким коротким он должен быть и как сохранить набор единым. Точные размеры в пикселях для каждого формата — в нашем руководстве по размерам для Instagram; здесь мы только пользуемся ими.

Шаблоны сторис и шаблоны постов решают разные задачи

И то и другое — изображения с текстом, но смотрят их совсем по-разному, и макет, который работает в одном, часто не работает в другом.

Шаблон сторисШаблон поста
Холст1080 × 1920 (9:16), заполняет экран телефона1080 × 1350 (4:5) или 1080 × 1080 (1:1)
Сколько его смотрятНесколько секунд, затем начинается следующая сторис, если зритель не удерживает экранПока зритель не пролистает дальше или не остановится
Что его закрываетИмя профиля и полоса прогресса сверху, поле ответа снизу, стикеры, которые вы добавляете в приложенииВ ленте ничего; обрезанная миниатюра в сетке профиля
Для чего лучше всегоОдна короткая мысль, вопрос, обратный отсчет, ссылкаТо, что стоит сохранить: советы, цитаты, анонсы, обложки каруселей

Поэтому шаблон сторис должен быть ярким и кратким, с главной мыслью в середине экрана. Шаблон поста может вместить чуть больше, но должен выдерживать уменьшение до маленького квадрата в сетке профиля — об этом наша статья о том, как спланировать сетку, которая хорошо обрезается.

Безопасные зоны на сторис 1080 × 1920

Instagram рисует поверх каждой сторис свой интерфейс: полосу прогресса, фото профиля и имя сверху и поле ответа снизу. Текст, размещенный там, частично скрыт. Для обычных сторис Instagram не публикует безопасные поля, а Meta для рекламы в сторис публикует: оставляйте примерно 14 % сверху, 35 % снизу и по 6 % с каждой стороны свободными от текста, логотипов и других ключевых элементов (Руководство Meta по рекламе (откроется в новой вкладке), проверено в ноябре 2026 г.).

На сторис 1080 × 1920 это примерно 269 пикселей сверху, 672 пикселя снизу и 65 пикселей с каждой стороны, то есть безопасная область от 65 до 1015 пикселей по горизонтали и от 269 до 1248 пикселей по вертикали. Рекламе нужно большое нижнее поле из-за кнопки призыва к действию. У обычных сторис на экране меньше элементов, поэтому наши шаблоны сторис следуют более свободному правилу: важный текст находится от 250 до 1600 пикселей от верха, а нижние 320 пикселей остаются свободными для поля ответа.

  • Для обычных сторис: держите заголовок и главный текст примерно от 250 до 1600 пикселей от верха и не ближе 65 пикселей к боковым краям.
  • Для рекламы в сторис: используйте более строгую область Meta — от 269 до 1248 пикселей от верха.
  • В любом случае: фоновые фото и цвета могут заполнять весь кадр; внутри должны оставаться только текст, логотипы и лица.
Руки раскладывают бумажные фигуры на высоком вертикальном листе, оставляя пустые полосы вверху и внизу страницы.
Руки раскладывают бумажные фигуры на высоком вертикальном листе, оставляя пустые полосы вверху и внизу страницы.

Реклама

Текст, который можно прочитать за несколько секунд

Большинство проблем с шаблонами — проблемы с текстом. Прочитают сторис или пропустят, решают три вещи: сколько в ней текста, насколько он крупный и насколько хорошо выделяется на фоне.

Сколько

Для большинства сторис достаточно одного заголовка и одной поясняющей строки. Практическое правило — не больше примерно 20 слов на сторис; если нужно больше, разбейте мысль на две-три сторис или перенесите ее в пост. Детали вроде цен, дат и ссылок выносите в подпись, стикер или на следующий слайд.

Насколько крупно

Сторис шириной 1080 пикселей сжимается до ширины телефона. На телефоне шириной около 390 точек все отображается примерно в треть своего размера в пикселях. Наше практическое правило из этой арифметики: основной текст высотой не меньше 44 пикселей на холсте — на экране это около 16 точек, размер обычного текста в приложениях, — а заголовки от 90 пикселей. Очень тонкие шрифты должны быть еще крупнее.

Насколько четко

Стандарт веб-доступности WCAG требует контрастности не ниже 4,5:1 для обычного текста и 3:1 для крупного (W3C (откроется в новой вкладке), проверено в ноябре 2026 г.). Instagram этого не требует, но это полезный ориентир: сторис читают на улице, на низкой яркости, и их смотрят люди со слабым зрением. Текст поверх фото сам по себе редко дотягивает до такой контрастности. Хорошо работают три решения:

  • Сплошная или полупрозрачная плашка под текстом в цвете из вашей палитры.
  • Более темный или размытый участок фото там, где стоит текст.
  • Раздельный макет: фото в одной части кадра, текст на однотонном цвете в другой.

Оставьте место для стикеров Instagram

Окошки вопросов, опросы, обратный отсчет, стикеры-ссылки и упоминания добавляются в приложении Instagram после загрузки изображения; картинка, сделанная в любом редакторе, включая наш, не может содержать работающий стикер. Поэтому в хорошем интерактивном шаблоне заранее предусмотрено пустое место, обычно в средней трети, куда встанет стикер, а над ним — заголовок, который говорит людям, что делать: «Спросите меня что угодно о закваске», «Что нам приготовить в следующий раз?»

В наших шаблонах сторис есть дизайны, построенные вокруг этого, например фоны для вопросов и опросов, обратный отсчет, сторис со ссылкой в профиле и расписание на неделю. Когда делаете свой дизайн, во время работы поставьте примерный прямоугольник на место будущего стикера, чтобы под ним не оказалось ничего важного.

Реклама

Единый набор, который не выглядит однообразным

Единство дают несколько неизменных решений, а разнообразие — все остальное. Примите неизменные решения один раз и запишите их:

  1. Два-три цвета плюс один нейтральный. Если больше, набор перестает выглядеть набором.
  2. Не больше двух шрифтов: один для заголовков, другой для основного текста. В наших редакторах шаблонов есть 14 готовых шрифтовых пар, так что подбирать сочетания самим не придется.
  3. Одно место для повторяющихся элементов. Логотип, ник или название рубрики всегда в одном и том же углу и одного размера.
  4. Немного макетов. Трех-пяти макетов, например цитата, совет, анонс, вопрос и товар, хватает на большинство недель.

В этих рамках меняйте фото, основной цвет фона и слова. Подписчики узнают серию и каждый раз видят что-то новое.

Пять распечатанных вертикальных макетов в одинаковых терракотовых и угольно-черных тонах приколоты в ряд на стене студии.
Пять распечатанных вертикальных макетов в одинаковых терракотовых и угольно-черных тонах приколоты в ряд на стене студии.

Распространите ту же систему на весь профиль. Обложки каруселей, внутренние и последние слайды из наших шаблонов постов могут использовать палитру ваших сторис, а обложки для «Актуального», сделанные в конструкторе обложек для «Актуального» в тех же цветах, связывают сохраненные сторис с профилем. Как спланировать такой набор, показано в нашей статье о дизайне обложек для «Актуального».

Чек-лист перед публикацией

  • Откройте экспортированное изображение на телефоне во весь экран при обычной яркости и прочитайте его меньше чем за три секунды.
  • Ничего важного в верхних 250 и нижних 320 пикселях сторис и у краев поста.
  • Основной текст высотой не меньше примерно 44 пикселей, с плашкой или темным участком под ним, если он стоит на фото.
  • Одна мысль на сторис; детали — в подписи, стикере или на следующем слайде.
  • Орфография, даты, цены и ники проверены дважды, ведь опубликованную сторис нельзя отредактировать.
  • Для постов в ленте: напишите альтернативный текст. Программы экранного доступа не читают текст внутри изображения, а Instagram позволяет заменить автоматический альтернативный текст фото до или после публикации (Справочный центр Instagram (откроется в новой вкладке), проверено в ноябре 2026 г.).

Если у фото, которое вы хотите использовать, неподходящая форма, впишите его в кадр с рамкой или размытым фоном, а не обрезайте главный объект; три способа показаны в нашем руководстве о том, как выложить фото целиком, без обрезки. Все наши дизайны сторис и постов собраны в одном месте — в галерее шаблонов.

Руки вставляют цветные бумажные блоки в высокую вертикальную рамку на столе, собирая макет по частям.

Вопросы о дизайне шаблонов

Можно ли использовать один дизайн для сторис и поста?

Используйте одни и те же цвета и шрифты, но не один и тот же макет. Сторис — это 9:16, и ее закрывают сверху и снизу; пост — 4:5 или 1:1, и его обрезает сетка. Сделайте по версии для каждого.

В каком формате экспортировать шаблоны сторис — PNG или JPG?

PNG сохраняет четкими края текста и однотонные цвета, поэтому он лучше для дизайнов с большим количеством текста. JPG дает файлы поменьше для дизайнов, где в основном фото. Instagram в любом случае сжимает каждую загрузку.

Сколько текста помещается в сторис?

Практическое правило — один заголовок и одна короткая строка, всего около 20 слов. Если нужно больше, разбейте текст на несколько сторис или опубликуйте пост.

Можно ли включить в шаблон опрос или стикер-ссылку?

Нет. Интерактивные стикеры добавляются в приложении Instagram после загрузки изображения. Предусмотрите для них пустое место и добавьте их перед публикацией.

Реклама

Инструменты из статьи

Похожие статьи