Що таке веб-дизайн, його основні елементи, етапи та принципи
Частенько в офлайні мене запитують «Хто такий веб-дизайнер», зазвичай я відповідаю, що це людина, яка робить сайти. Нещодавно я задумалася, а чи так це насправді. У підсумку я вирішила уточнити це питання і з'ясувати, що ж таке веб-дизайн в широкому розумінні цього терміна, і кого тоді можна назвати веб-дизайнером. Для того, щоб з'ясувати це, давайте послідовно розглянемо етапи, принципи та елементи веб-дизайну.
1. Визначення веб-дизайну
Прочитавши безліч визначень веб-дизайну, я зупинилася на наступному. Веб-дизайн - це процес виробництва веб-сайтів, який включає технічну розробку, структурування інформації, візуальний (графічний) дизайн і доставку по мережі.
2. Етапи веб-дизайну
Давайте розглянемо докладніше з яких етапів складається процес створення веб-сайту. Детальне розуміння процесу створення сайту дасть нам можливість визначити хто чим займається на кожному етапі і кого виходячи з цього називати веб-дизайнером.
1. Технічне завдання (ТЗ)
Виходячи з чіткого розуміння мети, для якої створюється сайт, обсягів сайту, його функціональності задаються основні параметри візуального представлення і структури сайту. Етап закінчується після затвердження технічного завдання замовником. Займається менеджер проекту.
2. Структурування інформації (юзабіліті)
Сюди входять форма і організація вмісту сайту. Включає широкий ряд питань від продумування логічної структури веб сторінок до вибору найбільш зручних форм подачі інформації. Займається дизайнер, менеджер проекту.
3. Графічне оформлення
У графічному редакторі компануется візуальне простору сайту за допомогою графічних елементів в якості прикраси або навігації. Власне дизайн сторінки є графічний файл. Виконується дизайнером.
4. Верстка
На цій стадії графічна картинка нарізається на окремі елементи і з використанням технологій HTML і CSS трансформується в код, який можна переглядати за допомогою браузера. Виконується кодером, програмістом.
5. Вебмастерінг
На цій стадії здійснюються дії, що сприяють поширенню і ефективної доставки сайту по мережі. Включає розміщення на хостингу і пошукову оптимізацію. Виконується адміном, вебмастером.
3. Хто такий веб-дизайнер
Веб-дизайнер - це той, хто самостійно здійснює запуск сайту і виконує всі етапи створення сайту своїми силами. При цьому слід розуміти, що веб-дизайнер може делегувати стороннім особам виконання деяких етапів, але при цьому сам контролює весь процес. Та й сам веб-дизайнер повинен бути фахівцем широкого профілю і розбиратися у всіх аспектах веб-дизайну.
Отже, ми бачимо суттєву різницю між поняттям дизайнер і веб-дизайнер. Дизайнер - це той, хто розробляє юзабіліті і графічну складову сайту. Я думаю, що у нас ці два поняття злилися через відсутність вузької спеціалізації виконавців. І в основному робиться акцент саме на створення графічної складової сайту, хоча це далеко не все.
4. Елементи веб-дизайну
Елементи веб-дизайну - це ті абстрактні матеріали, з якими доводиться працювати дизайнеру. До основних елементів дизайну відносяться: простір, лінія, фігура, колір, текстура, шрифт, форма, світлотінь, розмір. Саме з них, як з цеглинок, будується вся композиція дизайну.
Щоб правильно ними користуватися, треба знати їх характерні властивості, сильні і слабкі сторони, поведінка в різних ситуаціях. Більш докладно про елементи дизайну можна прочитати в статті « Основні елементи дизайну, які беруть участь у створенні композиції «, Де кожен елемент розглянуто окремо.
5. Принципи веб-дизайну
Але щоб навчитися будувати будівлі, недостатньо знати властивості цегли. Саме принципи веб-дизайну визначають правила взаємодії всіх елементів. До основних принципів веб-дизайну відносяться: баланс, контраст, підпорядкованість, напрямок уваги, пропорції, масштаб, ритм, єдність.
Фундаментальні принципи дизайну визначають що добре і що погано серед незліченної безлічі поєднань елементів. Більш докладно про принципи дизайну можна прочитати в статті « Основні принципи створення гармонійної композиції в дизайні «, Де кожен принцип розглянуто окремо.
6. Як навчитися веб-дизайну
Мене часто запитують, що треба зробити, щоб навчитися веб-дизайну і чи можна навчитися дизайну вже в зрілому віці. По-перше, навчитися веб-дизайну можна абсолютно в будь-якому віці. Тут головне не вік, а наявність бажання і терпіння вчитися. А по-друге, процес навчання веб-дизайну практично нічим не відрізняється від інших процесів навчання.
Тому для початку непогано ознайомитися з теоретичною частиною. Одна розумна книжка дасть вам загальне уявлення про досліджуваному предметі. Мені, наприклад, свого часу дуже допомогла книжка Д.Кірсанова «Веб-дизайн». Більш докладно про корисні книгах можна почитати в статті « 10 найпопулярніших і корисних книг по дизайну, які добре б прочитати «.
Але головна складова процесі навчання веб-дизайну - це практика. Починати треба з самих нескладних уроків для новачків. Потрібні саме прості уроки, тому що коли виходить - це дає сильний стимул рухатися далі. Тренуючись на уроках купуються необхідні навички, які в подальшому необхідно розвивати.
Попутно дуже корисно дивитися на кращі зразки дизайнерської творчості. Потім можна спробувати зробити щось аналогічне своїми силами. І завжди треба вірити, що у вас все вийде! Більш докладно своїм дизайнерським досвідом я поділилася в статті « 33 ради починаючим дизайнерам або як не робити непотрібних помилок «.