Полный гайд по оформлению Telegram: аватарка, шаблоны для рубрик, вотермарка и единые правила верстки постов. Что делать, а что нет.
«Телеграм» — площадка текстоцентричная, исторически ориентированная на читающую аудиторию, и визуальная составляющая в контенте здесь традиционно не на первом месте. Но, как и везде, в «Телеграме» встречают проекты «по одёжке», и визуал — в зависимости от его качества — может как дать мощную дополнительную ценность контенту (см. статью «Выбираем тему, в которой будем работать. Принцип дополнительной ценности»), так и создать проблемы для развития проекта.
Настоятельно рекомендую отдать эту часть работы профессионалам — в таком случае вашей задачей будет поставить грамотное ТЗ и направить дизайнера с учётом стоящих перед вами целей.
Настоятельно рекомендую отдать эту часть работы профессионалам — в таком случае вашей задачей будет поставить грамотное ТЗ и направить дизайнера с учётом стоящих перед вами целей.
Общие принципы оформления телеграм-канала
Итак. В идеале медиапроект в «Телеграме», как и на любой другой площадке, должен иметь:
- визуальный концепт;
- фирменный стиль;
- брендбук (хотя бы базовый).
Далеко не каждый канал требует такой глубокой проработки визуальной части — особенно если вы имеете ограничения по бюджету и не планируете расширяться на другие площадки, форматы и в офлайн.
Далеко не каждый канал требует такой глубокой проработки визуальной части — особенно если вы имеете ограничения по бюджету и не планируете расширяться на другие площадки, форматы и в офлайн.
Вот минимум, который необходимо подготовить перед запуском канала:
- аватарки для канала и привязанного к нему чата (они должны быть разными);
- шаблоны для оформления визуального контента (если это заложено в концепте проекта);
- кастомные эмодзи (для реакций или подписи в конце каждого поста);
- прописанные принципы визуального оформления постов (эмодзи, текстовые блоки, технические блоки, ссылки) — во многом это пересекается с гайдлайнами из предыдущего раздела.
Разумеется, всё это должно укладываться в единый визуальный концепт, произрастающий из общего концепта проекта.
Как правильно создать аватарку
Аватарка в «Телеграме» обладает двумя ключевыми свойствами: она, во-первых, круглая, а во-вторых — маленькая. Из этого прямо следуют два главных технических требования к любому изображению на аватаре: оно должно 1) удачно вписываться в круг и 2) не иметь мелких надписей и элементов.
В отличие от других площадок, в «Телеграме» нет крупных обложек и иных хорошо заметных элементов оформления, поэтому маленькая аватарка должна решать сразу все задачи по визуальному брендированию канала (если не брать в расчёт сомнительные упражнения с ❤️ТекСтОвыМ ~~ оформлением ~~ NаЗваNия❤️). Критично важно избежать в аватаре перегруженности, в том числе цветовой, и сделать его легко и чётко считываемым при скроллинге.
Если есть возможность, обязательно попросите у дизайнера исходники аватарки в "кривых" или передать в проекте через Figma.
Готовить аватар советую в виде квадрата со стороной 1280 точек, внутри которого сразу в круг нужно вписать все необходимые элементы. 1280 пикселей это одновременно и не мало, даже если читатель решить зачем-то открыть аватарку и подробно её разглядывать и не много в плане веса. В общем — идеальный баланс. Покрутите эту заготовку в отдельном графическом редакторе, пока всё не встанет на свои места — рассчитывать на встроенный в «Телеграм» редактор не стоит.
Правильные решения:
- простой символ или одно короткое слово крупным шрифтом;
- композиция из двух-трёх крупных контрастных элементов;
- цвета, максимально не похожие на цвета конкурентов.
Сомнительные решения:
- длинный слоган или фраза прямо на аватарке;
- фото или изображение с кучей мелких элементов;
- неконтрастная или мелкая надпись;
- несимметричное изображение, плохо вписанное в круг.
Проверьте, как отображается аватарка с разных устройств — возможно, то, что хорошо смотрится на десктопе, в мобильной версии будет мелковато (или наоборот). Этот совет относится ко всем элементам визуального оформления.
Если вы намерены брендировать не только канал, но и привязанный к нему чат для комментариев, используйте оформление в едином стиле, но различающееся в деталях — поскольку одинаковые аватарки будут путать людей (и вас, кстати, тоже), а сильно разные — не смогут подчеркнуть связь между чатом и каналом.
Как создать шаблоны для рубрик (брендирование контент)
Прежде всего, следует понимать, что шаблоны для оформления иллюстраций к постам — не всегда обязательная опция и для ряда концептов просто не нужна. Визуальное брендирование контента применяют в первую очередь в новостных/журналистских проектах, а также в корпоративной коммуникации. Кроме того, есть смысл брендировать визуальный эксклюзив, если его могут украсть конкуренты. Во многих других случаях брендинг контента — дело избыточное.
Огромный пласт новостных проектов не должен брендировать контент, несмотря на мои рекомендации выше. Иногда гораздо важнее скорость и фото с мест событий, чем красивая рамка с логотипом издания.
Если ваш концепт подразумевает «заглушки» с текстом в качестве иллюстраций, вот основные технические требования к таким шаблонам:
- готовьте квадрат или «горизонтальный» прямоугольник;
- делайте заголовок-анонс покрупнее, брендирование помельче;
- посчитайте и заложите максимально необходимое количество знаков под каждый тип надписи на шаблоне (например, для новостных заголовков это 100-120 знаков с пробелами), чтобы вёрстка шаблона при этом не разъезжалась;
- чем больше унифицируете шаблоны под разные типы постов, тем будет лучше и удобнее в работе.
Если ваше брендирование ограничивается вотермаркой:
- заложите возможность быстро и предсказуемо её нанести с любого устройства (для чего, например, существуют различные приложения);
- не перебарщивайте с размером и заметностью вотермарки.
Если вы работаете над контентом не в одиночку — сразу переносите работу с шаблонами в Figma или другой онлайн-редактор с возможностью совместных действий. А лучше сразу обратитесь к профессионалам, мы сделаем всё за вас!
Если нужна помощь по работе в Телеграм, подписывайтесь на канал и вступайте в чат, пишите, помогу, по мере сил.