Дизайн Блогу Для початківців

Дизайн це, мабуть, головна умова (після текстового наповнення, звичайно) для успішного блогу. Коли ви почнете заробляти гроші з його допомогою, хороший веб-дизайн повинен принести величезну користь. Дивно, але багато хто вважає, що це не так. Мені здається, це відбувається через те, що хтось спочатку не так зрозумів значення слова «дизайн». Типова думка: «Сайт може бути негарним, головне - його наповнення». Але ж і хороший дизайн ніколи нікому ще не заважав! Погодьтеся, блог з цікавим контентом і хорошим дизайном приверне набагато більше відвідувачів, ніж просто з цікавими текстами.

Перш ніж продовжити, я повинен зруйнувати один поширений міф: дизайн це не красивенькі фінтифлюшки на вашому блозі. Дизайн - це та річ, яка робить блог зручним для відвідувачів. Дозвольте цитату з wikipedia.org: "Дизайн у сенсі розумного пристрою сайту значно важливіший, ніж його візуальна краса" ".

Так, закінчуємо розмазувати кашу по тарілці, давайте «дизайнерити» наш блог. Ось, що нам знадобиться: олівець, папір і графічний редактор (що-небудь типу Photoshop, Illustrator, Freehand або Gimp).

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

Отже, ми будемо створювати дизайн для вигаданого блогера. Припустимо, він (назвемо його Лешею) буде словоблудити про годинник.

Крок № 1: визначаємо мету блогу (Чого ви намагаєтеся досягти з його допомогою? Як це зробити?)

Будемо створювати такий дизайн, який підвищить прибутки Леші. Найпростіше зробити гнучкий каркас, який дозволить експериментувати з розміщенням реклами. Щоб привертати більше уваги відвідувачів, які потрапляють на сайт вперше. Зробити блог таким, що візуально запам'ятовується і дати відвідувачам більше шансів побачити таку рекламу, на яку їм захочеться клікнути, яка їм потрібна.

Крок № 2: визначаємо свою аудиторію (Яка вона? Звідки з'являється?)

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

Крок № 3: визначаємо специфічні особливості (Які функції необхідні сайту, щоб швидше досягти мети?)

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

Також необхідно підвищити «запам'ятовуваність» сайту для відвідувачів. Для цього створюємо список «Улюблених повідомлень», а внизу кожного повідомлення «корисні посилання».

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

Крок № 4: малюємо чернетку (Чорновий начерк, щоб поекспериментувати з розташуванням на сторінці різних елементів)

Нарешті починається найцікавіше! Наприклад, я використовую для цього чудову програму OmniGraffle, радійте - вона працює тільки на Mac'ax. Як тільки у мені прокидається сильне бажання вставити в дизайн якомога більше графічних елементів, я намагаюся триматися подалі від графічного редактора. Треба пригнічувати в собі такі бажання. Звичайно, блог повинен бути привабливим, але це повинно досягатися малою кров'ю.

Що ж ми робимо? Створюємо основу, на яку будуть нанизуватися всі елементи Лешиного блогу в подальшому. Найбільша помилка дизайнерів-початківців - пропуск цього кроку.

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

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

1. Рух, дія.
2. Розмір.
3. Зображення.
4. Колір.
5. Стиль тексту (шрифт та його розмір).
6. Адреса.

Якщо ми вирішили, ЗВІДКИ можемо почати читати, то можемо і вирішити, ЩО будемо читати, лише докладніше придивившись до сторінки. Звертаємо увагу на групи об'єктів, їх відповідність тематиці - щоб визначити, що ж важливіше прочитати першим.

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

Крок № 5: робіть архів настрою (збірки зображень, кольорів, шрифтів - всього, що вам подобається)

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

Для невеликих сайтів ми робимо так: створюємо в Photoshop новий документ і копіюємо туди всі зображення, які нам сподобаються в дані момент. Отриманий колаж є відправною точкою для створення дизайну.

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

Крок № 6: візуальний дизайн

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

Найбільша помилка дизайнерів - не залишати достатньо місця навколо елементів дизайну. Це називається «білим місцем» («White space»). Але воно не обов'язково повинно бути білим, просто повинно бути вільним від інших елементів.

Саме тому ви повинні бути дуже уважні, створюючи власний дизайн. А я вас залишаю - піду робити дизайн для Льошиного блогу про годинник.

Переклад Олексія ХАЛЕЦЬКОГО

crazyhamster.livejournal.com/176771.html