почитать
22.03.24

Как оформлять посты в Сетке

Как оформлять посты в Сетке
Что вы узнаете

Привет! В этом гайде расскажем, какие возможности есть у нашей соцсети, и дадим рекомендации по оформлению постов. Так как Сетка — новый проект и функциональность постоянно дорабатывается, будем регулярно дополнять гайд актуальной информацией.

Форматы публикаций

Сейчас в Сетке есть такие форматы: 

1.

Короткие посты с визуалом;

big-card-img
2.

Длинные посты без визуала;

big-card-img
3.

Вопросы.

big-card-img
  • У обычных публикаций объем не ограничен, но мы рекомендуем укладываться в 1 000–1 500 символов. Если пост содержит карточки, лучше делать небольшую подводку на 300–350 символов.
  • Часть текста скрывается за кнопкой «читать далее». Количество символов до скрытия может быть разным: алгоритмы Сетки автоматически регулируют длину текста, чтобы пост органично выглядел в ленте.
  • У формата вопросов максимальный объем текста — 120 символов, но мы рекомендуем укладываться в 60, чтобы вопрос занимал 2–3 строчки.

Оформление публикаций 

К каждому посту можно добавить заголовок. Лучше ограничивать его до 60 символов — тогда заголовок занимает пару строк и выигрышно смотрится с текстом и визуалом.

big-card-img

Картинки к публикациям адаптируются под стандартную сетку. Лучше добавлять 1, 2, 4 или 6 иллюстраций одинакового размера, потому что они выглядят симметрично и полностью видны в превью. Но если размер картинок разный или их 3 или 5, они будут обрезаться по краям.

big-card-img

Сравните, как выглядят 6 и 5 карточек. В первом случае всё аккуратно укладывается в симметричную сетку, а во втором некоторые картинки обрезаются по краям.

big-card-img

Еще рекомендуем использовать иллюстрации с таким соотношением сторон:

  • 1 : 1 — 1 080 × 1 080 пикселей;
  • 4 : 3 — 1 350 × 1 080 пикселей. 

Такой формат хорошо адаптируется под мобильные экраны. 

Не рекомендуем использовать длинные картинки — они растягиваются на весь экран и заставляют пользователя скроллить вверх-вниз, чтобы посмотреть пост целиком с текстом. 

Оформление карточек 

Чтобы текстовые карточки выглядели красиво, рекомендуем учитывать эти параметры: 

  • Текст в пределах 200–250 символов.
  • Максимальное количество текста — 450–500 символов.
  • Минимальное — 70–100 символов. Меньше лучше не делать, иначе карточка смотрится неинформативной. Исключение — карточки с мемами и открытками, где текст лишь подводка к картинке. 
20 e1711101192332

Мы сделали шаблон в Фигме, который поможет вам быстро сделать карточки в пропорциях 1 : 1 и 4 : 3.

Оформление аватарки

Используйте картинки с соотношением 1 : 1, потому что иконки аватарок у каналов и пользователей круглые. Если взять вертикальную или горизонтальную картинку, по краям могут появляться черные полосы.

Миниатюры в ленте довольно маленькие, поэтому подойдут минималистичные картинки, которые легко считываются в любом размере. Рекомендуем использовать цвета, контрастные черному фону.

big-card-img

Что еще хотим сделать в Сетке

Функции, которые планируем добавить: 

  • оформление текста через markdown-разметку;
  • статистика для авторов;
  • автоматический постинг из Телеграма;
  • добавление нескольких админов для каналов и сообществ;
  • закрытые сообщества;
  • редактирование комментариев;
  • упоминание людей в постах;
  • подписка на автора прямо из ленты;
  • шесть реакций к постам;
  • репосты.

Поддержку новых форматов вроде аудио и видео тоже планируем, но не в ближайшее время. Еще у нас есть вотинг-борд — доска с предложениями для Сетки. Там можно посмотреть идеи по улучшению приложения или оставить свои.