Веб-дизайн (web page design) - це процес проектування, планування, моделювання та реалізації доставки електронного вмісту через мережу Інтернет з використанням технологій (на основі мов розмітки), придатних для інтерпретації та візуалізації веб-браузером або іншим графічним веб-інтерфейсом користувача.
Дуже важливим є приведення веб-ресурсу у відповідність стандартам W3C, що забезпечує доступність змісту для людей з обмеженими фізичними можливостями та користувачів портативних пристроїв, а також кроссплатформенность коду розмітки ресурсу.
Основними аспектами веб-дизайну (в першу чергу для комерційних веб-сайтів) є наступні:
Вміст. Інформаційне наповнення повинно бути релевантним тематиці сайту і орієнтованим на цільову аудиторію сайту.
Зручність у використанні (usability). Сайт повинен мати дружній призначений для користувача інтерфейс з простою і надійною навігацією.
Зовнішній вигляд. Графіка і текст повинні бути виконані в одному стилі і узгоджені на всіх сторінках сайту. Стиль оформлення повинен демонструвати професіоналізм, привабливість і релевантність.
По-суті, веб-сайт - це інформаційна система, яка містить дві основні компоненти:
Компоненту уявлення (front-end). Видиме вміст (розмітка сторінок, графіка, аудіо та текст).
Компоненту реалізації (back-end). Пов'язана з організацією та ефективною реалізацією вихідних кодів. Включає в себе не відображаються сценарії, серверні компоненти, що є основою для компоненти уявлення.
Складанням технічного завдання на розробку веб-сайту для фахівців займається менеджер проекту. Робота з замовником починається зі складання короткого опису, в якому викладаються побажання замовника по візуального уявлення і структурі сайту. З урахуванням можливостей програмних і дизайнерських засобів і виходячи з короткого опису, менеджер складає технічне завдання, яке має бути затверджене замовником.
Етапи проектування веб-сайту залежать від обсягу сайту, його функціональності та багато чого іншого.
Розробка веб-сайту включає в себе наступні етапи:
HTML-кодування, в результаті якого створюється код, який можна переглядати за допомогою браузера.
Програмування сайту. Може здійснюватися як "з чистого аркуша", так і за допомогою спеціального високоуровнего пакета - системи управління сайтом (CMS).
Розміщення сайту в Інтернет, наповнення контентом і публікація.
Оптимізація веб-сайту з метою підвищення його видимості в Веб.
Здача сайту замовнику.
Дизайн сайту (веб-дизайн) це не просто його художнє оформлення. Створення якісного дизайну повинно враховувати кілька обов'язкових аспектів. Ось основні з них:
Розташування елементів оформлення повинно підкреслювати важливі інформаційні блоки, "водить" погляд відвідувача по екрану так, щоб той протягом декількох секунд зрозумів "про що тут написано" і "що робити далі".
2. Web-дизайн повинен бути ергономічним. Дотримуватися контрастність тексту до фону, використовувати зручну навігацію, по можливості не змінювати розташування навігаційних елементів на різних сторінках сайту. Грамотна навігація по сайту і дотримання правила "трьох кліків" (до будь-якої інформації на сайт користувач повинен добиратися не більше ніж за три клацання миші) - ці вимоги веб-дизайну слідують з елементарної поваги до відвідувачів сайту. Якщо розробляється сайт має комерційну або інформаційну спрямованість, краще не експериментувати з "нетрадиційної" навігацією по сайту тільки заради того, щоб "виділитися" в загальній масі. Виділяйтеся за рахунок чогось іншого, але меню повинно знаходитися там, де користувач звик, де він очікує його побачити.
3. Веб-дизайн повинен бути красивим. А це значить приємним оку, комфортним. Однаковість шрифту, мінімум виділень шрифту кольором і розміром літер, забезпечать відвідувачеві комфорт на вашому веб-сайті, а вам - постійного відвідувача. І хоч краса не є поняття абсолютне, критерій тут досить простий. Веб-дизайн в першу чергу повинен сподобатися відвідувачам вашого сайту (в кінцевому рахунку - вашим клієнтам) і вже потім вам, як власнику сайту. Покажіть концепцію дизайну, який збираєтеся затвердити, кільком своїм клієнтам і послухайте їхню думку.
4. Технологічність веб-дизайну. Вимога технологічності web-дизайну обумовлено тим, що сучасний ресурс динамічний. У ньому немає фіксованого набору розділів - вони будуть додаватися вами, як власником і адміністратором сайту, в процесі експлуатації сайту. Все що може, і про що зобов'язаний подбати веб-дизайнер - це про правила виведення типових (і на етапі розробки вельми абстрактних) елементів та інформаційних об'єктів, які в подальшому ви будете розміщувати на своєму сайті. Відразу скажу, що завдання це не проста і накладає на дизайнера масу обмежень. Більш того, переважна більшість веб-дизайнерів просто не звикло ще працювати в умовах динамічно розвивається структури веб-сайту. На етапі розробки йому доводиться працювати в тісній зв'язці з верстальником, обдумуючи що станеться з тією чи іншою картинкою якщо тут з'явиться дуже довгу назву, або пунктів в меню стане занадто багато. Ось в цих суворих рамках і повинен знайти елегантну свободу сучасний веб-дизайнер.
5. Перше враження. Перше враження створюється не від того, яка конкретна інформація розміщена на сайті. Чи не від окремих елементів дизайну, а від сприйняття сайту в цілому, від його загального вигляду і загальної спрямованості. Якщо це сприйняття буде позитивним, відвідувач почне вивчати меню, переглядати інформацію, якщо немає, може відразу піти.
При цьому на загальне сприйняття впливають не тільки художні аспекти. Впливає і тематична спрямованість розташованої на сайті графіки, загальна спрямованість посилань і текстів. Якщо відвідувач займається пошуком інформації (статей, описів і т.д.), а в що відкривається першій сторінці сайту бачить сяючий флеш в пів-екрану і кілька написів, він найімовірніше відразу піде. Загальний вигляд Вашого сайту повинен чітко відповідати місії сайту.
Чітко сфокусована орієнтація всіх елементів дизайну корпоративного сайту на споживача, на необхідну Вам цільову аудиторію - один з основних факторів успіху.
6. Зручність сайту. Перше враження від сайту дуже гарне, але органи управління розташовані незручно, написи мало інформативні, меню має велику глибину і в ньому можна заплутатися. Користувач може просто не дійти до потрібної йому інформації і покинути сайт.
Викладене вище показує важливість і складність створення якісного дизайну сайту. Хороший дизайн можна отримати тільки ітераційним методами: поки сайт не функціонує (не запрограмований і не наповнений контентом) дуже важко уявити його оптимальний дизайн. Але не маючи концепції дизайну неможливо приступити до програмування сайту. Дизайн створюється до початку програмування, коригується в ході програмування і допрацьовується після закінчення наповнення сайту контентом.
Від того, наскільки дизайн сайту відповідає рівню компанії та її фірмовому стилю, характеру надаваних послуг, необхідної цільової аудиторії, багато в чому залежить успішність бізнесу в цілому. Дизайн сайту повинен відповідати змісту сайту, а в цілому вони повинні бути орієнтовані на необхідну цільову аудиторію.
Елементи - це частини або компоненти, які можна виділити і визначити в будь-який візуальної композиції або творі мистецтва. Вони створюють структуру твору, і можуть нести безліч різних ідей.
Елементами дизайну є: