Notes on Social Media Mockups
Макеты дизайна в социальных сетях
Сегодняшний урок посвящен разработке макетов для социальных сетей. Мы рассмотрим основные принципы и соображения для создания привлекательных визуальных эффектов, которые привлекают внимание и приносят результаты для клиентов. Этот урок будет полезно повторить, когда вы захотите быстро вспомнить важные аспекты дизайна.
Технические аспекты
Что касается технических деталей, таких как размеры, лучше всего обратиться к шпаргалке. Загрузите предоставленный материал для быстрого ознакомления с разрешением в пикселях и размерами файлов для различных платформ социальных сетей. Не нужно тратить время на просмотр слайда с информацией, она легко доступна.
Цель обложек
Обложки в социальных сетях помогают в:
Привлечении внимания: Они быстро выделяют ключевую информацию и предложения.
Визуальной привлекательности: Они вносят вклад в общее визуальное впечатление наряду с фотографиями и другим контентом, таким как стиль профиля.
Выделении ключевых моментов: Они подчеркивают основные предложения, значения, продукты или уникальные преимущества.
Предоставлении информации: Они передают неочевидную, но ценную информацию.
Пример: Спикер использует свою учетную запись в Instagram для создания обложек, объясняющих важные темы, связанные с рабочими процессами и дизайном, привлекая целевую аудиторию.
Отслеживание статистики:
Спикер упоминает отслеживание статистики, чтобы показать, что ролики со стильными обложками работают лучше, чем без них. После того, как один ролик стал вирусным, статистика просмотров увеличилась для других роликов с обложками, что привело к увеличению посещений профиля и подписок. Это показывает прямую связь между хорошо разработанными обложками и вовлечением аудитории, она направляет людей к другому релевантному контенту, что, в свою очередь, углубляет их вовлечение и стимулирует подписки.
Другие социальные сети:
Обложки важны не только в Instagram, но и во ВКонтакте, Facebook и Telegram для визуализации и детализации тем публикаций.
Фокус на Instagram:
Курс в основном посвящен дизайну Instagram, поскольку в настоящее время он имеет больше сложностей и нюансов, особенно в отношении общего вида ленты. Инструктор упоминает, что те же принципы применимы к Facebook и ВКонтакте, которые также будут обсуждаться в домашнем задании и в контексте дизайна, но поскольку Instagram более сложен, он будет основной целью.
Примеры брендов в Instagram
Косметический бренд (Nesseser): Использует комбинацию фотографий продуктов и простых, привлекающих внимание черных обложек. Эти обложки позволяют бренду выделять важную информацию, с дополнительными деталями в галерее.
Дизайнерское агентство: Демонстрирует свою работу и использует черные обложки для выделения ценной информации и советов. Включение личных фотографий помогает вовлечь аудиторию.
Композиция ленты
Избегайте разделения фотографий или текста на несколько публикаций для создания эффекта головоломки на странице профиля. Хотя это визуально привлекательно, это вредит пользовательскому опыту, поскольку контент отображается по частям. Это может снизить статистику пользователей. Хотя такой дизайн может привлечь некоторое первоначальное внимание, он не предоставляет немедленной ценности новому посетителю. Новые посетители должны сразу видеть полезную информацию. Не делайте этого, это очень вредно для вашей учетной записи. Если вы действительно хотите это сделать, ограничьте его использование только первыми 6 публикациями, это единственный приемлемый сценарий.
Динамика Instagram
Дизайн не должен препятствовать динамичному характеру Instagram. Включайте больше органичного контента и человеческих элементов.
ВКонтакте
Спикер шутит о возвращении граффити, отмечая, что бренд может придумать стиль граффити. Это вполне может стать вирусным трендом, особенно для тех брендов, которые хотят нацелиться на людей из ВКонтакте. Они могли бы начать создавать цифровые граффити для учетных записей других людей на сайте.
Мысли и креативность
Важно соблюдать баланс между креативностью и практичностью. Спикер выступает за креативность. Обязательно рассматривайте креативность как вишенку на торте. Все ваше содержание не может вращаться только вокруг шуток или привлекательных уловок. Даже у самых неформальных брендов должны быть распродажи, преимущества от покупки, четкий призыв к действию, информативный контент.
Ключевые соображения для макетов
1. Акцент на информации:
Определите основное внимание вашего дизайна. Определите элементы, которые должны выделяться: первый, второй и третий. Расставьте приоритеты информации, делая ключевые элементы (текст, цифры, заголовки) больше и заметнее.
2. Последовательность бренда:
Придерживайтесь стиля бренда последовательно во всех дизайнах. Хотя это может утомить, ассоциация является ключевым моментом для узнаваемости бренда клиентом. Не пытайтесь изменить стиль. Поддержание последовательного вида в течение как минимум года позволяет аудитории четко ассоциировать бренд с его дизайном. Незначительные корректировки можно внести позже, если необходимо.
3. Захват области:
Максимально используйте экранное пространство на мобильных устройствах, таких как смартфоны. Сделайте экран своим и убедитесь, что пользователи обращают внимание на ваш контент.
Например, используйте посты 3:4 в Instagram, чтобы занять больше места и покрыть экран, тем самым привлекая как можно больше внимания.
В социальных сетях проектируйте свой макет в соответствии со своими потребностями, либо занимая все доступное пространство, либо уступая часть его для отображения дополнительного текста.
4. Серийность:
Разрабатывайте контент для повторяющихся серий или категорий. Это влечет за собой разработку для определенных групп контента для обеспечения разнообразия. Хотя повторяющиеся серии хороши для привлечения людей, важно вносить небольшие изменения, чтобы это предлагало больше свободы и было более визуально интересным.
Типы макетов
1. Обложки:
Основной элемент: Заголовок, раскрывающий смысл поста.
Включите изображение, соответствующее теме поста.
Спикер конкретно касается Instagram, заявляя, что любая фотография, включенная в миниатюру, должна как можно больше отражать содержание поста. Это означает, что заголовок и фотография должны быть синхронизированы.
2. Макеты «до и после»
Часто встречаются в таких областях, как косметология и медицина, но применимы к проектам личной трансформации. Вы должны быть осторожны, чтобы не использовать пример «до», если он слишком неприятен. Демонстрация плохо выглядящих изображений может быть интересна аудитории, но она может привлечь тех, кто может быть не заинтересован в том, что вы продаете. Вам нужен тот, кто заинтересован в результатах.
Разместите изображения «до» слева, а изображения «после» справа.
Всегда ставьте начальное состояние слева и конечное состояние справа из-за структуры того, как мы читаем (слева направо).
Явно указывайте «до» и «после».
Выделяйте конкретные изменения кругами или текстом.
Добавьте процентные соотношения или текст для указания улучшений.
Пример: Макеты «Я хочу — я могу» хороши, если ваш бренд более доступен по цене. Сравните свой продукт с более дорогими товарами.
Всегда делайте сравнение очевидным.
Подчеркивайте улучшенное изображение.
Для сложных услуг вместо одного изображения можно использовать галерею. Сделайте обложку с изображением «до и после», а затем покажите дополнительные шаги вместе с хорошими описаниями в галерее.
3. Отзывы:
Включите фотографию человека, предоставляющего отзыв.
Если включаете текстовые отзывы, используйте речевые пузыри.
Сохраняйте реализм, включая фотографии, неотредактированный текст, пунктуацию и грамматику.
Если вы не можете использовать фотографию человека, используйте иллюстрацию в стиле бренда или случайное изображение спины человека.
Подчеркните или выделите ключевые фразы.
Свяжите отзыв со своим брендом, используя цвета бренда, графику и наклейки.
В целом: Делая это, вы быстро связываете положительное изображение, отзыв, результат с названием или цветами своего бренда. Делая это, вы создаете сильный отпечаток в памяти.
4. Галереи:
Избегайте длинных текстов. Люди обычно не хотят останавливаться и читать тонны текста на картинке.
Смешивайте текст и изображения, короткие выводы.
Связывайте отдельные слайды друг с другом.
Сделайте его интерактивным; сделайте так, чтобы было приятно прокручивать.
Кроме того, обязательно немного чередуйте его. В один момент у вас могут быть мелкие детали, а в следующий момент — что-то большое.
Добавьте логотип, который очень хорошо виден.
Используйте стрелки или другие визуальные средства, чтобы побудить зрителей перейти к следующему слайду.
Пример бренда
Brand SENSE — это мультибрендовая платформа с блогом. Их Instagram очень интересен, как и их дизайны. Примером юмора этого бренда является «Миру миллиарды лет… но вы родились в то же время, что и этот [вставить продукт сюда]». Эти типы галерей обычно очень привлекательны.
Бренды модной одежды получили большую выгоду от общения с юмористическим тоном со своей аудиторией из-за чрезмерной претенциозности, которая обычно ассоциируется с модой.
5. Рекламные макеты:
Подчеркните продукт и покажите, как он используется, покажите, как применяется/используется товар/услуга.
Спикер приводит очень подходящий пример для этого. Если вы рекламируете кашу, вместо того, чтобы показывать простой пакет, поставьте готовую кашу с ложкой, как будто она готова к употреблению.
Заголовок должен кратко объяснять продукт (маркетологи обычно могут помочь в этом). Существует правило, которое устанавливает, что рекламный контент не должен занимать более 20% макета.
Кнопка должна иметь очевидный призыв к действию.
Если вы не можете использовать продукт услуги, создайте коллаж, используя символы и ассоциации, связанные с вашим брендом.
Зона видимости
Основная цель — попытаться захватить как можно больше места на устройствах (смартфонах). Макет публикаций на ноутбуках не должен быть важным фактором. Мобильная версия — это то, что имеет значение, вертикальная версия лучше, горизонтальная только на Youtube.
Учитывайте, что большинство социальных сетей очень часто используются в мобильном формате.
Например, в Telegram публикация должна занимать как можно больше места на экране в мобильном формате. Если письменное сообщение является ключевой частью того, что вы рекламируете, уступите части изображения, чтобы текст отображался полностью. Различия заключаются в важности текста, если на изображении есть письменное сообщение, избегайте размещения длинной стены текста после него.
Публикации в Instagram обычно должны использовать формат с соотношением сторон 3:4, поскольку они обычно занимают весь экран. Текст является вторичным. Для роликов помните, что при редактировании необходимо использовать зону безопасности. Сосредоточьте все элементы в центре экрана.
В роликах и других типах дизайна верхняя и нижняя части обычно затемняются, их следует избегать для размещения изображений.
Основные моменты
Их следует рассматривать как микроверсии обложек. Они служат визуальными средствами для предоставления краткого объяснения содержания роликов. Они не должны содержать градиентов или абстрактных изображений, но должны включать стиль и цветовую палитру, соответствующие стилю вашего бренда.
Основные моменты должны показывать смысл историй. Они должны содержать хотя бы цвет или символ вашего бренда.
Истории
Количество дизайна в истории не должно превышать 30%. Оставшиеся 70% должны быть органичным контентом. Таким образом, аудитория, скорее всего, будет уделять пристальное внимание 30% дизайнерского контента.
В цветах бренда должны быть: объявления, репосты.
Еще один совет — использовать шрифт бренда. Однако шрифт бренда необходимо использовать для выделения ключевых частей/объявлений, но вы должны найти очень читаемый общий шрифт, который должен быть согласован между ВСЕМИ роликами. Шрифт бренда не должен использоваться чрезмерно, но он должен присутствовать.
Кроме того, упоминается, что если вы предлагаете дизайн в качестве услуги клиенту, то очень важно убедиться, что клиент понимает, как реализовать такие предложения.
Урок заканчивается тем, что дополнительные типы или форматы дизайнов будут обсуждаться по мере необходимости. Таблица с оптимальными размерами для социальных сетей также будет предоставлена для урока.