Category Archives: ВЕБ ДИЗАЙН

Важливі Моменти В Роботі Web-Дизайнера

Posted on by

Будь-яку людину рано чи пізно відвідує думка, чи може він бути веб-дизайнером.Та й взагалі, що таке дизайн.Такі проблеми виникають, коли вирішується доля сайту.Замовити професіоналові або зробити самому?А друг не вийде?Такі сумніви природні, особливо якщо ви ніколи раніше цим не займалися.

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

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

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

Такі речі стосуються реклами свого ресурсу.Це можуть бути анімації.Як правило, такі речі привертають увагу, тому слід зробити її максимально приємною.Щоб користувач, подивившись на неї, одразу ж захотів дізнатися, а що ж там далі?Непогано було б ще подумати про формати.Прикладом можуть служити все ті ж графічні зображення з текстовими написами.Їх слід зберігати в gif-форматі і не забувати залишати тло прозорим.

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

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

Кисті Фотошоп Для Дизайнерів

Posted on by

Кисті Фотошоп — це чудовий винахід.Багато починаючі аматори Фотошоп вважають, що кисті фотошоп — це прості кружечки і овали.При швидкому знайомстві з програмою Adobe Photoshop це дійсно здається так.При виборі опцій для кистей Фотошоп варіантів цього інструмента не так вже й багато.

Використання кистей при роботі в Фотошоп — це один з популярних методів, який використовують професійні художники, дизайнери і майстри комп’ютерної графіки.Кисті Фотошоп дозволяють значно розширити і урізноманітнити можливості чудової програми Adobe Photoshop.

Насправді кисті Фотошоп — це поняття набагато ширше.Будь-яке зображення можна досить легко зробити пензлем, будь то автомобіль, тварина, хмари або фігура людини.Потім у процесі роботи можна вибрати потрібну кисть і створити нове зображення одним кліком комп’ютерної мишки.

Наприклад, у Вас є зображення метелика.Ви обводите її будь-яким інструментом виділення (наприклад, інструмент Лассо) і робите кистю.Для того, щоб задати виділену область як кисть, Вам потрібно вибрати у верхньому меню Редагування — Визначити установки кисті (Edit — Define Brush Preset) і у вікні потрібно написати бажане назву кисті і натиснутиОк.

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

В Інтернеті можна знайти безліч колекцій, в яких представлені чудові кисті Фотошоп на будь-який смак.

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

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

Як Створити Банер

Posted on by

Створення банера— це корисна справа, яка може допомогти розкрутити сайт, послугу або який-небудь товар.Якщо пройтися по різних сайтах в Інтернеті, то можна помітити, що зараз важко зустріти той сайт, на якому б не було розміщено банерів.

Дійсно, банер — це хороший засіб реклами ваших товарів і послуг, особливо якщо він анімований.

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

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

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

І, як новачкові, вам буде дуже корисна авторська електронна книга«Банер — це просто»,яка є покроковим керівництвом по створенню статичних і анімованих банерів.На реальних прикладах описується процес створення як статичних, так і анімованих банерів.Тому, якщо Ви новачок і хочете навчитися створювати баннери самостійно, то ця книга для Вас.Детальніше про цю книгу ви можете дізнатися тут: http://goldgoods.info/goldgoods/banner_easy.html.

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

Удачи!

Що таке CMS.Коротко про безкоштовне CMS E107

Posted on by

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

Особливості CMS e107

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

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

Установка движка CMS е107 проходить просто:

1.Завантажте файли движка на сервер свого хостинг-провайдера.

2.Попередньо потрібно створити БД MySQL, через панель управління хостингом.

3.Запустіть в браузері url адресу сайту http://ваш_сайт.ru/install.php і дотримуйтесь інструкцій інсталятора.При інсталяції движка доведеться змінити права доступу до деяких файлів e107, для цього потрібно скористатися безкоштовним FTP-клієнтом.

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

Розробка фірмового стилю, Розробка Логотипу

Posted on by

Часто можна чути, що логотип — найважливіший елемент корпоративного іміджу (стилю) компанії, її візитна картка.І саме тому розробка логотипу може бути довірена тільки професіоналам.Так давайте спробуємо розібратися, що ж таке логотип і чи варто витрачати гроші на його, логотипу, професійну розробку.

Спочатку, за визначенням,логотип(від грец. Logos — слово і typos — відбиток) — оригінальне зображення повного або скороченого найменування організації або продукту.

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

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

Спробуємо зрозуміти, що таке розробка логотипу,розробка фірмового стилюі як це відбувається.Найбільш популярний у розробці логотипу підхід, має на увазі, що робота зі створення логотипу починається з вибору за основу так званої ідеї форми, максимально близькою до концепції компанії.Ймовірно, що такою формою виявиться, в тому числі, комбінація форм, або ж якась нетипова точка зору.Ймовірно, обрана форма буде викликати множинні асоціації, а можливо, навпаки, буде на 100% зрозумілий.Інший, не менш популярний, підхід передбачає, щорозробка логотипупочинається з створення його текстової частини, коли дизайнер, варіюючи шрифти, форми, розміри, формує найбільш цікавий варіант представлення компанії за допомогою форми тексту.У той же час завжди необхідно враховувати, що текст логотипу в поєднанні з графічними елементами, або ж без такого, в будь-якому випадку повинен бути читабельним навіть при малих розмірах шрифту.

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

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

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

Що За каптча (Captcha) І Як Поставить Її На Сайт

Posted on by

Captcha?

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

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

Для подібної ситуації і була винайдена дана система захисту Captcha.

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

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

Викачали, розпакували — зробили в кореневому каталозі папку captcha і закинули в неї вміст архіву.

Вибираємо сторінку додати інформацію або ж реєстрації, в самому верху (файлу сторінки реєстрації) пишемо:

session_start ();

Далі в шаблоні форми, яку заповнюють для реєстрації, додаємо зображення генерується скриптом:

А далі, можливо трохи нижче зображення — поле для вводу даних з зображення:

Тепер перебирайтеся на ту частину — куди відправляються дані з форми методом GET або POST.

Як знайдете, починаємо переробляти — так, пишемо:

if (isset ($ _SESSION [‘captcha_keystring’]) $ _SESSION [‘captcha_keystring’] == $ _POST [‘keystring’])

{Скрипт приймає дані з форми і записує дані в базу} else {

echo Ви допустили помилку при вказівці захисного коду;

} Unset ($ _SESSION [‘captcha_keystring’]);

Бажано, що б все знаходилося в одному файлі звичайно … От і все, тепер можливості вашого сайту захищені.

Так до речі, у файлі captcha / kcaptcha_config.php всі налаштування скрипта, досить зрозуміло описані.

Джерело:Ставимо каптчу

Кому Доручити Створення Сайту?

Posted on by

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

Існує два кандидати для створення сайту.

На що звертати увагу при виборі виконавця.

Ну і, врешті-решт, хотілося б додати:

Не хапайте зірок з неба — це неможливо!Завжди є пряма залежність між вартістю і функціоналом сайту.

Flash-Сайт — Час-гроші

Posted on by

Cпустя 10 років після створення в 1996 році програми Macromedia Flash (яка з 2005 року належить компанії Adobe), на світових просторах інтернету постійно з’являлося

і зникало величезна кількість Flash-утиліт (невеликих flash-програм), які значно спрощують створення flash-роликів.

На сьогоднішній день в конкурентній боротьбі з компанією Macromedia вижили не багато хто з них, але ті які вижили, становлять той самий кістяк потужних інструментів, які дозволяють швидко і ефективно створювати якісні flash-ролики.

Щоб робити професійні flash-сайти зовсім не обов’язково досконало володіти програмою Macromedia Flash, ці методи застаріли як Заіржавілі мотоциклетна коляска царя Гороха!
(Хай вибачать мене флеш-монстри
).

Давайте розберемося — Чому?

1.Час.

Всі дієві способи для створення самого простого, мало-мальськи презентабельного flash-ролика в програмі Macromedia Flash просто зобов’язують знати основи програмування в Action Script, який по праву вважається одним з найскладніших мов програмування.

Щоб навчитися ефективно застосовувати цю мову на практиці, можуть піти довгі роки сидіння за монітором (як мінімум по 10-12 годин на день).Цей завзятий (згодом вельми-високооплачуваний) праця по зубах далеко не кожному.

Справжніх Flash-програмістів в Рунеті можна по пальцях перерахувати, і це дійсно професіонали своєї справи.

Якщо ви повні сил і у вас є час (багато часу) Вивчайте Action Script (тільки, якщо ви фанатично любите Flash).

Вивчайте, і у вас через пару років обов’язково що-небудь вийде.Я навіть вірю в Вас!Пробуйте, дерзайте!Мир створення Flash — прекрасний!

Але ще раз хочу нагадати: це за умови що у вас є багато вільного часу, здібностей і засобів щоб у цей період НІЧИМ більше не займатися.

Варіант 2-3 години після роботи — тут не проходить.

Action Script, потрібно знати досконально і тільки досконально і по книжечці купленої в книжковому магазині або по 2-х тижневого курсу — йому не навчилися.

Тільки після як мінімум 2-х річного (з досвідченим наставником) поглибленого, практичного вивчення можна намагатися створювати щось вартісне в Flash.

Загалом, з часом і мотивацією, думаю — все зрозуміло.

2.Гроші.

І так, як я вже згадував вище, щоб займатися програмуванням в програмі Macromedia Flash необхідно мати:

Величезне бажання, багато вільного часу,

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

Давайте відповімо самі собі на одне єдине питання: Ви хочете стати професійним Flash-Програмістом витративши 2-року на навчання і заробляти на своєму умінні гроші?

Щож, похвально — професійні флеш-розробники (креативні, тобто самі вміють малювати руками) дуже навіть затребувані і заробляють (в Москві) від 2000 $ в місяць.

Якщо так, то Вам краще сфокусуватися на поставленої мети.Удачи!

Наступна інформація присвячена виключно створення Flash-роликів за допомогою спеціальних програм не вимагають знання Action Script і без участі Macromedia (Adobe) Flash.

І адресований насамперед тим, хто хоче навчитися Flash-анімації за допомогою програм, які створюють і практично самі генерують професійні Flash-сайти, Flash-ролики і Flash-презентації за лічені хвилини.

Якщо ви хочете для себе чи своєї компанії зробити професійний Flash-сайт і редагувати, вносити ізменненія в нього самостійно (без залучення дорогих флеш-дизайнерів).

Вихід є.Потрібно використовувати прогресивні сучасні методи, які дають можливість системного управління вмістом флеш-сайту (Flash-CMS) за допомогою спеціальної flash-програми навіть початківцю.

Більше того, ця програма використовує свій унікальний мову програмування нагадує мову сценаріїв Java Script, але при цьому ця мова має більш розширені можливості стиснення файлів, що забезпечує невеликі розміри flash-файлів (SWF) і виняткова зручність.

Так-же, ця програма дозволяє:

створювати і розповсюджує свої власні спецефекти Flash;

має безліч професійних макетів для створення сайту

за допомогою яких можна робити свої, унікальні flash-сайти.

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

Детальніше про це, ви зможете дізнатися на сайті:

Flash-Анімація простою людською мовою

PS На сьогоднішній день сучасні flash-технології — дозволяють генерувати флеш-фотоальбом з функцією flash-слайд шоу, навіть в програмі Adobe Photoshop CS 9, всього в кілька кліків — тим, хто вобще ніколи не мав досвіду спілкування з цією програмою.

Але ж це, тільки один з найпростіших способів створення flash (як не дивно, навіть про нього мало хто знає), не кажучи вже про те, що існують flash-програми які значно перевершують за швидкістю і функціональним можливостям ту-ж Macromedia Flash — В РАЗИ.

Про автора: Тим Ворон є автором 2-х годинного

відео-курсу Як зробити Flash-сайт за 120 хвилин

Якщо Ви хочете Самостійно Зробити Професійний Flash-Сайт, Навчитися Створювати Стильні Flash-Ролики, Подаруйте Свій Товстий Підручник За Macromedia Flash Кому небудь іншому.

І Дізнайтеся Нарешті Що Таке Швидка І Ефективна Flash-Анімація!

Клікніть щоб дізнатися всі подробиці: www.MustHaveProfits.ru

Отримайте детальну інформацію про це тут ==> www.MustHaveProfits.ru

Як зробити знімок екрана — Скріншот (Screenshot)

Posted on by

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

Скріншот (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якість залишається на хорошому рівні.

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

Як Зробити Ефективний Банер?

Posted on by

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

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

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

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

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 разів!

Правила І Принципи Юзабіліті

Posted on by

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

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

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

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

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

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

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

Graceful Degradation, Fault-tolerance

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

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

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