Вебдизайн та графічний дизайн мають багато спільного.  Обидва вимагають гарного розуміння типографії, графіки та принципів дизайну. Але вебдизайн і графічний дизайн — це різні напрямки з різними поняттями.

Вебдизайн – це динамічне середовище

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

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

Графічний дизайнер -  UI дизайнер

UI дизайнер - це інтерфейс користувача (від англійського user interface)
Вебдизайнер - він же дизайнер UX

UX в перекладі означає «досвід взаємодії» (User Experience) і включає різні компоненти: інформаційну архітектуру, проєктування взаємодії.

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

Багато хто думає, що проблема в дизайні вебсайт - це те, що дизайн (UI) не гарний.  Але це не так.  У певному сенсі, графічні дизайнери, як і вебдизайнери, зацікавлені в інтерфейсі UX.  Але вони не так сильно турбуються з приводу інтерфейсу користувача, тобто як користувач поводиться на сайті.

Графічні дизайнери мають ті ж навички, що й вебдизайнери.  Вони обидва знають типографіку, колірні палітри, правила композиції та макети.  Але вебдизайнери звертають увагу на те, як ці елементи впливають на інтерактивність та зручність використання.

Вебдизайнери піклуються про час завантаження та розміри файлів

Жахливі розміри файлів – ось що не дає спати ночами вебдизайнерам.

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

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

У вебдизайнерів є бар'єри, використання типографіки

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

Вебдизайнерам необхідно враховувати, як текст зображатися на різних екранах та в різних браузерах.

Вебдизайнери думають про широке застосування дизайну

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

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

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

Вебдизайнери не обмежені розміром полотна, але їм потрібно враховувати всі можливі способи зображення сайту.  Хороші, продумані вебдизайнери адаптують основний дизайн для забезпечення постійної взаємодії з користувачем.

Вебдизайнери завжди при роботі

Вебсайт – це щось живе, яке постійно змінюється.

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

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

У той час, як графічний дизайнер фокусується на творчості, вебдизайнер займається тим, як всі частини дизайну функціонують разом як система.

У вебдизайнерів постійна взаємодія з аудиторією.

Сайт — це трафік та повторні відвідування.  Це майданчик, який взаємодіє з аудиторією.  Якщо щось не так, хтось обов'язково це помітить і скаже про це. Коли щось на сайті працює не так, як має бути, або коли користувачі ненавидять дизайн, вебдизайнери знають про це!

Інтернет – це мережа для думок та відгуків.  Просто читаємо коментарі до будь-якої статті, і все стає зрозумілим.

Візьмемо, наприклад, рекламний щит: звичайно, гасло може не здаватись безглуздим, а кольорова гама недоречною, але мало хто зателефонує до агенції й скаже: "Цей банер мені не подобається!".  Людина у повітря висловила своє невдоволення і все... На цьому все і закінчується (Ну зазвичай.)

Вебдизайнери можуть отримувати відгуки про успіхи та невдачі їх дизайну за допомогою Google Analytics.  Частина роботи вебдизайнера - дивитися на аналітику та думати про дії, які вони можуть зробити, щоб покращити показники.  Показники відмов, переходи за ключовими словами та популярний контент – це лише деякі дані, які вебдизайнер може використати, щоб з'ясувати, що працює, а що ні.

Вебдизайнери тісно співпрацюють із розробниками

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

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

Вебдизайнери у свою чергу передають розробникам каркасні моделі та прототипи для перетворення їх на функціональний код.  


⚡ Якщо тобі сподобався цей матеріал, підпишись на наші соціальні мережі Instagram / Facebook / Linkedin / Signal. Там ти знайдеш більше цікавих матеріалів про дизайн.

Поділитись публікацією