|
Веб-дизайн (від англ. web desіgn) - візуальне оформлення веб-сторінок. Він відіграє таку ж роль для сайту, як поліграфічний дизайн і верстка для паперового видання. У широкому змісті "веб-дизайном" називають веб-розробку, тобто створення сайту взагалі, проектування структури, навігації, а іноді і системи управління сайтом.
Веб-дизайнер - фахівець, що виконує графічний дизайну сайту, працівник дизайн-компанії (веб-студії).
Веб-дизайнери можуть працювати як у складі колективів дизайн-студій, так і дистанційно - в останньому випадку мова йде про веб-дизайнерів - фрілансерів.
Часто веб-дизайнер займається також версткою типових веб-сторінок у форматі html. У великих студіях, цим занимаеся спеціальний співробітник. Однак будь-який веб-дизайнер повинен знати основи html, що б не створювати макети, які не зможуть бути надалі реалізовані засобами html.
Веб-дизайнери часто володіють простими мовами для веб-програмування і можуть запропонувати додаткові послуги з розробки сайту. Якщо дизайнер володіє повним пакетом робіт з веб-розробки сайту (від дизайну і верстки до складного програмування й керування), то його варто віднести до категорії веб-майстер.
Веб-дизайнер - порівняно молода професія, і професійна освіта в галузі веб-дизайну в Україні поки не дуже поширена. Як правило, веб-дизайнер - художник або дизайнер (поліграфії або реклами) за освітою. У зв'язку зі збільшенням попиту на Інтернет, росте й попит на дизайн сайтів, збільшується кількість веб-дизайнерів.
"
В наш час під терміном веб-дизайн розуміють саме проектування структури веб-ресурса, забезпечення зручності користування ресурсом для користувачів.
Немаловажною частиною проектування ресурсу останнім часом стало приведення ресурсу у відповідність стандартам W3C, що забезпечує доступність змісту для людей з обмеженими фізичними можливостями й користувачів портативних пристроїв, а також кроссплатформенність верстки ресурсу. Також безпосередньо з дизайном сайтів суміжний маркетинг в Інтернеті (інтернет-маркетинг), тобто, просування й реклама створеного ресурсу, пошукова оптимізація. У такий спосіб візуальними засобами вирішуються найрізноманітніші завдання, такі як, підвищення продажів, зміцнення довіри, створення певного іміджу й інших.
Складанням технічного завдання на розробку сайту для фахівців займається менеджер проекту. Робота із замовником починається із заповнення брифа, у якому замовник викладає свої побажання щодо візуального подання й структури сайту, вказує на помилки в старій версії сайту, приводить приклади сайтів конкурентів.
Виходячи із брифа, менеджер формує технічне завдання, з огляду на можливості програмних і дизайнерських засобів. Етап закінчується після створення технічного завдання замовником.
Важливо відразу відзначити, що етапи проектування веб-сайтів залежать від багатьох факторів, таких як обсяг сайту, функціональність, завдання, які повинен виконувати майбутній ресурс і багато чого іншого. Однак, є кілька етапів, які в обов'язковому порядку присутні в плануванні будь-якого проекту.
Дизайн основної й типової сторінок сайту
- починається робота зі створення дизайну, звичайно в графічному редакторі. Дизайнер створює один або кілька варіантів дизайну, відповідно до технічного завдання. При цьому окремо створюється дизайн головної сторінки, і дизайни типових сторінок (наприклад: статті, новини, каталог продукції). Дизайн сторінки - це графічний файл, листковий малюнок, що складається з більш дрібних картинок-слоїв елементів загального малюнка.
При цьому дизайнер повинен враховувати обмеження стандартів html (не створювати дизайн, що потім не зможе бути реалізований стандартними засобами html). Виключення становить Flash-дизайн.
Кількість ескізів і порядок їхнього надання обумовлюється з проект менеджером. Так само менеджер проекту здійснює контрольтермінів. У великих веб-студіях у процесі бере участь арт-директор, що контролює якість графіки. Етап так само закінчується затвердженням ескізу замовником.
Затверджений дизайн сайту передається html-верстальнику, що "нарізає" графічну картинку на окремі малюнки, з яких верстає html-сторінку. У результаті створюється код, який можна переглядати за допомогою браузера. А типові сторінки згодом будуть використовуватися як шаблони.
У невеликих студіях, html-кодуванням займається веб-дизайнер.
Далі html-кодер передає HTML-файли програмісу. Програмування сайту може здійснюватися як "з нуля", так і на основі CMS - системи управения сайтом. Веб-разробники часто називають CMS "движком".
У випадку з CMS треба сказати, що сама "CMS" у деякому змісті - це готовий сайт, що складається з замінних частин. Програміст - фахівець з CMS, повинен налаштувати систему управління сайтом і адаптувати до неї оригінальний шаблон. Цей оригінальний шаблон він і повинен створити на основі вихідного макету "вебдизайну". При програмуванні сайту визначаються терміни роботи.
Завершальним етапом розробки сайту під ключ є звичайно ж його тестування.
Вебдизайн сайту повинен адекватно выглядати у різних браузерах, особливо в браузерах ІE 6 (Інтернет-эксплорер) і Opera. Згаданий ІE 6 занадто по-свому бачить HTML стандарти - пережитки старої боротьби за лідерство з Netscape. На даний час це морально застарілий браузер, який створює багато проблем для вебдизайнера, і його хотіли чи ледве не оголосити поза законом. Але оскільки він йде у стандартній поставці Wіndows XP, і встановлений на більш ніж половині всіх комп'ютерів, - нікуди не дітися, доводиться обов'язково тестувати і в ньому. Далі тестується вигляд зі збільшеними шрифтами, при відсутньому флеш-плеєрі тощо. Виявлені помилки відправляються на виправлення доти поки не будуть усунуті.
Терміни контролює менеджер проекту. Так само на цьому етапі залучають до роботи дизайнера, щоб він провів авторський нагляд.
Файли сайту розміщають на сервері провайдера і роблять потрібні настроювання. На цьому етапі сайт поки закритий для відвідувачів.
Сайт наповнюють контентом - текстами, зображеннями, файлами для скачування і т.д. Іноді тексти складаються фахівцем студії, іноді контентом займається відповідальна особа з боку замовника. Це вказується на етапі складання технічного завдання. У випадку якщо контент складається представником студії, то це відбувається й затверджується паралельно з іншими етапами проекту.
Внутрішня SEO-оптимізація пов'язана з деякими змінами самого сайту. Починається вона з визначення т.зв. семантичного ядра. Тут визначаються такі ключові слова, які залучать найбільш зацікавлених відвідувачів, по яких виграти конкуренцію простіше. Потім ці слова вносяться на сайт. Тексти, посилання, інші теги адаптуються так, що б пошукові системи могли їх успішно знаходити по ключових словах.
Зовнішня SEO-оптимізація зводиться, як правило, до побудови структури вхідних посилань. Це властиво і є розкрутка. До розробки сайту SEO-оптимізація не має відношення. Оскільки SEO-оптимізація це різновид шаманства - вона як магія, класифікується на "білу" і "чорну" -таку, після якої сайт за два тижні попадає в топ, а потім у бан. Справжня біла SEO оптимізація це трудомісткий і довгий процес, вартість якого може в кілька разів перевищувати витрати на створення сайту.
Замовник або його довірена особа переглядають готовий проект і у випадку, якщо все влаштовує, то підписують документи про здачу проекту.
Так само на цьому етапі відбувається навчання представника замовника навикам роботи в адміністративній частині сайту.
Унікальний дизайн сайту коштує дорожче ніж шаблонний, і передбачає відмальовку з нуля, повністю унікальну розробку під конкретне замовлення. Залежно від професіоналізму і/або політики компанії веб-дизайнер або розробляє ідею та концепцію дизайну повністю самостійно, або одержує ряд вимог (колір, стиль і т.п. ), ідей від замовника або креативного директора (арт-директора) і намагається триматися цього напрямку при розробці макета.
Іноді дизайнер може запропонувати рішення на основі шаблонів (своїх або навіть чужих), це прискорює роботу і обійдеться замовникові дешевше. Деякі дизайнери навіть спеціалізуються на виготовленні дизайнів-макетів для продажу як готові шаблони, які потім можуть бути куплені і використовуватися менш досвідченими дизайнерами або веб-мастрами для виготовлення типових сайтів (по суті, без унікального дизайну). Іноді розробкою веб-дизайну називають невелике перекомпонування та адаптацію такого шаблона під конкретне замовлення.
Авторська стаття. Використання матеріалу дозволене тільки при встановленні активного гіперпосилання на сайт: http://www.sanao.com.ua |
Львівська веб-дизайн студія "Sanao Design" 
