Разное

Картинки для баннера: Attention Required! | Cloudflare

11.06.2021

Содержание

Как сделать рекламный баннер эффективным: 6 способов

Только 7 из 10 рекламных баннеров замечают пользователи. Еще три остаются невидимыми для потенциальных покупателей. В статье разберемся, как сделать, чтобы пользователи заметили баннер и отреагировали на него, как повысить CTR, что учитывать и какие элементы включать. Все покажем на примерах, а в конце проведем независимое исследование.

6 способов быть увиденным

Баннерная слепота – это защитный механизм человеческой психики. Мы не замечаем той информации, которая нам не нужна. Мозг привык, что на месте рекламного баннера что-то бесполезное и уже не тратит силы на считывание и анализ.

Мозг знает, что важная информация находится где-то по центру страницы, а остальное можно игнорировать. Ведь просто невозможно обработать всю рекламу, что приходится видеть каждый день. По исследованиям Infolinks, на одного пользователя приходится около 2000 рекламных баннеров в месяц.

Баннерная слепота – это не выдумка психологов, а экспериментально доказанная особенность мозга современного человека. Исследовательский центр Census Bureau провел тестирование: показывал испытуемым эту страницу с данными о населении Америки в верхнем правом углу.

Цифру специально выделили жирным красным шрифтом

Участников эксперимента просили найти на сайте информацию о численности населения США. Данные специально выделили красным цветом, но только 14 человек из 100 справились с задачей.

Люди не обращают внимание на те части сайта, где обычно размещается реклама.

Способ 1. Размещаться в правильных местах

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

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

Красным выделены места, на которые смотрит пользователь

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

Например, разместить баннер слева:

Ростелеком, который смог преодолеть баннерную слепоту

Между колонками с контентом тоже в зоне внимания

Или в середине статьи

Вместо фона

Во всю ширину страницы внизу

Способ 2. Знать в лицо свою аудиторию

Баннеры часто остаются незамеченными, потому что предназначены либо не той аудитории, либо не учитывают реальную потребность. Поэтому важно тщательно изучить своих покупателей, выявить настоящие причины, по которым покупают ваш товар, а лишь потом придумывать и размещать баннеры. Компании, которые поступают иначе, лишь сливают в никуда рекламный бюджет.

Вот, например, маркетологи рекламировали приложения для знакомств. Целевая аудитория – девушки 18-25, которым нужны серьезные отношения.

Использовали баннеры с красивыми мужчинами. Но реклама оказалась неэффективной, а CTR стремился к нулю.

Сразу видно, что этим парням нужны серьезные отношения

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

Изображение в рекламе заменили на фотографию улыбающегося мужчины в красном спортивном автомобиле. И CTR моментально вырос.

Этот баннер оказался в 7 раз эффективней предыдущего

Способ 3. Таргетироваться с умом

Несмотря на огромные массивы данных о пользователях, только 3% рекламодателей попадают в потребности целевой аудитории. Исследования показывают, что 97% объявлений не соответствует интересам, потребностям, местоположению пользователей.

Лишь 3% рекламы релевантны

Повысить релевантность рекламы можно с помощью таргетирования:

  • по полу;
  • возрасту;
  • географии;
  • интересам.

Сейчас уже почти все рекламные сети дают возможность показывать объявления таргетированно. Например, РСЯ показывает по интересам, myTarget по всем приведенным выше параметрам, тизерные сети по интересам, географии.

Рекламная сеть Яндекса, к примеру, дает возможность показывать рекламу тем, кто уже заходил на сайт.

Но это не гарантия релевантности, пользователь мог уже купить у конкурента

Сервис myTarget дает огромное количество параметров:

  • возраст, пол;
  • должность;
  • город и район проживания;
  • интересы;
  • доход;
  • психологический тип.

К примеру, если вы продаете франшизу магазина «Все для рыбалки», то сможете четко таргетировать рекламу на мужчин 33-35 лет, мечтающих открыть свой бизнес в одном из регионов России и любящих рыбачить на досуге.

Таргетировать с myTarget – одно удовольствие

Тизерные сети позволяют выбирать интересы и тематики. Можно размещать баннеры только на сайтах со схожей тематикой, повышая лояльность пользователей.

Тизерные сети таргетируются по тематикам сайтов

Размещая рекламу напрямую, убедитесь, что площадка подходит вам по целевой аудитории. Попросите у вебмастера или представителя проекта статистику по аудитории и маркетинг-кит.

Но, конечно, никакая статистика не заменит здравого смысла. Вот, например, портал Cossa – удачное место для размещения рекламы «Сервиса гарантированных расчетов», потому что портал читают и фрилансеры, и представители заказчиков.

При этом не только правильно выбрана аудитория, но и место размещения баннера.

Заказчики не платят, исполнители не делают – текст попадает в боли сразу двух ЦА

Еще один пример оригинального таргетинга – баннеры пекарни Marie Callender из США. Пекарня придумала привязать разные пироги к прогнозу погоды. И размещала рекламу на сайте с прогнозом. Идет дождь? Бери такой пирог! Солнечно – тогда такой.

  1. Погода прям для этого пирога! Золотистая и хрустящая корочка и белое мясо курицы 2. Ливень? Не переживайте. Просто разогрейте этот закрытый пирог

Способ 4. Не бояться смелых экспериментов

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

  • придумать сценарий;
  • отрисовать скетч;
  • привлечь дизайнера для прорисовки деталей;
  • договориться с вебмастером о нестандартном размещении.

Сложно! Но мимо такой рекламы пользователи не пройдут. Вот, к примеру, баннер ИКЕА, который показывает, что у них есть мебель для комнаты любого размера.

Баннер растягивается и сжимается, символизируя размер квартиры. Сразу же всплывают цены. Источник

Еще один потрясающий пример – реклама приложения «The Village: Парковки»: неправильно припаркованные мультяшные автомобили мешают читать статью так же, как настоящие мешают в городе.

Отличная идея и превосходная реализация. К сожалению, приложение не доступно для установки. Источник

Способ 5. Быть ярче

Ярче – в прямом смысле этого слова. Контрастные по отношению к дизайну сайта цвета сделают объявление заметнее для посетителей. Рассмотрим на примере сервиса авиабилетов.

Сначала сервис решил использовать привлекательные картинки с морскими пейзажами, пальмами и пляжем. Но CTR таких объявлений не превышал 1,2%.

Фото пляжа на сайтах туристической тематики просто сливались с остальным контентом

Чтобы вырваться из невидимой зоны, сервис запустил серию черно-белых баннеров. Такие картинки на фоне песчаных пляжей выглядели максимально контрастно. CTR вырос до 2,1%.

Здесь только черный и белый, но выглядит броско

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

Одни дизайнер нарисовал два баннера. Первый по всем правилам рекламного рынка.

Картинка из игры: знакомый логотип, призыв к действию

А второй — нарушив все рекомендации.

Эрон дон дон

Первое, по всем прогнозам, должно было набрать больше переходов, но в реальности CTR первого варианта – 0,04%, а второго – 0,14%. Поразительно, насколько эффективным бывает выход за привычные рамки.

Но, важно отметить, что оба баннера так или иначе связаны с рекламируемым продуктом, а пользователь по рекламе попадает на сайт с игрой. Если просто нарисовать что-то непонятное, пользователь может быть и кликнет, но прибыль компании вряд ли принесет.

Способ 6. Добавлять призыв к действию

Мало привлечь внимание будущих покупателей, нужно еще и довести их до целевого действия. И первым шагом будет переход на сайт рекламодателя. Чтобы пользователь совершил переход, а затем выполнил целевое действие, на баннер добавляют призыв к действию.

Призыв к действию еще называют «call to action». Дело в том, что когда человек видит рекламу, его мозг буквально за миллисекунды принимает решение кликать или нет. И призыв к действию склоняет к варианту кликать, повышая CTR.

Важно понимать, что надпись «Кликай сюда» это не призыв к действию, а привет из 2007 года. Чтобы призыв сработал, нужно выделить пользу для клиента.

Удачный пример призыва, не кликнуть на который просто невозможно. Ну кто откажется от бесплатной пиццы? Ради пиццы можно и приложение скачать, и зарегистрироваться.

Додо Пицца знает, что нужно для клика

Бонус: независимое исследование

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

Для исследования выбрали универсальный товар – беспроводные наушники.

Товар крупным планом

Баннер с котиком

Обозначили проблему: спутанные наушники

Яркое фото с девушкой

Гифка с меняющимся цветом наушников

0,219%

0,167

0,273%

0,255%

Чтобы получить объективные данные, каждое объявление показали 20 000 раз. Лучший результат дал баннер с девушкой и такси. Думаем, это связано с яркостью изображения и точной ЦА: картинка показывалась на сайтах о моде и стиле.

Второе место – гифка. Все-таки анимация, даже такая простая, привлекает внимание. Баннеры с котом и товаром крупным планом заняли третье место. А вот демонстрация проблемы оказалось неэффективным приемом – CTR всего 1,67%.

Заключение

В заключении хотим напомнить первое правило интернет-маркетинга – тестируй все! Нет универсального способа сделать крутой баннер с CTR равным 50%, но чем больше вариантов протестируете, тем лучший результат получите на выходе.

создать картинки для рекламы, ТОП приложение, в сторис

Развить профиль и привлечь внимание потенциальных подписчиков поможет баннер для Инстаграм. Социальная сеть постоянно развивается, но не меняется лишь ее основное предназначение – распространение и передача визуального контента между участниками.

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

Для чего нужны

Баннеры – особый вид контента, который выступает в качестве рекламы. Всего существует два основных предназначения баннеров, которыми пользуются владельцы блогов и бизнес-аккаунтов:

  • Запускается таргетированная реклама. Так как маркетинг во всех социальных сетях является продуктивным способом раскрутки, для кампаний создаются рекламные баннеры. Донесение специальных предложений, акций и объявлений до потенциальных клиентов проводится с их помощью. Изображение с небольшим текстом на нем – один из лучших способов оповестить аудиторию о чем-то, донести нужную информацию.
  • Лендинг учетных записей. Таким образом оформляются фейковые страницы, которые удаляются через несколько дней. Некоторые пользователи пользуются лендингом для публикации информации о событии или для увеличения объемов продаж. В таких случаях создаются большие баннеры, разбитые на 9 частей. Фотографии загружаются постепенно так, чтобы сетка социальной сети формировала собой полноценную картинку из нескольких частей. Картинки для рекламы в Инстаграм при этом подбираются самостоятельно.

Существующие требования социальной сети относительно рекламных баннеров

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

  • Квадратные изображения со сторонами 1 к 1. Разрешение картинки не должно превышать параметров 1080 на 1080 пикселей. Подобная ориентация фотографии используется и при создании Инстаграм-лендингов. Если вы соблюдаете требования по количеству пикселей и соотношению сторон, изображение не будет обрезаться, а опубликуется в изначальном виде. Баннер для Инстаграмма имеет требования и по качеству картинки – оно должно быть достаточным для совместного восприятия всех составных элементов баннеров.
  • Горизонтальные картинки публикуются в соотношении 1.91/1. При этом изображение не превышает разрешения в 1080х566 пикселей.
  • Вертикальные баннеры публикуются в соотношении сторон четыре к пяти. Максимальное разрешение не превышает 1080х150 рх.
  • В сторис разрешение не должно быть более 1080х10192 пикселей, а стороны соотносятся как 9/16.

Программы по созданию рекламной кампании

Баннер в Инстаграм создать возможно в специальных программах, о которых мы поговорим подробнее далее в статье. Мы уже выяснили, что сам баннер чаще всего формируется из нескольких составных элементов, составляя мозаику из фотографий. Изображение самого баннера разбивается на основные сегменты. Чаще всего таких сегментов всего 9 – по три фотографии в ряд. Элементы формируют между собой сетку, каждый сегмент – изображение-ячейка. Структура публикации дала название виду рекламы – сетчатые баннеры.

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

InstaGrid

Большая часть пользователей социальной сети знает о программе и регулярно ей пользуется. Это – одно из популярных приложений-редакторов для смартфонов на разных операционных системах. Утилита предоставляет шаблоны, разрезает снимки на баннеры. Сегменты могут быть разных размеров, но их количество всегда должно делиться на три. После обработки публикуйте получаемые материалы в профиле соцсети. Для работы установите программное обеспечение из официального магазина приложений на мобильных устройствах. Баннер для рекламы в Инстаграм при помощи такого сервиса создается в течение нескольких секунд. Следуйте такой инструкции по работе с софтом:

  • Загрузите нужную выбранную фотографию из галереи смартфона. Предварительно разработайте рекламу самостоятельно или попросите знакомого дизайнера или рекламиста. Кликните на клавишу галереи для загрузки картинки, сделайте снимок сразу на камеру устройства.
  • Выберите структуру сетки изображений, постарайтесь разделить так, чтобы не было кусочков, сложных для восприятия.
  • Поставьте несколько рамок на фотографиях, выделите нужный фрагмент рекламы, если это нужно.
  • Когда вы создадите рекламный баннер Инстаграм, форматы которого мы обсудили ранее, сохраните внесенные изменения. Нажмите на параметр «Post to Instagram». Для публикации в соцсети.

Помните, что для просмотра баннеров ваша страница должна быть открыта. В противном случае вы не привлечете подписчиков в профиль. Вас может перебросить на страницу с добавлением описания в процессе публикации рекламной конструкции. Напишите нужный текст при необходимости. Вы можете сделать описание к каждой детали рекламы. Приложение доступно для всех пользователей платформы Андроид, а для iOS разработана такая программа, как Tile Pic, о функциях которой поговорим далее.

Tile Pic

Что нужно для создания баннера для Инстаграм сторис в программе:

  • Загрузить и установить программное обеспечения из официального магазина программ на Айфонах.
  • Выбрать размер публикации, который вам нужен.
  • Добавить изображение, которое будет разделено на составные элементы.
  • Сохранить внесенные изменения.

Автоматически сервис разрежет и отредактирует изображение. Вам остается опубликовать картинки в социальной сети и дожидаться отклика потенциальной аудитории или покупателей. Помимо такой утилиты существует программа PicSlit, также применяемая при создании рекламных кампаний в Инстаграме и других социальных сетях.

Также читайте: Накрутка просмотров в Инстаграме: ТОП-4 сервиса накрутить просмотры в инсте

Инструкция по созданию рекламной кампании в сервисе Инстаграм

Вы можете использовать приложение Фейсбук-менеджер, которое также поможет создать видео баннер для Инстаграм или составные фотографии. Разберемся в алгоритме работы с сервисом Канва, который также популярен у большей части пользователей. Предоставим полную инструкцию по созданию рекламной кампании, которая привлечет подписчиков в профиль:

  • Запустите онлайн-сервис Канва. Одновременно с сервисом для продвижения, он выполняет роль графического редактора. В сервисе существует платная подписка за услуги, которые выбирает сам пользователь. Зайдите на официальный сайт Канвы через браузер на смартфоне или персональном компьютере. Авторизуйтесь в учетной записи Гугл, начните работу без регистрации в самой Канве.
  • Перейдите на главную вкладку, нажмите на пункт «Дизайн», выберите формат публикации, который вам нужен. Например, нажмите на параметр «Публикация в Инстаграм» или «Рекламный баннер».
  • На левой стороне экрана располагаются шаблоны, созданные другими разработчиками. Нажмите на параметр «Фотография», начните создавать снимок с чистого листа или используйте одно из готовых дизайнерских решений. Проще всего, не имея соответствующего образования, скачивать готовые шаблоны или доплачивать за их использование.
  • Инстаграм баннер приложение Канва создаст примерно за несколько секунд, если вы воспользуйтесь встроенным функционалом и оплатите месячную подписку. Открытые готовые эффекты изменяются и редактируются на ваше усмотрение. Пользователи сами приводят их к конечному внешнему виду. Слева в параметре «Загрузки» добавляются новые изображения, формируются коллажи и баннеры. Для удобства инструменты для редактирования размещены на левой панели. Вкладка «Текст» помогает добавлять больше текстовой информации. Интерфейс интуитивно понятен и поможет в работе даже начинающим блогерам. Если нужно, пользователи могут обратиться к команде поддержки Канвы, которые помогут в разработке рекламной конструкции.

Что еще

  • Изменяйте картинку, загружая новые элементы, добавляя стикеры. В конце должен получиться баннер для Инстаграм, соответствующий тематике вашего блога и не выбивающийся из общей композиции. Не уделяйте более 20 процентов баннера под текст. Так люди сложнее воспринимают информацию, да и тяжело читать надписи на разрозненных фото. в готовых шаблонах учитывается количество текстовой информации для блога.
  • Когда все готово, сохраните изменения. Кликните по кнопке «Скачать» или сразу опубликуйте снимки в Инстаграм.

Видеообзор:

Все полезное о Инстаграм — instagramer.info

Официальный сайт — www.instagram.com

Оформление группы ВКонтакте

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

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

Размер – это главное

В хорошем дизайне всё на своих местах: лицо довольного клиента не обрезано наполовину, а текст не прерывается по краю картинки. Пропорции элементов оформления в VK – это неизменные величины, которые обязательно надо учитывать.

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

Это один из вариантов дизайна. В VK за последние годы появилось много разделов, которые можно добавлять, убирать, менять местами – все возможные комбинации не перечислить

Первое, что стоит сделать в сообществе – баннер. Большая яркая картинка привлечет внимание пользователя и будет источником самой важной информации о вас. Размеры различаются для десктопной и мобильной версии: это 1590 на 400 px и 1196 на 400 px соответственно. Со смартфонов люди увидят только центральную часть картинки.

Недавняя опция в VK – это живой баннер (видео или анимация). Его параметры – 1080 на 1920 full HD, а вес не должен превышать 30 МБ.

Аватар в современном VK всегда круглый. Минимальный размер – 200 на 200 px. Если очень хочется, можно сделать вертикальный аватар (в соотношении 200 на 500 px), но его увидят лишь те, кто кликнет на картинку для просмотра. Уверена, вы сами не имеете привычки кликать на авы коммерческих сообществ, так что эта опция почти бесполезная.

Далее пользователь столкнется с меню. Если сделать полноценную страницу с вики-разметкой, можно вдоволь креативить с с картинками в любых пропорциях при ширине 510 px. Но с недавнего времени можно создать и упрощенный вариант – со ссылками на приложения. Минимальный размер обложки для каждой ссылки – 376 на 256 px.

Виджеты могут иметь разные пропорции. Самые популярные варианты: вертикальные картинки 500 на 750 px, квадраты 500 на 500 px или баннер 1000 на 251 px.

Так выглядят виджеты разных форматов

Другая важная часть коммерческого сообщества – товары, они всегда квадратные. Минимальный размер 400 на 400 px, максимальный – 1000 на 1000 px.

Иногда обложки фотоальбомов, статей и видео тоже становятся частью оформления. Для видео в VK оптимальный размер 1280 на 720 px. Для обложки альбома – 1200 на 800 px, в мобильной версии снизу будет обрезано 200 px от исходной картинки. Для заглавного изображения в статье нужен размер не меньше 510 на 286 px.

Для постов оптимальная ширина 510 px, а пропорции могут варьироваться. Наиболее удачными считаются квадраты или горизонтальные прямоугольники 2:3.

Квадратные или горизонтальные посты занимают всю ширину блока, поэтому органично смотрятся в лентеЭто антипример: узкие вертикальные фото оставляют пустоты справа и смотрятся небрежно

Что еще нужно учесть?

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

Подумайте о практичности

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

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

Вот скриншоты из группы лектория. Лекции – это услуги в сфере развлечений – неосязаемая штука, от которой неизвестно, чего ожидать. Что захочет узнать клиент?

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

Вот группа кондитерской, для сравнения. Здесь акценты расставлены по-другому:

Априори понятно, что можно получить в кондитерской: кофе, булки, тортики и конфеты. Поэтому на баннере – конкретное предложение к конкретному праздникуВ закрепленном посте новости о службе доставки и адресах, товары вынесены вверх на правой панели. Эти два блока можно охватить одним взглядом: нашел магазин в своем районе и переходишь к выбору вкусностей. А дальше на главную панель вынесены видео – если на них сделана ставка в продвижении, они гораздо важнее, чем всякие виджеты и меню

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

Пишите разборчиво

Если где-то написан текст, он должен быть легко читаем: иначе пользователь будет материться, лить кровь из глаз, и ненароком проклянет авторов. Шрифт должен быть достаточно крупным и с простой формой букв, надписи лучше делать слева направо в горизонтальном направлении и не разрывать слова на середине.

Хорошую работу с типографикой пользователь не заметит – просто прочтет и уловит смысл. А плохой текст будет его раздражать.

Вот странная идея поста из нескольких фото – длинный баннер просто разрезан на части. Слова разорваны пробелами между картинками, это затрудняет чтение и смотрится небрежноА тут совсем беда: текст очень мелкий, расположен без всякой логики на пестром фоне

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

Тут все просто и понятно: светлый текст на более темном фоне, крупно и кратко

Сделайте дизайн единообразным

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

Первый важный фактор для единообразия оформления – это цвет.

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

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

Можно экспериментировать с фотографиями и картинками, если надписи их объединяют

Иногда в оформлении меню, ссылок и постов повторяются элементы логотипа. Вот так:

Здесь повсюду запятые! Они мелкие и ненавязчивые, поэтому сообщество смотрится лаконично. В то же время фирменные элементы невозможно не заметить

Полезные сервисы

Ничто не заменит «Фотошоп», если нужно сделать полноценную ретушь или сложный коллаж. Но для простых вариантов оформления может хватить и функционала онлайн-редакторов:

  • Canva – пожалуй, самый популярный сервис. Здесь много готовых шаблонов для оформления постов, обложек и меню.
  • Crello – аналогичный редактор, здесь можно делать полупрозрачные картинки, корректировать цвета и загружать свои шрифты.
  • Adobe Spark – еще одна альтернатива. Можно загружать шрифты, брать готовые шаблоны, бонусом есть сервис для подбора гармоничных сочетаний цветов.

Еще несколько ссылок вам в помощь:

  • Unsplash, Pixabay, Pexels – мои любимые бесплатные фотостоки, тут можно найти иллюстрации или текстуры для оформления группы.
  • FontStorage – хранилище бесплатных шрифтов. Перед скачиванием убедитесь, что в наличии есть кириллическая версия.
  • Наш сервис отложенного постинга: в одном месте вы сможете создавать, редактировать и планировать публикации для всех соцсетей.
Скорее регистрируйтесь в SMMplanner и пробуйте описанное в статье!

ТОП 4 способа сделать крутой баннер

В этой статье я подробно расскажу о том, как сделать баннер на сайт. Баннерная реклама – один из наиболее распространенных методов продвижения товаров, услуг и даже самих сайтов. Баннеры привлекают внимание. Если они правильно сделаны, яркие, с интересным текстом – еще и мотивируют кликнуть по ним. В статье приведено несколько проверенных методов. Какой именно выбрать? Решать только вам – в зависимости от собственных умений и финансовых возможностей.

Содержание статьи:

Как сделать баннер на сайт: что это такое, и каким он бывает

В переводе с английского баннер значит транспарант. Но в разрезе интернета – это отдельный рекламный блок. Он представляет собой изображение с текстом. Может быть даже анимированным.

Обратите внимание! В самом баннере присутствует ссылка. Поэтому, когда пользователь кликает на картинку, он переходит на сайт рекламодателя.

 Баннеры имеют различные классификации. В зависимости от размера, типа и положения на сайте.

Смотрите видео всего 16 минут и вы узнаете как правильно оптимизировать изображения 

1. Форма и размер

1. Квадратный  — 250 на 250 пикселей или 125 на 125 пикселей.

2. Прямоугольный – 728 на 90/300 на 600 пикселей;

3. Близкие к квадрату – 336 на 280/300 на 250 пикселей.

2. Тип

1. Анимированный – используется анимированный рисунок.

2. Статичный – обычная картинка.

3. Текстовый – помимо картинки присутствует текст.

3. Положение на сайте

1. Pop-up – открывается, как отдельное всплывающее окно, но перекрывает страницу сайта.

2. Top Line – демонстрируется в верхней части сайта.

3. Pop-under – открывается в новом окне.

Как сделать баннер на сайт: 4 проверенные способа

Теперь перехожу к рассказу, как сделать баннер на сайт. Я отобрал для вас четыре проверенных метода.

1. Заказать у профессионального дизайнера

Читайте также: Как создать логотип компании: 4 простых действия

Наиболее простой метод. Для его реализации необходимо:

  • иметь свободные финансы;
  • найти подрядчика;
  • составить ТЗ;
  • получить готовый баннер.

Обратите внимание! У этого способа есть один существенный недостаток — он наиболее затратный из всех представленных в этой статье.

 Сложность метода – найти квалифицированного специалиста, способного сделать качественный продукт в оговоренные сроки. Например, можно обратиться за помощью к фрилансерами. Их искать нужно на профильных биржах. В таком случае вложения в баннер будут не слишком большие. Но есть риск, что исполнитель либо сорвет сроки, либо сделает продукт, который вас не устроит. А, получив предоплату, переделывать его не захочет.

Второй вариант – обратиться в студию веб-дизайна. Они сделают для вас продукт, который будет точно соответствовать пожеланиям и трендам. Однако его стоимость будет довольно высокой. Особенно, если нужно сделать несколько разных баннеров.

2. Сделать баннер онлайн в графическом редакторе

Теперь расскажу о том, как сделать баннер в Фотошопе. Пугаться не стоит. Если вы умеете работать на компьютере, то разобраться с этой задачей не будет для вас проблемой.

Лайфхак! На YouTube есть масса уроков. Смотрите их и повторяйте, используя свои картинки.

 Я же просто вкратце расскажу последовательность действий. Для того, чтобы сделать баннер на сайт, необходимо выполнить лишь несколько простых шагов.

1. Откройте программу Photoshop.

2. Кликните по кнопке «Файл» и выберите «Создать».

3. Откроется новое окно. В нем укажите размеры вашего баннера. Проследите, что были установлены пиксели, а не сантиметры или другая система измерений.

4. Выберите цвет заливки или перетащите подготовленную для баннера картинку.

5. Уменьшите картинку до нужных вам размеров. Для этого нажмите сочетание клавиш Ctrl + Т. Когда уменьшите картинку, нажмите Enter.

6. Напишите нужный вам текст.

7. Сохраните картинку.

Обратите внимание! Картинки ищите на бесплатных фотостоках. Или сделайте фотографию самостоятельно.

 Теперь вы знаете, как сделать баннер в фотошопе. Как видите, ничего особо сложного нет. Нужно лишь немного потренироваться. Чтобы выработать вкус, посмотрите примеры баннеров в Pinterest.

3. Как сделать баннер на сайт: специализированные программы

Читайте также: Как оптимизировать изображения для сайта и зачем это нужно

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

Среди основных преимуществ:

  • простота – в программах легко разобраться и работать;
  • русскоязычный интерфейс;
  • широкие функциональные возможности.

Чтобы работать с подобными программами, не нужны какие-то особые глубокие знания, навыки, опыт. Расскажу о нескольких «инструментах» данного типа.

1. Sothink SWF Easy

Достоинство программы состоит в том, что в ней удастся создать не только статичный, но и анимированный красочный и привлекательный баннер. Разобраться с программой сможет каждый. В ней есть специальные подсказки. Интерфейс в целом простой и понятный. Предусмотрено несколько шаблонов.

2. EasyBanner

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

3. Как сделать баннер на сайт: Atani

Хорошая программа с широкими функциональными возможностями. Также дает возможность делать, как статичные, так и анимированные баннеры.

Принцип работы упомянутого программного обеспечения в целом схож. Интерфейс простой и понятный у всех инструментов.

Опишу особенности создания рекламного баннера на примере программы Sothink SWF Easy:

  • выберите создаваемый объект – «Баннер»;
  • покопайтесь в представленных шаблонах и выберите тот, что подходит лучше других;
  • укажите размер и подберите фон;
  • напишите текст;
  • поставьте ссылку на страницу, на которую будет вести баннер.

На создание рекламного визуального объявления у вас уйдет немного времени. Даже с учетом скачивания и установки программы.

4. Онлайн-сервисы

И последний вариант – сделать баннер онлайн. Пожалуй, это наиболее простой, быстрый, эффективный метод.

Кстати! Если вам необходим качественный, запоминающийся и отображающий суть вашего сайта логотип, воспользуйтесь моим сервисом. На разработку логотипа уйдет всего несколько минут!

В отличие от специализированных программ, такие сервисы не нужно скачивать и устанавливать на свой компьютер. Функциональные возможности онлайн-инструментов не меньшие, чем у программного обеспечения или графических редакторов. Да и разобраться в них просто. Я отобрал и протестировал три ресурса, о которых расскажу подробнее.

1. Как сделать баннер на сайт: Canva

Популярный онлайн-инструмент. Пожалуй, один из моих любимейших. Он бесплатный. Хотя не полностью. Чтобы воспользоваться всеми возможностями, нужно вносить плату.

Среди преимуществ сервиса:

  • широкий функционал;
  • множество макетов;
  • выбор шаблонов;
  • изменяемый фон;
  • возможность написать текст;
  • добавление разных дополнительных элементов.

Кстати! Своими готовыми работами можно делиться с друзьями в социальных сетях. Хотя вряд ли стоит считать эту функцию такой уж важной.

 Для начала работы необходимо зарегистрироваться в сервисе. После этого будет доступен большой выбор инструментов.

2. Banner Fans

Еще один сервис, позволяющий сделать баннер онлайн. Он простой в понимании, поддерживает несколько языков.

Обратите внимание! По умолчанию на сайте выставлен английский язык. Сменить его можно в правом верхнем углу.

 Сервис сразу же предлагает макет готового баннера. Но в него легко внести все требуемые изменения:

  • отдельные элементы;
  • фон;
  • шаблон;
  • и другое.

После окончания работы сразу же выдается код, который и нужно встраивать на страницы сайта для отображения рекламы.

Среди недостатков отмечу, что сервис не совсем корректно переводит текст на русский язык. Поэтому объявление может оказаться корявым.

Еще один недостаток – некоторые символы из русской раскладки клавиатуры вообще не воспринимает. Поэтому данный онлайн инструмент следует использоваться только для англоязычных баннеров.

3. Как сделать баннер на сайт: Bannerovich

И последний сервис, позволяющий сделать баннер онлайн. У него предусмотрено два инструмента.

Первый – если вам нужен простой рекламный блок, выберите раздел «Создать баннер», и сделайте его, применив фоны, изображения, анимационные вставки.

Второй – для создания профессионального, крутого рекламного блока перейдите в редактор сервиса. В нем много инструментов, позволяющих полноценно работать с изображениями, текстом.

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

Как in-image реклама борется с баннерной слепотой — Сервисы на vc.ru

Технологию встраиваемого изображения в рекламный баннер уже используют более 70 крупных интернет-площадок в России.

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

Кто занимается разработкой формата in-image рекламы?

CATS (Creative AdTech System) – это инновационная digital-платформа, один из ведущих игроков рынка in-image рекламы. Её основная задача — борьба с баннерной слепотой с помощью нестандартных форматов на базе алгоритмов искусственного интеллекта (АI). Преимущество такого формата в его высокой лояльности у аудитории, а процент пользователей, которые взаимодействовали с креативом (ER) на desktop, достигает от 20 до 40%.

По данным платформы средний процент закрытия креативов из линейки in-image составляет 1-2%. Максимальные значения даже в формате Frame+Fullscreen (рамка, при наведении курсора по обратному отсчету инициирует расхлоп на весь экран) составляет всего 7-8%. Для сравнения Fullscreen в mobile закрывают гораздо чаще. CTR от расхлопа в этом формате составляет 3-4%.

Одним из первых крупных клиентов в сегменте премиум авто, которые протестировали формат in-image рекламы стали Volvo Car Russia.

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

Светлана Мацяшек

менеджер по маркетинговым коммуникациям Volvo Car Russia

Как работает in-image реклама?

Креатив разделён на два направления: простые (состоящие из одной части, классический in-image) и составные (состоящие из двух частей: баннер+расхлоп, разного вида).В линейке 9 форматов in-image рекламы, включая собственные разработки уникальные для российского рынка: in-line (перетяжка под изображением) и разработанный вид in-image frame + Fullscreen (при наведении на рамку изображения баннер раскрывается во весь экран). Доступны также интеграции с видео (in-image video), кросс-медиа решения, позволяющие реализовывать спецэффекты, а также креатив с текстами и инфографикой. Дополнительно происходит замер эффективности рекламной кампании с помощью Brand Lift — знание о бренде, видимость (viewability), мошенничество (fraud).

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

Анастасия Оленева

product manager CATS

In-image – технология находит и классифицирует контент, узнавая объекты на изображении анализирует полученную информацию, включая анализ текста, слов, смысловой нагрузки, размещает релевантную рекламу с учетом Brand safety (например реклама авто бренда не будет показана в темах с авариями и скандалами).

GPMD — эксклюзивный селлер CATS, крупнейший продавец видеорекламы в Рунете.

Как создать «цепляющий» баннер в Инстаграм за 5 минут?. Читайте на Cossa.ru

Этот баннер, как и другой Инстаграм-контент, может быть запланирован к публикации заранее с помощью отложенных постов в Instagram.

Как построить сетчатый баннер в Инстаграм, и для чего многие бренды используют такой вид изображения на своих Instagram-страницах?

Изображение со страницы Инстаграм-пользователя @gladwellsart

Почему Инстаграм-баннеры привлекают

Коллажи с мульти-изображениями в Инстаграм и рекламные видео баннеры часто используются в малом бизнесе: Инстаграм-страницы многих брендов украшают сеточные картинки из 6 или 9 частей. Можно применить и другие варианты сегментации (например 3 или 4 части одной картинки). Это помогает показать продукт или логотип в деталях и создать объемное изображение.

Изображение со страницы Инстаграм-пользователя @aiste_stancikaite

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

Как сделать баннер для Инстаграм?

У инстаграмеров есть возможность создавать сетчатые баннеры самостоятельно, используя возможности Adobe Photoshop.

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

5 шагов для создания Инста-баннера за 5 минут (например, с помощью Canva.com)

  • Откройте приложение или сайт для создания баннеров
  • Выберите шаблон и нужные настройки
  • Загрузите ваше изображение, или используйте картинку из стоков
  • Добавьте необходимую сетку и фильтры
  • Сохраните баннер, загрузите его по частям и собирайте лайки и новых подписчиков!

Вот некоторые сервисы, с помощью которых можно быстро и качественно создать сетчатый баннер в Instagram:

Большинство приложений предлагает специальные и удобные шаблоны.

Примеры креативного использования баннеров для Инстаграм онлайн

Мы подобрали 5 уникальных примеров из сфер, в которых часто используются Инстаграм-баннеры. Они определенно выделяются среди другого Инста-контента своей оригинальностью.

Еда

Одна из самых популярных тем постинга в Instagram. С помощью баннеров, рестораны, кафе, сетевые магазины и фуд-блогеры делают свои Инстаграм-аккаунты яркими, креативными и бизнес-привлекательными, что помогает быстро нарастить число подписчиков.

Изображение со страницы Инстаграм-пользователя @luca.rosati

Мода

Также пользуется популярностью среди пользователей Инстаграм. Поэтому Instagram-баннеры могут быть полезны брендам и магазинам, дизайнерам, модельным агентствам и фэшн-блогерам.

Изображение со страницы Инстаграм-пользователя @mrhotshoe

Туризм

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

Изображение со страницы Инстаграм-пользователя @kunstphotographic

Фото

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

Изображение со страницы Инстаграм-пользователя @alexyphotographie

Развлечения

В этой сфере артисты, знаменитости и ивентеры также зачастую публикуют сеточные изображения на своих страницах.

Изображение со страницы Инстаграм-пользователя @rizqiabdaziz

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

Как измерить эффективность и пользу баннеров в соцсетях?

Обязательно анализируйте результаты: что было с вашим контентом до того, как вы стали использовать баннеры, и что случилось после.

Выводы должны получиться интересными. Измерить результаты очень просто с помощью аналитических возможностей SMM-сервисов для социальных сетей.

Например, сервис KUKU.io, который позволяет создавать, планировать и адаптировать отложенные посты для разных соцсетей, в том числе и Instagram, а также отслеживать и анализировать результаты.

Если вы пробовали создавать и размещать сеточные изображения или видео баннеры в Инстаграм, пожалуйста, делитесь своими впечатлениями в комментариях!

Стандартные размеры баннеров для рекламы

Мобильные устройства
  • 30. 300 x 50 — Мобильный баннер
  • 320 x 50 — Мобильный баннер — дублируется с Директом
  • 320 x 100 — Большой мобильный баннер — дублируется с Директом
Дополнительно
  • 480 x 320 px — дублируется с Директом
  • 320 x 480 px — дублируется с Директом

Требования к изображениям в КМС

Требования аналогичные РСЯ, только тут требуется предоставить 4 изображения. (2 картинки и 2 логотипа)

Горизонтальная ориентация. Загружаемые изображения должны соответствовать следующим требованиям: ориентация – горизонтальная; соотношение сторон – 1,91:1; минимальный размер – 600 x 314 (рекомендованный – 1200 x 628). Размер файла не должен превышать 5120 КБ.

Квадрат. Загружаемые изображения должны соответствовать следующим требованиям: соотношение сторон – 1:1 (квадрат), минимальный размер – 300 x 300. Размер файла не должен превышать 5120 КБ.

Логотип (необязательно). Логотип, загружаемый с вашего компьютера, должен отвечать следующим требованиям: соотношение сторон – 1:1 (квадрат), минимальный размер – 128 x 128 (рекомендуемый формат квадратного логотипа – 1200 x 1200). Для лучшей отрисовки советуем также добавить горизонтальный логотип (4:1) размером 512 x 128 или больше (рекомендуемый формат – 1200 x 300). Для всех логотипов рекомендуется использовать прозрачный фон, но при этом изображение должно быть выровнено по центру. Размер файла не должен превышать 5120 КБ.

Текст. Текст должен занимать не более 20 % изображения. Примечание. На некоторых рекламных местах может обрезаться до 5 % с левой и правой стороны изображения (поэтому, лучше тексты не использовать).


Баннеры для таргетированной рекламы в социальных сетях делаются без кнопки. Кнопка добавляется встроенная, также есть сопутствующий текст. Таким образом если используется картинка — ей можно занять больше места.

Форматы баннеров для таргетированной рекламы

Форматы рекламы Facebook + Instagram — 3 шт.

Facebook не регламентирует вес изображений, видимо по тому, что у них стоит «обжиматель» качества загружаемых картинок. Справка по созданию рекламы с изображениями тут: https://www.facebook.com/business/help/980593475366490

  • 31. FB: 1200 x 628 px
  • 32. Inst: 600 x 600 px (для карусели можно использовать до 6 изображений)

Требования: текста не более 20% от площади креатива (проверить кол-во текста https://www.facebook.com/ads/tools/text_overlay ). Не должно быть кнопки на креативе.

33. 628 х 1120 px — Для сториз нужен креатив, сверху и снизу оставить пустоту для элементов интерфейса, вот пример неудачный http://prntscr.com/l9zibh

Форматы рекламы VKontakte — 5 шт.

256 × 256 px — логотип компании

  • 34. 1080 x 607 px — посты
  • 35. 145 x 165 px — тизер
  • 36. 537 x 240 px тизер
  • 37. 145 × 85 px — тизер
  • 38. 720 x 1280 px — сториз

Форматы рекламы Mytarget — 3 шт.

256 × 256 px — логотип компании, дублируется с VK

  • 1080 x 607 px — дублируется с VK
  • 600 x 600 px — взять из FB 1200 х 1200 (обратите внимание, что изображение может быть упаковано в тизер 100 x 100)
  • 240 x 400 px — дублируется с РСЯ
  • 39. 90 х 75 px (тизер)

Текста не более 20% от площади креатива. Не должно быть кнопки на креативе.


Форматы изображений для постов в социальных сетях

фотопосты:

  • ВК: 700 x 500 px
  • FB: 1200 x 630 px
  • Inst: 1080 x 1080 px

gif-изображения

  • ВК: 1280 х 720; файл не должен превышать 200 МБ; формат: gif, mp4
  • FB: 504 х 283; файл не должен превышать 8 МБ; формат: gif, mp4
  • Inst: 1080*1080 рх, формат 1:1.

видео в ленту (те же параметры, что и гиф)

  • ВК: 1280 х 720; файл не должен превышать 200 МБ; формат: gif, mp4
  • FB: 504 х 283; файл не должен превышать 8 МБ; формат: gif, mp4
  • Inst: 1080*1080 рх, формат 1:1.
    • видео в сториз


      YouTube

      Технические требования

      • Разрешение от full hd (1080p) 1920×1080 px
      • Видео битрейт: 400-450 кбит/сек. Частота кадров: не более 25 кадров/сек. Аудио битрейт: 80-100 кбит/сек. Уровень громкости не более 30дБ. Общий битрейт: 480-550 кбит/сек.
      • Формат видеороликов: MP4 (MPEG-4): кодеки видео H.264, кодек аудио – AAC

      Соотношение сторон

      • Формат 16:9 (подходит для большинства компьютеров и смартфонов)

      Продолжительность роликов

      • 1. 6 сек. Форматы: Bumper Ads (объявления-заставки в начале ролика)
      • 2. 15 секунд. Форматы: TrueView, Out-Stream (реклама на площадках партнерской сети, КМС)
      • 3. 20 секунд. Форматы: In-Stream без возможности пропуска (ролик прерывает трансляцию, другое название Reserve Video Ads)
      • 4. Любая продолжительность, в течении 5 секунд появляется кнопка «Пропуск». Форматы: Masthead (видеобаннер на главной странице YouTube), TrueView In-Stream, TrueView Discovery (контекстная видеореклама, это баннер с привью из видео), Товарные объявления TrueView (для онлайн-магазинов), TrueView for Action (дополнительные кнопки с призывами к действию), Universal App Campaigns (универсальные кампании для приложений)

      Полезная ссылка, решение маркетинговых задач с помощью видео: https://www.thinkwithgoogle.com/intl/ru-ru/ad-solutions/video/youtube-solutions-for-different-kpis/

      Facebook и Instagram

      Технические требования

      • Разрешение от full hd (1080p) 1920×1080 px, минимальная ширина составляет 600 пикселей (зависит от соотношения сторон) для альбомной и портретной ориентации.
      • Максимальный размер файла составляет 4 ГБ.
      • Рекомендуемые форматы видео: .MP4 и .MOV.
      • Максимальная продолжительность видео составляет 120 секунд
      • Максимальное количество кадров — 30 в секунду.

      Соотношение сторон:

      • 1:1 – Для видеорекламы с кольцевой галереей
      • 4:5 – Для Лент Facebook и Instagram, можно также использовать (также можно использовать 1:1)
      • 9:16 – Для Facebook и Instagram Stories (также можно использовать 4:5), для видеорекламы In-Stream на Facebook и в Audience Network

      Ссылка: https://www.facebook.com/business/help/103816146375741?locale=ru_RU

      Продолжительность видео:

      • 1. 15 секунд (до 120 секунд для Facebook и Instagram Stories)

      Описание всех форматов: https://business.facebook.com/business/m/one-sheeters/video-requirements

Как сделать баннер

Выберите один из тысяч шаблонов предварительного размера , чтобы начать свой баннерный проект

Создать баннер для вашего веб-сайта, рекламы или страницы в социальных сетях сложно, верно? Нет, детка! Вы можете сделать это быстро и стильно, если начнете с заранее разработанного шаблона, размер которого уже соответствует вашим потребностям. Или вы можете пойти голым и начать с чистого листа, чтобы оставить свой уникальный след в дизайне. Ты делаешь это.

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

Быстрые шаги для создания баннера:

  1. Выберите шаблон баннера, который соответствует вашим потребностям, и откройте его в PicMonkey.

  2. Добавьте графику или изображения к своему баннеру, чтобы придать ему стильный фон.

  3. Введите текст сообщения на свой баннер.

  4. Поделитесь готовым продуктом в социальных сетях или загрузите на свой компьютер.

Теперь, когда вы поняли основную суть, давайте углубимся в подробные советы и шаги.

Создание баннера из шаблона дизайна

Предварительный просмотр любого количества шаблонов, щелкнув миниатюры, чтобы просмотреть их в полном размере

Чтобы создать баннер из шаблона дизайна, просто откройте шаблоны в PicMonkey и просмотрите или найдите тип баннера, который хотите настроить. Как только вы найдете дизайн, который хотите использовать, щелкните его, чтобы создать свой собственный. Замените наши картинки своими (или нашими бесплатными стоковыми фотографиями) и измените слова или графику.

Баннер может содержать все типы изображений. Вот примеры различных категорий баннеров, которые мы предлагаем в нашей библиотеке шаблонов.

Щелкните ссылку под изображением, чтобы просмотреть все шаблоны такого типа.

Посмотреть все шаблоны заголовков Twitter (1500 x 500 пикселей)

Посмотреть все шаблоны больших баннеров магазина Etsy (1200 x 300 пикселей)

Посмотреть все шаблоны мини-баннеров магазина Etsy (1200 x 160 пикселей)

Посмотреть все события в Facebook шаблоны обложек / рекламные шаблоны Facebook (1200 x 628 пикселей)

Посмотреть все шаблоны обложек страниц Facebook (1640 x 624)

Просмотреть все рекламные шаблоны полноразмерных баннеров (728 x 90 пикселей)

Просмотреть все большие полноразмерные объявления — мобильные шаблоны (320 x 100)

Посмотреть все шаблоны обложек YouTube (2560 x 1440 пикселей)


Создать баннер с пустым холстом

Создать баннер веб-сайта нестандартного размера с нуля

Хочу начать с чистого листа вместо заранее разработанный шаблон? Нет проблем.Выбирайте предварительно заданные размеры для обложек Facebook, баннеров YouTube, заголовков Twitter, баннеров Etsy и т. Д. Или создайте свой собственный размер, например, если вы разрабатываете баннер для своего веб-сайта шириной 960 пикселей. В правом верхнем углу окна выбора пустого холста просто введите желаемые размеры и нажмите Сделать!

После того, как вы открыли холст, выберите цвет холста (из панели Цвет фона ). Палитра цветов позволяет вам выбирать из спектра или вводить определенный шестнадцатеричный код для тех из вас, у кого есть определенные цветовые схемы.Это особенно здорово, если у вашего бренда есть определенные цвета, и вы хотите, чтобы ваш внешний вид был единообразным во всех ваших дизайнах.


Выберите из 1000 графических изображений для дизайна вашего баннера

Найдите нужную графику, а затем настройте ее с помощью Палитра графики

Добавьте графику в дизайн баннера, чтобы создать неоспоримый визуальный интерес. Модифицируйте нашу коллекцию графики дизайна, просто с нашими коллекциями графики фигур, или просмотрите бесчисленное количество других категорий, чтобы найти то, что вам нужно — от самолетов до знаков зодиака.Наша графика (также известная как «наложения») является векторной, что означает, что она будет выглядеть четкой и красивой, независимо от того, насколько большой или маленький вы измените ее размер.

Вы можете настроить размер, цвет, соотношение сторон и даже стереть части изображения или добавить тень, чтобы получить полностью индивидуальный вид.


Добавьте дизайнерские шрифты и текст в сообщение баннера

Настройте свой текст с помощью теней, кривых, цветов и т. Д.

В PicMonkey есть сотни подобранных вручную дизайнерских шрифтов, плюс вы можете использовать свои собственные шрифты, загрузив их в PicMonkey.После того, как вы добавите слова в свой баннер, вы можете настроить их, изменив цвет, размер или шрифт, а также можете добавить контур, тень или даже изогнуть текст.

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


Поделитесь своим баннером со всем миром

Когда ваш дизайн баннера будет завершен, вы можете поделиться файлом изображения напрямую с внешними источниками, такими как социальные сети или по электронной почте, выбрав Поделиться на верхней панели инструментов и выбрав место назначения. Кроме того, вы можете экспортировать дизайн прямо на свой компьютер, выбрав Download и выбрав тип файла.Дизайн вашего баннера всегда будет автоматически сохраняться в папках вашего облачного хранилища для будущего доступа. Просто загляните в папку «Несортированные», если вы еще не сохранили свою работу в определенной папке.

Вот и все. Краткое изложение баннеров вниз. Так что же нас ждет в будущем? Еще баннеры? Больше социальных сетей? Если вы занимаетесь цифровым маркетингом для своего бизнеса, обязательно ознакомьтесь с нашей бизнес-подпиской. Это оставит вам все инструменты, необходимые для отметки о делах, как если бы они были в списке покупок!

9 источников бесплатных изображений для баннеров

5 минут на прочтение

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

Согласно исследованию Xerox, если вы хотите повысить готовность людей читать фрагмент контента на 80%, вам следует использовать цветные визуальные эффекты.

Успех ваших объявлений может зависеть от качества изображений ваших баннеров. Они могут быть размытыми, скучными, нерелевантными для вашего бизнеса или слишком распространенными. Фоновое изображение баннера играет решающую роль, когда вы хотите передать определенное сообщение.

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

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

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

46% маркетологов считают, что фотография имеет решающее значение для их текущих стратегий маркетинга и сторителлинга.Источник

Я знаю, каково это — несколько часов бродить по Интернету только для того, чтобы найти нужное изображение баннера. Я делал это много раз. Это было до того, как я нашел эти веб-сайты, где я могу бесплатно загружать изображения, которые я могу использовать для своих баннеров.

Я оставлю этот список для вас. Вы сэкономите много времени, поверьте мне.

1. Pexels — «Лучшие бесплатные стоковые фото в одном месте» для ваших баннеров

Веб-сайт: https://www.pexels.com/

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

Они помогают миллионам дизайнеров, писателей, художников и программистов создавать красивые продукты и рассказывать свои истории. Они называют это «Расширение прав и возможностей создателей».

2. IM Free — «Специальная коллекция ресурсов по веб-дизайну»

Сайт: http://imcreator.com/free

Я просто обожаю веб-сайт IM Free, потому что он включает больше, чем просто фотографии.Здесь вы можете найти множество значков, кнопок и шаблонов, которые подойдут для ваших графических баннеров. Еще одна замечательная вещь заключается в том, что веб-сайт удобен для пользователя, и вы можете легко найти все, что ищете: людей, путешествия, автомобили, зиму или что-нибудь еще.

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

3. Unsplash

Веб-сайт: https: // unsplash.com /

Unsplash — один из лучших сайтов, где можно найти изображения с высоким разрешением. Да, вы можете копировать, изменять, распространять и использовать все изображения бесплатно. Каждые 10 дней они публикуют тщательно отобранные коллекции красивых баннерных изображений, которые можно бесплатно использовать по лицензии Unsplash.

4. Pixabay — «Бесплатные изображения высокого качества»

Сайт: https://pixabay.com/

Pixabay огромен. У них есть обширная коллекция фотографий, изображений баннеров, иллюстраций, векторной графики и более тысячи видеоматериалов.

Трудно поверить, что все началось с личной коллекции изображений, но это правда. Он был основан в 2010 году и сегодня представляет собой одно из крупнейших интерактивных онлайн-сообществ.

5. Джей Мантри

Сайт: http://jaymantri.com/

Джей Мантри работает фотографом и каждую неделю публикует семь новых фотографий. Почему? Потому что он хочет, чтобы вы «творили с ними волшебство». И поверьте мне, с этими фотографиями вы можете творить чудеса даже в своих рекламных баннерах.

Многие из этих фотографий включают пейзажи, моменты жизни, обычные предметы или даже кофе.

6. FoodiesFeed — «Бесплатные картинки еды». Используйте их в своих баннерах!

Веб-сайт: https://foodiesfeed.com/

Если вы работаете в пищевой промышленности, возможно, у вас есть ресторан или вы ведете блог о еде. Вам следует использовать эти изображения баннеров с едой. Почему? Потому что в Foodie’s Feed есть фотографии практически всего, что связано с этой отраслью. Каждую неделю они загружают пять или даже больше фотографий и коллекции других изображений.

Кроме того, эти фотографии выглядят очень вкусно — и если вы хотите поддержать их, есть кнопка PayPal для пожертвования.

7. FreeImages.com

Веб-сайт: http://www.freeimages.com/

Не забывайте о потрясающих изображениях, иллюстрациях и векторных изображениях, которые вы можете найти на этом сайте. Не стесняйтесь использовать их на веб-сайтах, в сообщениях в блогах, социальных сетях, в рекламе, в фильмах и телепрограммах, в веб-приложениях и мобильных приложениях.

8.KaboomPics — «Захватывающие бесплатные картинки для деловых или личных проектов»

Сайт: http://kaboompics.com/

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

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

9. Смерть стоковым фотографиям

Веб-сайт: http://join.deathtothestockphoto.com/

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

Еще одна причина подписаться на этот сайт — их творческое заявление: « Мы стремимся быть как кофе для современных творческих людей.”

Хорошее изображение баннера может помочь вашей рекламе привлечь внимание, а вашу статью — прочитать. Он может выделить сообщение или передать другое сообщение, даже без текста.

Если релевантное изображение сочетается с той же информацией, люди сохраняют 65% информации через три дня. Источник: lifelearn.com

Эти веб-сайты помогут вам выбрать правильные изображения баннеров для вашей рекламы, сообщений в блогах, кампаний в социальных сетях и мобильных приложений.

Какой ваш любимый сайт с изображениями? Дайте нам знать в комментариях ниже!

18 захватывающих дух идей баннеров для вдохновения дизайном

1. Выберите изображение, чтобы проиллюстрировать ваши бизнес-цели.

Не говорите людям, а покажите им. Вместо того, чтобы привлекать аудиторию словами, покажите им пример того, что может предложить ваш бренд или бизнес, — дайте им почувствовать вкус этого опыта. Мы, безусловно, привлечены этим баннером и очень хотим найти этого продавца уличной еды.Выбирая изображение, не забудьте включить любые другие детали, которые будут важны для вашего читателя для достижения ваших бизнес-целей. Вы можете добавить кнопку «нажмите здесь» в качестве призыва к действию, чтобы увеличить количество конверсий, или указать свою контактную информацию или ссылки в социальных сетях, чтобы читатели могли узнать больше.

2. Сделайте свой баннер более привлекательным.

Как гласит старая пословица, картинка стоит тысячи слов. Сэкономьте место на своем дизайне и передайте мощный посыл с помощью яркой фотографии.Этот пример показывает, как удачный выбор фотографии может иметь решающее значение. Загрузите свою фотографию или изучите библиотеку стоковых фотографий Adobe Spark. Если ваше изображение отображает важные детали, не заполняйте пространство слишком большим количеством текста и позвольте изображению говорить вместо этого. Сделайте это визуально захватывающим, сделав фотографию в полноэкранном режиме.

3. Поэкспериментируйте с фотоэффектами.

В наши дни существует бесчисленное множество способов манипулировать, настраивать и улучшать фотографии.Вы можете использовать бесплатные, онлайн-программы или программы на основе приложений, профессиональные инструменты, программное обеспечение или что-то среднее между ними. Вы можете улучшить изображение, сделав его ярче, резче или более сфокусированным. Вы можете поиграть с более художественными изменениями, такими как добавление фильтров, искажений или эффектов сбоев, как показано в этом примере. Фотоэффекты превращают обычные фотографии в нечто необычное. Как вы можете вывести свой графический контент на новый уровень, чтобы добиться лучшего дизайна баннера?

4. Поиграйте с наложением блоков текста.

Иногда легко разместить текст поверх изображения. Но в других случаях, если у вас есть загруженная фотография или светлый текст, его становится трудно читать. Один из способов решить эту проблему и выделить текст — поместить его в текстовый блок. Вы можете добиться этого с помощью Adobe Spark, используя параметр текстовых эффектов или поместив текст поверх цветового блока или значка. В этом примере дизайн подчеркивает текст с помощью блеклого фильтра наложения на изображении, который делает детали изображения мягкими и контрастирует с ярким, резким текстом, в результате чего текст является нашей фокусной точкой.

5. Создайте слои с изображениями, текстом и графикой.

Создавая свой баннер, позвольте себе мыслить нестандартно и попробовать что-нибудь нестандартное. Найдите интересную и актуальную фотографию, а затем наложите на нее фигуры. Обратите внимание, как теплые коричневые оттенки изображения отражаются через графические и текстовые слои, создавая единый дизайн.

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

7. Сделайте это простым, но ярким с минималистским подходом.

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

8. Изучите захватывающие возможности изображений.

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

9. Создайте фирменный баннер с вашим логотипом, слоганом или девизом.

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

10. Представьтесь своей аудитории автопортретом.

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

11. Используйте привлекающие внимание цвета.

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

12. Играйте с контрастными цветами.

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

13. Значки в виде изображений.

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

14. Выбирайте жирные, эффектные шрифты.

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

15. Скажите что-нибудь захватывающее с помощью текстовых эффектов.

Объявление о продаже — это обычная маркетинговая кампания, используемая компаниями. Чтобы привлечь чье-то внимание в наши дни, вам действительно нужно мыслить нестандартно. Вы можете использовать размер, цвет или привлекательные шрифты, чтобы подчеркнуть объявление о продаже. Добавьте «текстовые эффекты» на свой пояс с инструментами и изучите все новые способы демонстрации копии вашего баннера. Вы можете найти текстовые эффекты в своем рабочем пространстве Adobe Spark и довести свой шрифт до совершенства. Здесь, вместо того, чтобы просто помещать «продажу» поверх изображения продукта, мы разместили изображение продукта в продаже, и это создает гораздо более динамичный и неожиданный дизайн.

16. Поиграйте с нестандартным шрифтовым дизайном.

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

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

В дизайне повторение создает шаблон, который читатель может понять, а вариации в шаблоне создают акцент. Это могут быть мощные инструменты, которые помогут вам при создании вашего баннера. Здесь у нас есть повторение с прилагательными и изменение стиля, когда вы видите, что «храбрый» жирный и непрозрачный, чтобы соответствовать «я есть». Поиграйте с повторением текста или изображений или используйте значки, чтобы создать узор. В зависимости от того, где будет представлен ваш баннер, изучите возможности использования этих инструментов дизайна для достижения цели баннера.

18. Продемонстрируйте цитату с дизайном вашего баннера.

Баннеры

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

Как сделать баннер в Adobe Spark.

Начни с вдохновения.

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

Ремикс, чтобы сделать его своим.

Есть много способов персонализировать шаблоны. Измените копию и шрифт. Добавляйте изображения с помощью снимков или коротких видеоклипов. Или просматривайте тысячи бесплатных изображений прямо в Adobe Spark. Уделите столько времени, сколько захотите, чтобы сделать графику своим. В премиум-плане вы даже можете автоматически применять логотип, цвета и шрифты вашего бренда, так что вы всегда будете #onbrand.

Поднимите чутье.

С помощью эксклюзивных дизайнерских ресурсов Adobe Spark легко придать вашим проектам изюминку и индивидуальность.Добавляйте анимированные стикеры от GIPHY или применяйте текстовую анимацию для коротких графических видеороликов одним касанием. Мы позаботились обо всех скучных технических вещах, чтобы вы могли сосредоточиться на своем сообщении и стиле.

Измените размер, чтобы контент стал еще шире.

Прошли те времена, когда приходилось запоминать размеры изображений для каждой отдельной платформы. Выбрав понравившийся дизайн, вы можете легко изменить его для любой социальной сети с помощью удобной функции изменения размера Adobe Spark. Просто продублируйте проект, измените размер, выберите платформу, для которой вы хотите его адаптировать, а мы позаботимся обо всем остальном.

Сохраните свой баннер и поделитесь им.

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

Как сделать баннер из фотоколлажа для вашего фотоблога или веб-сайта

Когда вы создаете фотоблог или веб-сайт, фотобаннер позволяет вам продемонстрировать ряд ваших работ. Вы можете очень легко создать коллаж из фотографий для баннера в Photoshop или Photoshop Elements.

Вот как его сделать.

Шаг 1

Начните с нового изображения размером с ваш баннер или кратным ему. Так, например, если ваш баннер будет иметь ширину 1200 пикселей на 250 пикселей, вы можете начать с изображения этого размера или удвоить его, чтобы у вас было больше места для работы, и уменьшите его в качестве последнего шага.

Здесь я создал документ 2400 x 500 с разрешением 72 пикселя / дюйм, цветом RGB и прозрачным фоном..

Шаг 2

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

Выберите инструмент «Прямоугольная область» и проведите пальцем по области первой фотографии. Выделите большую часть изображения, чтобы оставалось достаточно места слева и справа от основной части изображения, которая вас интересует, поскольку вы будете использовать эту область для смешивания слоев.Выберите «Правка»> «Копировать», затем переключитесь на изображение баннера и выберите «Правка»> «Вставить». Закройте исходное изображение.

Нажмите Ctrl + T, а затем Ctrl + 0 и измените размер изображения по размеру вашего баннера. Используйте инструмент «Перемещение», чтобы разместить его на месте.

Шаг 3

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

При желании перетащите слои в другом порядке, чтобы расположить изображения там, где они должны появиться в коллаже.

Шаг 4

Начиная с одной стороны изображения, выберите «Ластик» и выберите мягкую кисть или текстурированную кисть, например, кисть Chalk 44 пикселей. Отрегулируйте размер кисти, чтобы она была достаточно большой, чтобы с ней можно было работать, уменьшите ее непрозрачность примерно до 50 процентов и щелкните слой в палитре слоев, содержащий изображение, которое нужно смешать.

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

Шаг 5

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

Чтобы использовать маску, добавьте маску к слою, над которым вы работаете, а затем закрасьте маску черным цветом, чтобы удалить изображение с этого слоя. Если ошиблись, раскрасьте белым. Чтобы добавить маску слоя, щелкните значок «Добавить маску слоя» в нижней части палитры слоев.

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

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

Шаг 6

Завершите свой баннер добавлением текста. Щелкните инструмент «Текст», щелкните баннер и введите текст. Используйте стиль слоя Drop Shadow, чтобы текст возвышался над фоном, чтобы его было легче читать.

фотобаннеров — создание собственных фотобаннеров

от {{startPrice}} каждый

от {{retailStoreCatLowestPrice}} каждый

РАЗМЕР РАЗМЕР

{{getSkuAttribute (selectedSku, ‘размеры’)}}

  • {{getSkuAttribute (selectSku, ‘размеры’)}} — {{getSkuAttribute (selectSku, ‘frameColor’)}} Начиная с {{selectSku.price}} Начиная с Начинается с {{selectSku.retailLowestPrice}} Начиная с
РАЗМЕР: {{getSkuAttribute (selectedSku, ‘размеры’)}} ОРИЕНТАЦИЯ ОРИЕНТАЦИЯ

{{selectedOrientation.name}}

{{selectedSku.shortDescription}}: {{selectedSku.priceByDeliveryMethod.retailPickup}} {{selectedSku.priceByDeliveryMethod.mailOrder}}

{{getSkuAttribute (selectedSku, ‘sizes’)}} — {{getSkuAttribute (selectedSku, attributeDisplayOrder [attributeDisplayOrder.length-1])}} Стоимость: {{selectedSku.priceByDeliveryMethod.retailPickup}} {{selectedSku.priceByDeliveryMethod.mailOrder}}

{{getSkuAttribute (selectedSku, ‘sizes’)}} Стоимость:

{{tier.startQty}} — {{tier.endQty}} +

{{selectedSku.longDescription}}

  • {{retaildesc}}
  • {{retaildesc.text}}

{{selectedSku.longDescription}}

  • {{maildesc}}
  • {{maildesc.text}}

Варианты доставки ) (

Варианты доставки ) (

  • БЕСПЛАТНАЯ доставка в магазин
  • {{maildesc}}
  • {{maildesc.text}}

Информация о ценах ) (

Информация о ценах ) (

Информация о ценах на оттиски и увеличенные изображения (продукт, количество, получение в тот же день, доставка вам)

Товар

Кол-во

Самовывоз в тот же день

Отправить вам

В рамке

{{pd.size}}

{{pd.pickupLowestPrice}} Н / Д

{{pd.shippingLowestPrice}} Н / Д

{{pd.frameLowestPrice}} Н / Д

{{pt.dimension}}

{{tier.quantity}}

{{tier.retailPrice}}

{{tier.shipPrice}}

{{pt.quantity}}

{{pt.pickupLowestPrice}} н / д

{{pt.shippingLowestPrice}} Н / Д

Нужна помощь? ) (

Нужна помощь? ) (

Как сделать фото-баннер

Ознакомьтесь с инструкциями по созданию баннера с фотографиями для украшения вашего следующего торжества.Фото-баннеры идеально подходят для знаменательных дней рождения, выпуска, выхода на пенсию, юбилеев или ливней.

Мне всегда нравилось украшать их фотографиями. Как и АннМари, я предпочитаю видеть фотографии людей, которых я люблю, висящие на стенах, чем случайные произведения искусства.

Когда в 1999 году родился мой старший сын, я стал полным клопом!

Я сделал тысячи его фотографий за последние 18 с половиной лет.

Это не преувеличение.

У меня почти 5000 фотографий в год (и это только те самые хорошие, которые я сохранила) с тех пор, как стала мамой!

И знаете что?

Все эти фотографии станут прекрасным украшением особенного праздника!

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

Я поделился более дешевыми идеями для выпускного вечера с его вечеринки, и у АннМари есть еще одна забавная идея для баннера.

Этот баннер с фотографией был отличным способом украсить выпускной вечер моего сына.

Мне было немного сложно подготовиться к его вечеринке.

AnnMarie с головой ушла в подготовку специальных выпускных подарков, чтобы справиться с этой вехой.

Она даже придумала массу вдохновляющих цитат, которые идеально подходят для знака или выпускного листа!

Я?

Я засунул голову в песок, чтобы притвориться, что этого не произойдет.

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

К счастью, это было легко собрать, потому что у меня не было времени на это!

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

Решите, какие фотографии вы хотите использовать

Я ограничился фотографиями, сделанными с его первого дня в детском саду до бакалавриата в кепке и халате.

Я подумал, что это выпускной вечер, так что имело смысл придерживаться его школьных лет.

Установка параметров для объема вашего проекта (черт возьми, мой старый жаргон менеджера проектов только что появился!) Действительно может упростить задачу.

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

Чтобы сделать проект максимально рентабельным, я решил использовать картон 12 × 12 для матирования фотографий. Каждый лист будет составлять девять квадратов 4 × 4.

Измерьте пространство

Измерьте площадь, на которой вы будете вешать свой фотобаннер.

Я выбрал проем между моей кухней и семейной комнатой.

Место для размещения баннера с фотографией имеет ширину 10 футов (120 дюймов) и высоту 5,5 футов.

Подумал, что между фотографиями я поставил 1-дюймовый интервал.

Итак, я разделил 120 на 5 (4 дюйма для матовой фотографии плюс 1-дюймовый промежуток), что означало, что мне понадобится около 24 фотоколлажей для каждого ряда.

А потом я посмотрел на него и решил, что лучше всего будут смотреться четыре ряда баннеров.

Я также хотел разместить фотографию как на лицевой, так и на обратной стороне каждого куска картона.

В конце концов, кто знает, будет ли в день вечеринки дождь или слишком жарко?

Я хотел, чтобы баннеры были украшены с обеих сторон, если люди собирались тусоваться в общей комнате.

ТАК! Четыре ряда по 24 коврика для фотографий означают, что мне понадобится около 200 фотографий.

Этот пост содержит несколько партнерских ссылок, что означает, что мы можем заработать небольшую комиссию без каких-либо дополнительных затрат для вас. Вы можете прочитать нашу полную политику раскрытия информации здесь.

Вам понадобятся расходные материалы:

Я решил использовать цвета его школы в качестве цветовой схемы для украшения вечеринки.Сначала я подумал, что буду развешивать фотографии на толстом шпагате, но в Hobby Lobby скидка 50% на ленту, так что я использовал именно ее!

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

Щелкните любое изображение ниже для покупки

Включите JavaScript для просмотра содержимого

Я просмотрел свой компьютер, выбрал примерно 16 фотографий в год для классов K-12 и заказал свои распечатки.

Я приложил хотя бы одну его фотографию к каждому гостю, приглашенному на его вечеринку.

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

Сборка вашего фото баннера:

Сначала разрежьте картон на квадраты 4 × 4.

Затем обрежьте фотографии до размера 3,5 × 3,5 квадрата.

Прикрепите фотографию к центру спереди и сзади каждого квадрата.

Прикрепляя фотографии, я чередовал темно-синий и золотой картон, чтобы потом их было легко повесить.

(Эта фотография всегда заставляет меня смеяться! Это был маленький автобус, который ему пришлось носить на шее в первый день в детском саду. Он выглядел таким нервным на своей фотографии из детского сада. Мы попытались воссоздать эту картинку на первом день его последнего года обучения.)

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

Крючки кладу на самый край проема.

Лист бумаги помог мне разместить их от нижней части одного крючка до верхней части следующего крючка.

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

Повесьте его на один из крючков. Протяните ленту до соответствующего крючка и оставьте немного провисания.

Завяжите еще один узел петлей и обрежьте ленту.

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

После того, как вы повесили ленты, возьмите стопку фотографий и прищепки.

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

Украшение фотографиями стало огромным успехом

Последний показ оказался самым популярным местом вечеринки.

Все наши гости некоторое время рассматривали фотографии.

Даже мой сын прокомментировал, как ему это понравилось, и что всем его друзьям тоже понравилось.

Мои дочери заговорили о том, когда я делаю одну на их выпускной !

Они заканчивают среднюю школу в 2021 году, так что на этот раз я немного подготовлен.

Я работаю над такой фотокнигой, как эта, и сделал несколько красивых цифр, чтобы использовать их на вечеринке.

Этот баннер с фотографиями станет отличным способом украсить множество других вечеринок.

Подумайте, как весело было бы праздновать годовщину, пенсию или знаменательный день рождения.

Создание памятного подарка из фотографий

После вечеринки я снял фотографии.

Я мог оставить их на несколько недель, потому что я был так счастлив увидеть все эти воспоминания …

Я заказал несколько упаковок с карманами для фотографий 8 × 8 и получил пустой альбом для вырезок 8 × 8.

Разделенные карманы для фотографий 8 × 8 больше не доступны, но вместо них можно использовать эти карманные рукава 12 × 12 и альбом 12 × 12.

Как легко было засунуть фотографии в эти карманы!

Поскольку я поместил фотографию как на лицевую, так и на оборотную стороны каждого квадрата картона, мне нужно было просто положить по одному квадрату в каждый карман.

Щелкните любое изображение ниже, чтобы купить

Включите JavaScript для просмотра содержимого

Я отдала своему сыну заполненный альбом со всеми фотографиями перед отъездом в институт.

Мне нравится, что это украшение для вечеринки также легко становится сентиментальным подарком.

Дайте мне знать, если у вас есть вопросы по созданию такого баннера для вашей следующей вечеринки!

Если у вас есть вопросы или предложения, вы можете связаться со мной или оставить комментарий ниже.

Не пропустите любые наших советов, уловок или историй! Мы будем рады, если вы подписались на нас в социальных сетях! Вы можете найти нас в TikTok, Instagram, Pinterest и Facebook.

Приколите, чтобы запомнить:

Энн | 4 комментария

Campaigns — Banner Images Best Practices

Баннерных изображений в ConveYour

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

Баннерные изображения

Баннерное изображение — это узкое горизонтальное изображение с соотношением сторон 2,5: 1. Изображение баннера появляется как в настройках вашей кампании, так и в качестве фона для отдельных триггеров. Изображения баннеров растягиваются на разную ширину в зависимости от устройства, с которого осуществляется доступ к вашему контенту, поэтому вам нужно что-то достаточно широкое для отображения на рабочем столе. Использование JPEG с качеством 65-75% от оригинала помогает обеспечить быструю загрузку всех ваших изображений для ваших клиентов. При соотношении 2,5: 1 и 72 DPI (или разрешении экрана) размеры образца изображения, выраженные в пикселях, могут быть:

1200 x 480 пикселей и размер файла <1 МБ 800 x 320 пикселей и размер файла <1 МБ

Вот пример: (И, если вы не знаете, что означают все эти пиксели и жаргон разрешения экрана, вам, вероятно, следует просто выбрать изображение из стандартных изображений, нажав кнопку «Взять из галереи».)

И — и пример того, как этот баннер переводится на портале учащегося на мобильном телефоне:

Помните:

Более темные изображения с меньшими затратами работают лучше всего

на заднем плане позволяет сделать белый текст ваших триггеров ConveYour более разборчивым.

Меньше значит больше

Снимки крупным планом с изображениями с глубиной резкости работают лучше, чем снимки с большим количеством элементов в пространстве изображения.

Пейзаж 2.Соотношение 5: 1 работает лучше всего

, где изображения единообразны и просты, с очень небольшим количеством пробелов и без границ.

Размер изображения имеет значение

Потому что изображения передаются с помощью различных носителей — от смартфонов до планшетов и компьютеров с большим экраном. Минимум 1200 пикселей при 72 точках на дюйм. Постарайтесь максимально увеличить размер изображения до 1 МБ. 500 КБ — это хорошая золотая середина, где у вас, вероятно, будет приличный объем информации. Сжатое изображение JPEG обычно может быть уменьшено, в то время как изображения PNG часто содержат больше информации и обычно имеют больший размер файла.

Демонстрационное видео ниже показывает несколько хороших примеров:

Советы по выбору хорошего баннера

Эти изображения будут использоваться на настольных компьютерах и мобильных устройствах, поэтому нельзя всегда делать ставку на их ширину. Для своей первой кампании просто выберите одно из изображений баннера, предоставленных через ConveYour, чтобы быстро начать работу.

Если вам необходимо создавать собственные баннеры, вот несколько советов, как выбрать хорошие баннеры!

Не включайте текст в изображение баннера.

Баннеры используются в качестве фона так же, как ваша фотография на обложке Facebook! Текст накладывается поверх баннера, поэтому текст на изображении может сбивать с толку.

Вам нужно широкое и короткое изображение.

Знаешь, баннер! Хорошее практическое правило — иметь изображение с соотношением сторон 2,5: 1.

Выберите подходящую глубину пикселей.

Выберите изображение баннера размером не менее 800 пикселей в ширину и 320 пикселей в высоту. Использование JPEG с качеством 65-75% от оригинала помогает обеспечить быструю загрузку всех ваших изображений для ваших клиентов.Сохраните изображение для веб-доставки (с глубиной пикселя 72 ppi) в формате JPEG или PNG. Если ни одна из этих сведений не имеет для вас никакого смысла, обратитесь к графическому дизайнеру, который поможет вам создать изображения баннеров с нужными размерами.

Изображения без границ.

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

Отображение изображений

ДОПОЛНИТЕЛЬНО. Отображаемое изображение можно использовать для рекламной целевой веб-страницы, как приглашение вашей аудитории присоединиться к вашей кампании. Отображаемое изображение похоже на ваше маркетинговое изображение и обычно содержит название кампании с соответствующим визуальным элементом.

Первое изображение, с которым может столкнуться ваша аудитория, — это отображаемое изображение для целевых страниц. Если вы используете веб-страницу или целевую страницу, чтобы аудитория подписалась на вашу кампанию, они увидят отображаемое изображение или видео.При настройке кампании у вас есть возможность выбрать изображение или вставить ссылку на видео Vimeo, Wistia или YouTube. В идеале вы должны включить видео, рассказывающее о вашей программе и побуждающее людей зарегистрироваться для участия. В тех случаях, когда видео не подходит, у вас должно быть графическое изображение кампании. Отображаемое изображение будет иметь соотношение сторон 16: 9. с добавленным текстом — обычно заголовком кампании. Ресурсы для приличных бесплатных стоковых изображений можно найти здесь: стоковые изображения pexels, или вы можете использовать одно из своих собственных изображений.Поскольку отображаемое изображение обычно отображается в интерактивном режиме, подходит 72 dpi или «разрешение экрана».

_ ** Отображаемое изображение — это изображение, которое отображается на ваших целевых страницах и в виджетах регистрации.

Целевая страница имеет уникальный URL и обычно содержит более важную информацию о кампании и форме, используемой для регистрации. Вы можете найти его в разделах «Кампании» и «Инструменты приглашения». Затем нажмите верхний вариант, целевую страницу, чтобы увидеть, как будет отображаться ваша целевая страница для этой кампании.

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

Подробнее об инструментах приглашения >>

Какой у вас хороший размер отображаемого изображения?

Рекомендуется формат изображения 16: 9. Поскольку ConveYour пользователи обычно включают видео на эту страницу вместо отображаемого изображения — это изображение используется не так часто. Однако, если вы решите использовать изображение вместо видео, типичные размеры, которые будут работать хорошо: 1820 x 1024 пикселей и оптимизированный размер.jpg, общий размер <1 МБ. Если оптимизация пикселей и JPEG вас пугает - лучше проконсультироваться с веб-дизайнером, который поможет вам с созданием изображений.

фото в ConveYour Triggers

Есть еще одна область, в которую вы можете захотеть включить изображения, и это при отправке контента или для сопровождения вопроса в одном из ваших форматов взаимодействия. Опять же, эти изображения должны быть небольшими и оптимизированными для Интернета (в идеале размером <1 МБ). Когда вы протестируете свою кампанию, вы сразу узнаете, слишком ли велико ваше изображение, потому что на его загрузку уйдет вечность!

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *