Home Маркетинг и соцсети Дизайн для недизайнеров: как оформлять соцсети для бизнеса

Дизайн для недизайнеров: как оформлять соцсети для бизнеса

by Анна Руденко

social media profile quick start title

Больше 3 млрд людей активно пользуются соцсетями, и бизнес перетекает на социальные площадки вслед за ними. Только на Facebook более 80 млн бизнес-страниц, а в Instagram — 25+ млн. Эти цифры с каждым годом растут.

Страницы в соцсетях не только поддерживают сайт компании, обеспечивая трафик, но выступают его заменителем — иногда покупку можно сделать прямо на странице или в чате. Но главное, что делают соцсети для бизнеса, — это помогают делиться информацией о продуктах и услугах. По данным Hootsuite, 41% интернет-пользователей от 16 до 64 лет узнает подробности о продукте именно благодаря соцсетям.

Задача брендов — сделать так, чтобы знакомиться с компанией и ее ассортиментом было удобно и просто. Раньше мы рассказывали, на какую платформу делать ставку малому бизнесу — Facebook или Instagram, а сейчас разберемся, какими должны быть первые изображения и видео на уже созданных страницах компаний на платформах:

 

Facebook

Оформляя бизнес-страницу на Facebook, вы имеете дело с 3 основными форматами изображений и видео: фотография профиля, обложка и изображения/видео для поста.

1. Фотографию профиля лучше делать в размере 320 х 320 пикселей или больше, с сохранением соотношения 1:1. На разных устройствах отображается в разном разрешении — 170 х 170 пикселей на странице на компьютерах, 128 х 128 пикселей на смартфонах.

Чтобы параметры этих и других форматов изображений, о которых мы говорим сегодня, всегда были под рукой, сохраните ссылку на нашу памятку с размерами изображений для соцсетей на 2019 год.

social media profile quick start 02

social media profile quick start 01

Фотографии профиля Netflix (вверху) и Oreo (внизу)

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

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

2. Обложка для Facebook страницы — это горизонтальное изображение, статичное или анимированное.

Рекомендуемый размер загружаемой статичной обложки851 х 315 пикселей, а отображается она в чуть меньшем размере, 820 х 312 пикселей на компьютерах и 640 х 360 пикселей на смартфонах. На обложку можно загружать одно изображение или сделать слайд-шоу из 2-5 изображений.

Разрешение видео-обложки должно быть от 820 x 462 пикселей, а сам клип должен длиться 20-90 секунд. Короткие ролики на обложке — это возможность быстро и точечно сообщить самую актуальную информацию о компании: прорекламировать акцию, сжато пересказать свою миссию, продемонстрировать свойства флагманского продукта.

social media profile quick start 04

Статичная обложка Facebook-страницы Diesel с изображением, которое перекликается с идущей рекламной кампанией

social media profile quick start 03

Видео-обложка Facebook-страницы Duracell с бегущим кроликом

Важно! Обложка должна иллюстрировать жизнь бренда на текущий момент — обновляйте изображение или видео после окончания акции или делитесь там полезной и «вечнозеленой» информацией.

3. Изображение для поста — следующий самый важный формат после оформления профиля. Если добавить информативную обложку или привлекающий внимание аватар бренда, но заполнить ленту банальными или неаккуратными фото, страница от этого существенно проиграет.

Рекомендуется придерживаться горизонтального формата с размером 940 х 788 пикселей. Вертикальные изображения тоже допустимы, но они сжимаются до максимальных 476 пикселей по ширине и 714 пикселей по высоте.

Чтобы картинки Facebook выглядели в ленте органично, лучше придерживаться соотношения от 9:16 до 16:9 или добавлять квадратные изображения — например, размером 1080 х 1080 пикселей.

social media profile quick start 05

Фирменный стиль Facebook-постов банка «Тинькофф»

social media profile quick start 06

Фирменный стиль Facebook-постов ZARA

Видео в ленте Facebook может быть квадратным, вертикальным и горизонтальным. Рекомендованные размеры для горизонтальных видео — 1280 x 720 пикселей, а минимальная ширина 600 пикселей.

Какими бы ни были размеры сторон, главное придерживаться соотношения 16:9 для вертикальных и 9:16 для горизонтальных видео. На мобильных видео будут отображаться с соотношением сторон 2:3. Квадратное видео, конечно же, в любом случае останется квадратным.

social media profile quick start 07social media profile quick start 08

Квадратное и прямоугольное видео на Facebook-странице Apple

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

Instagram

Три главных формата Instagram — это изображение профиля, публикация в ленте и Stories.

Фотография профиля должна быть размером 180 х 180 пикселей. Стандартно в приложении она отображается как 110 х 110 пикселей, но фото профиля в десктопной версии отображается в чуть большем размере. И в профиле, и в строке со Stories фото профиля бренда отображается в формате круглой аватарки.

social media profile quick start 13social media profile quick start 12

Изображения профиля Penguin Books (слева) и KFC (справа) в Instagram

Публикации в ленте Instagram могут быть статичными и анимированными. Стандартный формат — это квадрат 1080 х 1080 пикселей. Но все чаще появляются прямоугольные изображения и видео. Создавая их, нужно помнить про соотношение сторон — от 1,91:1 до 4:5 — и придерживаться рекомендованной ширины минимум 1080 пикселей.

Важно! Картинки и видео в профиле Instagram могут отображаться в формате плитки, и это дает возможность организовать контент таким образом, что он получит дополнительный смысловой слой. Вот как это получилось у Coca-Cola и МТС:

social media profile quick start 14social media profile quick start 17

Формат Stories — если не основной, то точно самый трендовый для соцсетей на сегодня. Главный его плюс в том, что внимание пользователя полностью сконцентрировано на контенте бренда, пусть и только на те 5-15 секунд, которые слайд держится на экране. Stories есть и в Facebook, но только в Instagram по уровню важности стори можно поставить в один ряд с постами из ленты.

Рекомендуемые размеры статичной и анимированной Instagram-стори 1080 х 1920 пикселей, но не менее 600 x 1067. «Усиливать» стори можно декоративными наклейками, интерактивными стикерами и даже ставить шоппинг-тег, который ведет на страницу с детальной информацией о товаре:

social media profile quick start 18social media profile quick start 19

Минималистичная видео-стори COS (слева) и стори с шоппинг-тегом H&M (справа)

Важно! Серию из нескольких стори можно сохранять в Highlights — подборки из слайдов Stories, которые не исчезнут через 24 часа, а останутся в профиле бренда. Чтобы эта библиотека выглядела аккуратно, начинайте подборку стори, которую вы планируете сохранять в Highlights, c «титульного» слайда:

social media profile quick start 15social media profile quick start 18

Обложки стори-подборок в Instagram Behance (слева) и Hermes (справа)

YouTube

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

Изображение профиля рекомендуется делать в размере 800 х 800 пикселей, хоть оно и уменьшается до 98 х 98 пикселей при загрузке. Еще важно помнить, что оно традиционно отображается в кружке. Обложка канала должна загружаться в размере 2560 х 1440 пикселей, хотя отображается она как прямоугольное изображение размером 2048 х 1152 пикселей.

social media profile quick start 10

Шапка YouTube-канала LUSH

social media profile quick start 20

Шапка страницыYouTube-канала AirBnB

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

social media profile quick start 09

social media profile quick start 22
Превью видео на YouTube-канале TED-Ed (сверху) и Amazon (снизу)

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

Pinterest

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

Картинка профиля должна быть не меньше 165 х 165 пикселей и органично вписываться в круг:

social media profile quick start 24

Pinterest-страница IKEA UK

А вот изображения для пинов могут быть разных размеров — идеально 735 x 1102 пикселей, минимально 600 пикселей по ширине. Лучше публиковать пины среднего размера с соотношением сторон 2:3, но при необходимости можно использовать квадраты или высокие картинки с соотношением 1:2,1.

social media profile quick start 25 social media profile quick start 26

Пины с Pinterest-страниц Lexus USA (слева) и LEGO (справа)

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

Twitter

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

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

social media profile quick start 27 social media profile quick start 28

Логотипы на Twitter-страницах Google (слева) и Pepsi (справа)

Шапка профиля должна быть 1500 х 500 пикселей (примерно) и, как и в Facebook. Хорошо, если изображение будет нести не только декоративный, но и дополнительный смысл или создавать настроение:

social media profile quick start 021 social media profile quick start 029

Обложка Twitter-страницы YouTube и Converse

Третий графический формат Twitter — изображения для твитов. Они могут быть статичными или анимированными, но в любом случае их размер должен быть 1024 х 512 пикселей. Для анимированного контента добавляется еще один параметр — вес гифки — 5 МБ для мобильных приложений и до 15 МБ для сайта.

Подытожим

Каждая социальная сеть — это целый мир, в котором прекрасно уживается множество форматов графического контента. Только в Facebook их больше десятка форматов изображений, если учесть рекламные баннеры, картинки Моментальных статей и обложки событий. Разобраться во всех сразу невозможно, лучше начать с самого важного.

Если вы только приступаете к оформлению профиль в любой соцсети, базовыми графическими форматами будут фото профиля, фото обложки (кроме Instagram) и изображения/видео для ленты.

Главные советы при подготовке графики для этих форматов:

  • Будьте цельными. Фотографии профиля, страницы и контент в ленте должен органично сочетаться и поддерживать друг друга. Придерживайтесь одной цветовой гаммы или настроения, а еще вовремя меняйте сезонные обложки.
  • Будьте оригинальными. Оставайтесь верными своему стилю, но не бойтесь тестировать новые подходы в оформлении графики — пользуйтесь необычными шаблонами, выделяйтесь цветом, добавляйте анимацию.
  • Будьте понятными. У пользователей должно быть ощущение, что контент страницы расставит все по полочкам. Пользуйтесь брендовыми хэштегами для упрощения навигации и используйте уникальный визуальный почерк (стили, шрифты и оттенки), отличающий вас в ленте.

Надеемся, эти рекомендации помогут вам оформить соцсети правильно и начать наращивать доверие и лояльность аудитории уже сейчас. Еще больше советов о том, как справиться стартапу без дизайнера, читайте в этой полезной подборке.

Related Posts