Дизайн для недизайнеров: как оформлять соцсети для бизнеса
Больше 3 млрд людей активно пользуются соцсетями, и бизнес перетекает на социальные площадки вслед за ними. Только на Facebook более 80 млн бизнес-страниц, а в Instagram — 25+ млн. Эти цифры с каждым годом растут. Страницы в соцсетях не только поддерживают сайт компании, обеспечивая трафик, но выступают его заменителем — иногда покупку можно сделать прямо на странице или в чате. Но главное, что делают соцсети для бизнеса, — это помогают делиться информацией о продуктах и услугах. По данным Hootsuite, 41% интернет-пользователей от 16 до 64 лет узнает подробности о продукте именно благодаря соцсетям. Задача брендов — сделать так, чтобы знакомиться с компанией и ее ассортиментом было удобно и просто. Раньше мы рассказывали, на какую платформу делать ставку малому бизнесу — Facebook или Instagram, а сейчас разберемся, какими должны быть первые изображения и видео на уже созданных страницах компаний на платформах:
Оформляя бизнес-страницу на Facebook, вы имеете дело с 3 основными форматами изображений и видео: фотография профиля, обложка и изображения/видео для поста.
1. Фотографию профиля лучше делать в размере 320 х 320 пикселей или больше, с сохранением соотношения 1:1. На разных устройствах отображается в разном разрешении — 170 х 170 пикселей на странице на компьютерах, 128 х 128 пикселей на смартфонах. Чтобы параметры этих и других форматов изображений, о которых мы говорим сегодня, всегда были под рукой, сохраните ссылку на нашу памятку с размерами изображений для соцсетей на 2019 год.
Фотографии профиля Netflix (вверху) и Oreo (внизу)
Некоторые пользователи захотят рассмотреть изображение поближе — и чтобы по клику открылась картинка, на которой все хорошо видно, загружайте фото профиля в большом разрешении и в формате PNG.
Важно! В объявлениях и публикациях отображается круглое фото профиля, поэтому изображение — будь это логотип или что-то другое — должно органично вписываться в круг.
2. Обложка для Facebook страницы — это горизонтальное изображение, статичное или анимированное. Рекомендуемый размер загружаемой статичной обложки — 851 х 315 пикселей, а отображается она в чуть меньшем размере, 820 х 312 пикселей на компьютерах и 640 х 360 пикселей на смартфонах. На обложку можно загружать одно изображение или сделать слайд-шоу из 2-5 изображений. Разрешение видео-обложки должно быть от 820 x 462 пикселей, а сам клип должен длиться 20-90 секунд. Короткие ролики на обложке — это возможность быстро и точечно сообщить самую актуальную информацию о компании: прорекламировать акцию, сжато пересказать свою миссию, продемонстрировать свойства флагманского продукта.
Статичная обложка Facebook-страницы Diesel с изображением, которое перекликается с идущей рекламной кампанией
Видео-обложка Facebook-страницы Duracell с бегущим кроликом
Важно! Обложка должна иллюстрировать жизнь бренда на текущий момент — обновляйте изображение или видео после окончания акции или делитесь там полезной и «вечнозеленой» информацией.
3. Изображение для поста — следующий самый важный формат после оформления профиля. Если добавить информативную обложку или привлекающий внимание аватар бренда, но заполнить ленту банальными или неаккуратными фото, страница от этого существенно проиграет. Рекомендуется придерживаться горизонтального формата с размером 940 х 788 пикселей. Вертикальные изображения тоже допустимы, но они сжимаются до максимальных 476 пикселей по ширине и 714 пикселей по высоте. Чтобы картинки Facebook выглядели в ленте органично, лучше придерживаться соотношения от 9:16 до 16:9 или добавлять квадратные изображения — например, размером 1080 х 1080 пикселей.
Фирменный стиль Facebook-постов банка «Тинькофф»
Видео в ленте Facebook может быть квадратным, вертикальным и горизонтальным. Рекомендованные размеры для горизонтальных видео — 1280 x 720 пикселей, а минимальная ширина 600 пикселей. Какими бы ни были размеры сторон, главное придерживаться соотношения 16:9 для вертикальных и 9:16 для горизонтальных видео. На мобильных видео будут отображаться с соотношением сторон 2:3. Квадратное видео, конечно же, в любом случае останется квадратным.
Квадратное и прямоугольное видео на Facebook-странице Apple
Важно! Создавая графический контент — статичный и анимированный, — придерживайтесь единого стиля и используйте шрифты и цвета в рамках брендбука. Добавьте к изображениям фирменные акценты — цветовые фильтры, рамки или расположение фотографии в поле поста (не бойтесь белых полей). Так страница будет выглядеть целостной, и каждый новый пост добавит бренду узнаваемости и укрепит его голос.
Три главных формата Instagram — это изображение профиля, публикация в ленте и Stories. Фотография профиля должна быть размером 180 х 180 пикселей. Стандартно в приложении она отображается как 110 х 110 пикселей, но фото профиля в десктопной версии отображается в чуть большем размере. И в профиле, и в строке со Stories фото профиля бренда отображается в формате круглой аватарки.
Изображения профиля Penguin Books в Instagram
Публикации в ленте Instagram могут быть статичными и анимированными. Стандартный формат — это квадрат 1080 х 1080 пикселей. Но все чаще появляются прямоугольные изображения и видео. Создавая их, нужно помнить про соотношение сторон — от 1,91:1 до 4:5 — и придерживаться рекомендованной ширины минимум 1080 пикселей.
Важно! Картинки и видео в профиле Instagram могут отображаться в формате плитки, и это дает возможность организовать контент таким образом, что он получит дополнительный смысловой слой. Вот как это получилось у Coca-Cola
Формат Stories — если не основной, то точно самый трендовый для соцсетей на сегодня. Главный его плюс в том, что внимание пользователя полностью сконцентрировано на контенте бренда, пусть и только на те 5-15 секунд, которые слайд держится на экране. Stories есть и в Facebook, но только в Instagram по уровню важности стори можно поставить в один ряд с постами из ленты. Рекомендуемые размеры статичной и анимированной Instagram-стори — 1080 х 1920 пикселей, но не менее 600 x 1067. «Усиливать» стори можно декоративными наклейками, интерактивными стикерами и даже ставить шоппинг-тег, который ведет на страницу с детальной информацией о товаре:
Минималистичная видео-стори COS
Важно! Серию из нескольких стори можно сохранять в Highlights — подборки из слайдов Stories, которые не исчезнут через 24 часа, а останутся в профиле бренда. Чтобы эта библиотека выглядела аккуратно, начинайте подборку стори, которую вы планируете сохранять в Highlights, c «титульного» слайда:
Обложкa стори-подборок в Instagram Behance
YouTube
YouTube — канал для видео, поэтому статичные изображения там встречаются только в трех форматах: в качестве изображения профиля, обложки для канала и превью для видео.
Изображение профиля рекомендуется делать в размере 800 х 800 пикселей, хоть оно и уменьшается до 98 х 98 пикселей при загрузке. Еще важно помнить, что оно традиционно отображается в кружке.
Обложка канала должна загружаться в размере 2560 х 1440 пикселей, хотя отображается она как прямоугольное изображение размером 2048 х 1152 пикселей.
Шапка YouTube-канала LUSH
Отдельное превью для видео добавлять необязательно — его можно выбрать при загрузке видео из предложенных кадров. Но если важно, чтобы все ролики на странице выглядели в едином стиле — например, в превью был кадр с названием, — создайте кастомное изображение размером 1280 х 720 пикселей и добавьте при добавлении видео на канал.
Превью видео на YouTube-канале TED-Ed
Важно! Шапка YouTube-страницы загружается только в статичном формате, поэтому загрузить такое же видео, как, к примеру на Facebook, не получится. Выберите самый удачный кадр или сделайте коллаж из нескольких кадров — и уже эту картинку отправляйте в шапку страницы.
Соцсеть Pinterest не слишком популярная платформа в русскоязычной нише, но это как раз дает повод включить ее в свой список — как минимум там меньше конкурентов. И хотя это в первую очередь визуальная соцсеть, в Pinterest только два формата изображений — фото профиля и пин. Картинка профиля должна быть не меньше 165 х 165 пикселей и органично вписываться в круг:
Pinterest-страница IKEA UK
А вот изображения для пинов могут быть разных размеров — идеально 735 x 1102 пикселей, минимально 600 пикселей по ширине. Лучше публиковать пины среднего размера с соотношением сторон 2:3, но при необходимости можно использовать квадраты или высокие картинки с соотношением 1:2,1.
Пины с Pinterest-страниц Lexus USA
Важно! Обложка Pinterest-страницы формируется автоматически из добавленных пинов, заменить ее нельзя. Поэтому если хотите, чтобы главное изображение было особенным, поработайте с пинами — они должны быть яркими и цепляющими.
Сервис микроблоггинга уже давно перестал быть площадкой для коротких текстов — сейчас там графики не меньше, чем текстовых твитов. Первый визуальный контент, который видит пользователь при попадании на страницу компании, — это изображение профиля и шапка страницы. Изображение профиля должно загружаться как квадратное изображение размером минимум 400 х 400 пикселей. Как и в других соцсетях, отображаться будет круг, поэтому важно, чтобы лого или название размещались в центре.
Логотипы на Twitter-страницах Google и Pepsi
Шапка профиля должна быть 1500 х 500 пикселей (примерно) и, как и в Facebook. Хорошо, если изображение будет нести не только декоративный, но и дополнительный смысл или создавать настроение:
Обложка Twitter-страницы YouTube
Третий графический формат Twitter — изображения для твитов. Они могут быть статичными или анимированными, но в любом случае их размер должен быть 1024 х 512 пикселей. Для анимированного контента добавляется еще один параметр — вес гифки — 5 МБ для мобильных приложений и до 15 МБ для сайта.
Подытожим
Каждая социальная сеть — это целый мир, в котором прекрасно уживается множество форматов графического контента. Только в Facebook их больше десятка форматов изображений, если учесть рекламные баннеры, картинки Моментальных статей и обложки событий. Разобраться во всех сразу невозможно, лучше начать с самого важного. Если вы только приступаете к оформлению профиль в любой соцсети, базовыми графическими форматами будут фото профиля, фото обложки (кроме Instagram) и изображения/видео для ленты. Главные советы при подготовке графики для этих форматов:
- Будьте цельными. Фотографии профиля, страницы и контент в ленте должен органично сочетаться и поддерживать друг друга. Придерживайтесь одной цветовой гаммы или настроения, а еще вовремя меняйте сезонные обложки.
- Будьте оригинальными. Оставайтесь верными своему стилю, но не бойтесь тестировать новые подходы в оформлении графики — пользуйтесь необычными шаблонами, выделяйтесь цветом, добавляйте анимацию.
- Будьте понятными. У пользователей должно быть ощущение, что контент страницы расставит все по полочкам. Пользуйтесь брендовыми хэштегами для упрощения навигации и используйте уникальный визуальный почерк (стили, шрифты и оттенки), отличающий вас в ленте.
Надеемся, эти рекомендации помогут вам оформить соцсети правильно и начать наращивать доверие и лояльность аудитории уже сейчас. Еще больше советов о том, как справиться стартапу без дизайнера, читайте в этой полезной подборке.
