Базові правила („постулати”) web-дизайну

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

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

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

Правило 1. У сучасному Інтернеті прийнято мовчазну угоду про те, що - професійний сайт повинен коректно відображатися при екранному дозволі 800x600 крапок.

Примітка. При відображенні html-документа, розрахованого на перегляд з екранним дозволом 1600x1200 крапок, на комп'ютері, налаштованому на дозвіл 800x600 крапок, в нижній частині головного вікна браузера з'являється горизонтальна смуга прокрутки, що значно ускладнює вивчення документа і викликає безліч нарікань у користувачів.

Порада. Рекомендується перевірити коректність відображення інформації, що міститься в html-документі, при зміні екранних настройок в усіх популярних браузерах.

Наступне правило обумовлене тим, що вам невідоме програмне забезпечення, яке використовується вашими потенційними відвідувачами для проглядання web-сторінок. Йдеться про браузери. Різні браузери використовують різні алгоритми обробки HTML-коду, через що один і той же елемент в цих двох браузерах може відображатися абсолютно по-різному. Серед починаючих web-дизайнерів, існує думка, ніби примусити сторінку виглядати однаковим чином в згаданих програмах зовсім неможливо. Проте це абсолютно не так: всі відмінності між браузерами чудово піддаються кількісній оцінці і аналізу, більш того, існує безліч алгоритмів, застосування яких дозволяє звести неадекватність відображення сторінок до мінімуму.

Правило 2.Web-сторінка повинна ідентично відображатися в різних браузерах.

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

Правило 3. Всі сторінки web-сайту, а також всі інтегровані в них графічні і інтерактивні елементи повинні бути мінімальними за об'ємом.

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

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

Правило 4. Створена вами web-сторінка повинна обов'язково включати навігаційні елементи, що охоплюють всі розділи вашого сайту, причому ці елементи повинні завжди бути на очах. Їх розташування слід обирати, виходячи з максимальної зручності для користувача. Якщо вони розміщені у верхній частині сторінки і пропадають з поля зору після скролінгу (прокрутки екрану вниз), не забудьте продублювати їх в нижній частині документа.

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

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

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

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

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

Правило 7. Використовуйте тільки коректні колірні схеми і не застосовуйте при оформленні документів більше трьох різних кольорів.

Виключення тут можна зробити хіба що для півтонів одного і того ж кольору. Колірні поєднання які рекомендується використовувати при підготовці дизайну вашого web-проекту наведено в Додатку 1.