Увійти за допомогою:
або

Ласкаво просимо до рекламного та маркетингового блогу BannerBoo

Статті, поради та секретні фішки від команди BannerBoo
header image
Що таке анімований банер?

Що таке анімований банер?

Анімований банер — це елемент онлайн-реклами у форматі GIF, HTML5, AMPHTML або MP4, який являє собою послідовність візуальних елементів із рухомими ефектами для створення динамічних анімацій, текстових фрагментів та інтерактивних компонентів.

Приклад анімованого банера

Приклад анімованого банера, створеного за допомогою інструментів BannerBoo

З чого складається анімований рекламний банер?

Тло — основне зображення, яке є основою для рамки. Він може бути однаковим для всієї анімації або його можна змінити, створюючи динамічний ефект.

Анімація — це елемент, який рухається на основному фоні, що привертає увагу читача. Окрім реалізованих анімованих елементів, динамічності можна надати як тексту, так і іншим двовимірним компонентам.

Графічний об’єкт — це елемент, який визначає тему анімованого банера (діаграми, значки, фігури, лінії, покажчики).

Текст — це серія символів, які передають ключове повідомлення анімованого банера та пояснюють, що користувач має зробити.

Інтерактивний об’єкт — це елемент банера, який запрограмований на реакцію у відповідь на дії користувача. Ви натискаєте кнопку, і вона веде на сторінку, де розповідається про послугу, продається товар тощо.

Власником реклами є компанія, від імені якої розповсюджується реклама. Для визначення власника на банері розміщено логотип компанії та посилання на її сайт або рекламну сторінку.

What is an animated banner?

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

Створіть банер онлайн для своєї вебсторінки: що потрібно знати, створюючи медійне оголошення?

За даними SmartInsights, у 2020 році банерна реклама зайняла одне з провідних місць серед інструментів підвищення впізнаваності бренду. Навіть якщо глядачі не взаємодіють з банером, за даними аналітики, трафік цільових сторінок все одно зростає. З точки зору читача, якщо компанія може дозволити собі витрати на рекламу, то вона надійніша за своїх конкурентів.

Вибір сайтів вражає, але вимоги до динамічних медійних оголошень надзвичайно великі. Розгляньмо їх ближче.

Розмір

Залежно від вебплатформи та блоку для розміщення веббанера існує ряд стандартизованих форматів:

  • Вбудований прямокутник (300x250 пікселів).
  • Хмарочос (120x600 пікселів).
  • Квадрат (250x250 пікселів).
  • Рекламний щит (970x250 пікселів).
  • Повний розмір (728 x 90 пікселів).

Розміри банера

Чому розмір важливий? На цей момент існує близько 20 варіантів розміру банерів для вебсайт, і дизайнери веббанерів також надають можливість створювати медійну рекламу бажаного розміру. Це актуально для сайтів, які самостійно підбирають блоки на сторінці для нестандартної реклами. Якщо ви знаєте вебсайт, на якому ваша компанія розміщує рекламу, ви зрозумієте, який банер потрібен.

Тривалість анімованого повідомлення

Довжина рекламних банерів вимірюється в секундах, і вони отримують певні атрибути на основі масштабу ефектів. Коли має з'явитися текст? А кнопка? Працюючи зі шкалою, ви можете зменшити або збагатити свою рекламу, щоб не збивати користувача з пантелику. Для цього дизайнери використовують тривалість одного кадру, що привертає увагу глядача.

Чому необхідно розуміти тривалість анімації? Як і розміри, тривалість відтворення банера також визначається рекламною платформою. Тому потрібно точно вписуватися в платформу, правильно передаючи суть повідомлення. Наприклад, у більшості випадків тривалість анімації не повинна перевищувати 30 секунд, а іноді вона обмежена 15 секундами. Добре, якщо є можливість повторити, тоді є шанс «звикнути», але якщо відтворення доступне тільки один раз — дуже важливо відобразити все від А до Я за кілька секунд!

Приклад рекламного банера від BannerBoo

Наприклад, тривалість цього банера становить 10 секунд

Кількість кадрів за секунду

FPS (кадри в секунду) — це швидкість відтворення анімації, яка визначає плавність і зрозумілість кожного кадру для людського ока.
Чому FPS важливий? Чим менше кадрів, тим більш грубою та переривчастою є анімація. Чим більше кадрів, тим м'якше буде перехід від одного кадру до іншого. Наприклад, стандартне значення більшості сайтів для GIF-анімації становить не більше 5 кадрів в секунду. До речі, кількість кадрів задає ще одне важливе рекламне значення — вагу анімованого банера.

Вага банера

Вага банера вимірюється в кілобайтах. Це безпосередньо залежить від якості зображень і насиченості гарних анімованих банерів ефектами та анімацією. Стандартна вага, прийнятна для хостингу, становить близько 150 Кб. Залежно від формату банера (GIF, HTML5, AMP HTML або MP4) вимоги до ваги також відрізняються. Але з досвіду ми знаємо, що завжди хочеться розмістити якомога більше інформації в банері, тому вам потрібно буде оптимізувати файл, щоб сайт прийняв його, і ви могли представити свою рекламу широкій аудиторії.
Чому вага так важлива? Високоякісні ілюстрації та голлівудські візуальні ефекти допоможуть людям помітити вашу анімацію, але краща графіка може значно зменшити кількість ресурсів і платформ для розміщення реклами.

За допомогою безкоштовного онлайн-редактора анімаційних банерів Bannerboo ви можете легко створити свою першу медійну рекламу. Ми зібрали найоригінальніші та креативні ідеї від кращих дизайнерів, щоб допомогти вам знайти свою креативну ідею. Крім того, в нашому редакторі веббанерів все просто і зрозуміло: формати, індикатори банерів — все в одному місці.

Create HTML5 screen

Ви можете створити банер стандартного або індивідуального розміру, контролювати якість зображення, тривалість і кількість повторень без початкових навичок програмування. Водночас ви можете оптимізувати свою медійну рекламу відповідно до вимог потрібної вебплатформи лише за декілька кліків, вказавши вагу банера та потребу в адаптивності. Наші користувачі вже розробили понад 100 000 медійних оголошень, тому надихайтеся!

« Назад до списку
Подібні статті:
Як зробити анімовані банери GIF: покрокова інструкція
Як зробити анімовані банери GIF: покрокова інструкція
Де знайти шаблони рекламних банерів і як їх використовувати?
Де знайти шаблони рекламних банерів і як їх використовувати?
arrow icon
Оформіть преміум підписку
Upgrade icon
Розпаліть свою творчість за допомогою нашої преміум-підписки!

✨ Без водяного знака
✨ Необмежена кількість банерів
✨ Зміна розміру банера
✨ Анімовані банери
✨ Експорт у GIF, HTML, AMP

Відкрийте скарбницю кліпартів, професійних шаблонів і ексклюзивних варіантів брендування. Оформіть підписку зараз!
Уууупс!
Нам дуже прикро, та, на жаль, ваш браузер використовує плагін типу Ad blocker.

Оскільки BannerBoo є інструментом для створення та управління банерами, а ad blocker дуже ускладнює вашу роботу по створенню банерів, використовуючи наш сервіс.

Будь ласка, додайте *.bannerboo.com* в список виключень або відключіть ad blocker.