Малюємо банери, Web Design, Інтернет-технології, статті

Mike Melnikov

Присвятимо-ка ми трохи часу банерів і поміркуємо на тему: як зробити банер більш ефективним? Поговоримо про слоганах і впливі банера на читача.

Банери використовуються на сторінках в якості реклами інших ресурсів і, як правило, їх дизайн ніяк не пов’язаний з вмістом сторінки і тому виглядає дещо відчужено. Правда, є один виняток – Локальні банери. В цьому випадку ми можемо оформити їх, використовуючи мотиви дизайну основного сайту.

При створенні сайту необхідно враховувати наявність банерів і відповідно вибудовувати дизайн.

На просторах Рунета популярні кілька типорозмірів банерів, найпоширеніші з яких – це 468×60, 100×100 і 88×31 (зазвичай звані кнопками). Банери інших розмірів застосовуються набагато рідше і зазвичай тільки для локальних банерних мереж (125×125, вушка на Lenta.Ru і т.п.)

Крім відмінності в розмірах, банери можуть бути різного типу:

Два останніх типи досить складні і специфічні. Ми будемо розбиратися з класичним графічним банером розміром 468×60 пікселів.

Застосування банерів в якості рекламного носія в Мережі накладає на нього кілька обмежень. Основне з яких – це “вага” банера в кілобайтах. У популярних банерних мережах максимальна вага лімітується цифрами від 10 до 15Кб. Я приймаю за базову цифру в 12Кб. Якщо вага банера більше, то він вважається важким і для реклами непридатний, тому що час, необхідний для завантаження, перевищить середній час перегляду сторіночки, – простіше кажучи, банер не встигне завантажитися.

Для зменшення ваги банера є кілька прийомів, але про них ми поговоримо пізніше. А поки розглянемо формати графічних банерів. Їх два і вони не відрізняються від форматів графіки на основній сторінці – відповідно це наша парочка – GIF і JPEG. Формат GIF дозволяє створювати анімовані банери, ефективність яких, в порівнянні зі статичними, вище приблизно в півтора рази.

При виборі формату банера потрібно дотримуватися тих же принципів, що і при створенні основної графіки на сторінках, – якщо зображення фотографічне, то вибираємо формат JPEG. У всіх інших випадках більш відповідним буде GIF. Якщо баннер анімований, то вибору немає – тільки GIF.

Трохи відвернемося і поговоримо про банері як про носія реклами. З цієї точки зору він дуже схожий на рекламний плакат. І на те, і на інше відвідувач для перегляду витрачає не більше 3-5 секунд, і в тому, і в іншому випадку реклама займає відносно великий простір, і в тому, і в іншому випадку потрібно висловлювати думки найбільш чітко і образно.

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

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

Будь-який хороший банер – це якась ідея, яка повинна зацікавити відвідувача і запалити в ньому бажання сходити по посиланню. Але потрібно розуміти, що будь-який банер призначений для певної аудиторії (яка збігається з потенційною аудиторією рекламованого сайту).

Починати створення банера необхідно з формулювання того, що ж рекламує банер, і придумування гарного слогана. Це дуже важливо! Погана фраза зіпсує самий прегарний образ. Придумавши слоган, вже можна підбирати ілюструє його візуал.

При вимірюванні ефективності банерів користуються терміном CTR – вимірюваного у відсотках і виражає відношення числа показів банера до числа натискань на нього. Це не єдиний показник, але найбільш відомий. Для звичайних банерів він становить від 0.5% до 1.5%. Великі значення притаманні зазвичай тільки порноіндустрії (там може доходити і до 15%).

А тепер займемося креативом – будемо придумувати ідею, слоган і підбирати відповідний образ.

Технічні міркування

При створенні банера потрібно враховувати, що проглядатися він буде в чужому оточенні, і ми нічого не будемо знати про сторінці, на якій він виявиться, і не зможемо передбачити колірної гами. Тому нам необхідно явно позначити межі банера – по його периметру потрібно обов’язково окреслювати чорну рамку шириною в один піксель. Крім того, у банера не повинно бути прозорого фону – обов’язково суцільний (але не обов’язково одноколірний)

Художні міркування

Банер повинен нести якусь ідею, інакше він буде непривабливий, Йому буде нічим розважити, залучити, заінтригувати потенційного відвідувача. Хороший банер можна порівняти з головоломкою – вона не відразу вирішується, але, знайшовши відповідь, відвідувач отримує позитивні емоції та запам’ятовує.

Що таке загадка в дизайні? Ви коли-небудь бачили такі картини, вдивляючись в які знову і знову ти відкриваєш для себе щось новеньке? Це той самий випадок. Дизайнер як би придумує загадку, а потім її “шифрує”, глядач же поступово відкриває ці загадки (в більшості випадків на підсвідомому рівні), а в якості розгадки найчастіше виступає слоган. Якщо ми використовуємо анімований GIF, то можливостей більше, і ми можемо розбити загадку на кілька кадрів і відкривати її поступово …

За основу ми візьмемо банер із застосуванням візуала (так називається фотографічний або мальований образ, який виступає в композиції як центральний елемент). І будемо вважати, що кожен банер складається з наступних частин:

  1. Слогану
  2. Візуала, що ілюструє слоган (вступає в гру зі слоганом)
  3. Кольорової гами (для іміджевих банерів кольору часто збігаються з кольором рекламованого сайту)
  4. Додаткового тексту (адреса сторінки, пояснювальний текст)
  5. Додаткових елементів оформлення, що підкреслюють основну думку і стиль банера. У разі іміджевих банерів дуже зручно зробити один шаблон і, підставляючи різні слогани і візуали, отримати цілу серію банерів.

Зробити ефективний і красивий банер не так легко і може запросто зайняти кілька годин. Запам’ятайте одне правило – якщо створений банер Вам не подобається, то, навряд чи він сподобається іншим! Втім, це правило відноситься взагалі до будь-якої творчої діяльності. 😉

Давайте підсумуємо наші міркування і перерахуємо етапи, які потрібно пройти, щоб створити якісний банер:

  1. Для початку необхідно з’ясувати, яку мету ми переслідуємо, створюючи даний банер. А для цього задамо собі кілька запитань про те, що рекламує цей банер і кого він може потенційно зацікавити. Поставимо себе на місце відвідувача, який шукає рекламований нами сайт, і запитаємо себе, що б ми хотіли побачити на банері?
  2. Отримавши відповіді на попередні питання, необхідно сформулювати ідею або сценарій (це вже в випадку з анімованим баннером).
  3. Нарешті, підходимо до вигадування слогана, який найбільш точно виразить нашу ідею або сценарій (придумати потрібно обов’язково кілька варіантів – мінімум 10-15). Залишаємося на цьому етапі до тих пір, поки придуманий слоган нам самим не сподобається. 🙂
  4. Графічна частина – ось тепер можна запускати PhotoShop і реалізовувати ідею в картинці. Підбирати з клипарта або самому малювати відповідний під слоган візуал.
  5. Робимо першу версію банера, потім ще одну, і ще одну, і ще одну, поки … не почне дуже сильно подобатися.
  6. Остаточно оптимізуємо банер.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*