Рано чи пізно більшість користувачів стикаються із завданням зробити знімок екрана (скріншот) або активного вікна тобто, зробити «фотографію».В цьому немає нічого складного.

Скріншот (screenshot) — знімок екрана, картинка, яка точно відображає те, що показує ваш монітор в конкретний момент часу.

Для того щоб зробити знімок екрану потрібно всього лише натиснути клавішу Print screen (скорочено — PrtScr або Print Scrn).Вона зазвичай розташовується в правому верхньому кутку, на одній кнопці з SysRq.Натискання клавіші Print screen ніяк не відіб’ється на екрані, але знімок екрана вже буде зроблений, який на час збережеться в буфер обміну (в пам’ять комп’ютера).

Використовувати клавішу Print screen можна в двох випадках:

Для того щоб витягти знімок з буфера, потрібна будь-яка програма, здатна обробляти графіку.Можна обійтися звичними програмами, такими як Word, Paint, Photoshop та ін

Збереження скріншота в MS Word і в Paint.Потрібно відкрити програму, натиснути праву кнопку миші і виберать в меню пункт «вставити» (або натисніть комбінацію клавіш Ctrl + V) або в головному меню програми вибрати «правка-» вставити ».

Якщо знімок необхідно відредагувати, тоді його слід спочатку вставити в програму обробки графіки, наприклад, Phonoshop або Gimp.Для чого і як це робиться, написано в статті: готуємо зображення для web.Після внесення змін файл потрібно зберегти, в правильному форматі.Найбільш оптимальними будуть формати:jpeg, gif, png:

Форматgifпризначений для невеликих зображень, яким не потрібно більше 256 кольори.Форматjpegдобре зменшує вагу зображення, і при цьому сильно втрачається якість.Форматpngтакож добре зменшує вагу, але на відміну відjpegякість залишається на хорошому рівні.

Зробивши, ці не складні дії, Ви отримаєте готовий знімок екрана, який тепер можна надіслати електронною поштою або викласти на сайті.

Або чого слід уникати, щоб не зазнати фіаско в рекламній кампанії

Отже, вкотре ви, дивлячись на черговий раптово виник банер, думаєте: «Чорт, як таке взагалі можна було зробити?!» Велика кількість спецефектів, яскравих фарб, незрозумілих звуків, настирливість і відверто нахабний (нудний, невиразний) посил — все це , безсумнівно, дратує і примушує закрити сторінку з побаченої анімацією назавжди.І, звичайно ж, для свого ресурсу (або для сайтів потенційних клієнтів) ви хочете зробити щось більш красиве, цікаве, привабливе і ефективне.Але як?Що необхідно врахувати, на що звернути увагу при створенні анімованого банера?Про що не варто забувати, і які хитрощі можна використовувати?Про це ми і поговоримо в цьому матеріалі.

Про тексті, сюжеті і цільової аудиторії

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

1.Навіть найпривабливіший баннер не зможе утримати споживача, якщо ваш товар / послуга не будуть якісними, затребуваними і цікавими.

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

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

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

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

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

Текст необхідно адресувати безпосередньо вашої цільової аудиторії, враховуючи особливості, проблеми, настрій і матеріальний статус її представників.

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

Приклад:

Послання 1: Купіть крем «Молодість».Послання містить інформацію про товар, але зовсім не оповідає, кому потрібен цей крем і для чого.

Послання 2: Купіть крем «Молодість» і будьте завжди свіжою і красивою.У посланні міститься інформація про товар і проблеми, яку він дозволяє вирішити.Але текст нудний — в ньому немає інтриги.

Послання 3: Як виглядати на 10 років молодше?5 найбільш гострих проблем, які допомагає вирішити крем «Молодість».У посланні є текст про товар, про проблему, а також міститься нотка інтриги.Жінки, у яких є подібна проблема, обов’язково відреагують і перейдуть на сайт, щоб отримати більше інформації та дізнатися про крем.

4.Навіть самий помітний банер не дасть ефекту без наявності сюжетної анімації.Що це означає?Все просто: будь-який банер — це мініатюрний рекламний ролик, який повинен мати сюжет і взаємозв’язок між змінними зображеннями.Згадайте самі цікаві банери, які ви бачили — всі вони мали цікавий сюжет, який і спонукав вас перейти на сайт.

Приклад:Вельми цікаві ігрові сюжети.Наприклад, банер, що рекламує натуральні ліки від грипу, пропонує зібрати в кухоль з окропом падаючі фрукти і ягоди.При цьому, чим більше фруктів і ягід збереш — тим швидше нормалізується температура до 36.6.Або банер, що рекламує он-лайн гру, де пропонується знайти прихованого лиходія серед однакових на перший погляд персонажів.Не менш цікаві й рекламно-гумористичні банери, які розкривають певний сюжет.Наприклад, банер компанії автодопомоги: кадр 1 — у людини посеред пустельної дороги зламалася машина, кадр 2 — з неба є команда майстрів у рятувальних костюмах, кадр 3 — людина задоволений, махає на прощання летить команді майстрів.

Поговоримо про графік

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

При створенні графічної частини слід враховувати кілька правил:

Банер повинен гармоніювати по колірній гамі, стилістиці та рівню з дизайном сайту, на якому його планується показувати.

Банер повинен привертати увагу.Тому слід обов’язково використовувати flash або GIF анімацію, але при цьому не перестаратися і не зробити банер занадто зухвалим і дратівливим око.Виявлено, що анімація підвищує ефективність банера на 30-40%.Але це за умови, що анімація не розсіює увагу, не рясніє безліччю складних елементів і швидко завантажується.

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

Прослідкуйте за колірною гамою.Ні в якому разі не робіть тло банера мерехтливим.Звичайно, це приверне увагу, але потрібне вам ефектом це не обернеться.Крім того, не використовуйте поєднання кольорів, які дратують око.Оптимальними колірними поєднаннями в порядку убування є наступні:

Ще декілька хитрощів

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

Швидке завантаження.Хороший банер «важить» максимум 10-12 kb.«Вхід» і «Натисни сюди».Виявлено, що використовуючи ці слова, можна підвищити ефективність вашої анімації на 20-30%.«БЕЗКОШТОВНО!»Дане слово може просто магічно впливати на користувача, але тільки при наявності пояснювального тексту.Коротко і інтригуюче поясніть, що саме людина отримає безкоштовно, якщо перейде на ваш сайт.«Зачіпки» заголовки.Один з головних секретів маркетингових текстів — ефектні заголовки.Тому, як правильно писати заголовки, варто присвятити окрему статтю.Але серед найбільш дієвих методів — використання цифр (10 способів схуднути), питань (Як змайструвати шпаківню? Чому небо синє?), Загадок (Секрет вічної молодості).Текст блакитного кольору.Текст з підкресленням блакитного кольору підсвідомо асоціюється у користувача з посиланням, а тому провокує натиснути по банеру.Схожість з Windows.На думку експертів, банери, оформлені як елементи управління Windows (смуги прокрутки, що випадають меню, кнопки і т.д.) набагато частіше спонукають користувача зробити клік.Створюйте нові анімації.Якщо користувач бачив ваш баннер 3 рази і так і не перейшов на сайт — можете бути впевнені, що й не перейде.Тому якщо ви припускаєте організувати широку рекламну кампанію, відразу продумайте безліч варіантів банерів і будьте готові їх міняти досить часто.

Банер не приносить очікуваного ефекту.Що робити?

Якщо ви впевнені, що розмістили анімацію в оптимальному місці і правильно визначилися з цільовою аудиторією — змініть банер!Не обов’язково повністю його переробляти.Поміркуєте самі, в чому можуть бути слабкі місця.Попросіть 8-10 знайомих і колег оцінити вашу рекламу і висловити свої думки.Постійно вносите коригування в банер, покращуйте його.Часом подібні виправлення можуть підвищити ефективність вихідної анімації в 6-8 разів!

Ось кілька правил, які допоможуть вам правильно зрозуміти суть дизайну і заощадити сили.

Правило 80/20 (Принцип Парето)

Полягає в тому, що 80% ефекту виходить від 20% зусиль.У бізнесі це правило часто застосовується у вигляді: «80% продажу припадає на 20% клієнтів».У сфері веб-дизайну це правило залишається актуальним.Наприклад, значно поліпшити віддачу сайту можна визначивши 20% користувачів, замовників, дій, продуктів чи процесів які дають 80% прибутку і звернувши на них особливу увагу при розробці.

Задоволеність

Відвідувачі часто не вибирають найоптимальніший шлях у пошуку необхідної інформації.Їм не потрібно найкраще і надійне рішення, навпаки — часто вони готові задовольнитися швидким і не найкращим рішенням, яке буде «цілком прийнятним».Стосовно до мережі, під задоволеністю розуміють знаходження «пріємлімоє рішення», навіть якщо є інші рішення, які лучшеотвечают вимогам користувача.

Прогресивнеполіпшення (Progressive Enhancement, PE)

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

Graceful Degradation, Fault-tolerance

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

Насправді принципів і правил набагато більше.Багато хто з них досить очевидні.Деякі складніше.Необхідно знати і застосовувати кожне, при проектуванні дизайну сайту.

Стаття підготовлена ​​з використанням матеріалу порталу про веб дизайні OriginSite