Курс Web Design Beginning

Курс веб дизайну онлайн в Projector: від базових принципів до перших власних сайтів. Опануйте необхідні навички та інструменти, щоб зробити успішний старт в професії, вивчаючи веб дизайн з нуля.

Програма курсу

Візуальна мова

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

Композиція

• Сітки, пропорції
• Стратегії компонування макетів
• Формати, підформати, єдність візуальних груп
• Гармонія простору і наповнення, візуальна рівновага та вага
• Композиційний центр, ієрархія
• Симетрія, асиметрія
• Ритм, метр, нюанс, акцент
• Контрформа
• У цьому блоці: зрозумієте, з чого складаються макети та навчитеся компонувати їх самостійно

Типографія

• Типи шрифтів та їхні компоненти
• Функціональне значення шрифтів та прийоми оформлення тексту: заголовки, підзаголовки, абзаци, пояснення, цитати, таблиці, списки, лонгріди
• Естетичне значення шрифтів: типографія як візуальний прийом, щоб передавати настрій
• Правила підбору шрифтів
• У цьому блоці: познайомитеся з основними принципами типографії та навчитеся перетворювати текст на голос

Колір

• Принципи підбору кольорів
• Колір і зручність: як він впливає на досвід користувача в інтерфейсі
• Колір та емоція: як створювати настрій
• Роль кольору у впізнаваності бренда
• Компас Censydiam та кольори: як колір апелює до мотивацій та потреб користувачів
• У цьому блоці: опануєте основні принципи колористики та навчитеся використовувати колір, щоб закарбуватись у пам'яті користувачів

Декорації

• Роль декорацій у дизайні
• Прийоми декорування: які бувають та як застосовувати
• Розбір типових стилів та їхньої структури
• У цьому блоці: опануєте основні прийоми декорування та навчитеся використовувати їх, щоб відтворювати типові стилі

Сайти. Інтро

• Завдання сайтів для бізнесу та роль дизайну у їхній реалізації
• Застосування принципів маркетингової воронки в дизайні сайтів
• Визначення та обґрунтування унікальної торгової пропозиції (УТП) бізнесу в сайтах
• Методи обґрунтування УПТ: AIDA, Star Chain, Golden Circle
• Засоби реалізації завдань сайтів: логлайн, формування та утримання мети, копірайтинг
• Дизайн-процес створення сайтів
• У цьому блоці: дізнаєтесь, як створювати сайти, які допомагають бізнесу досягати поставлених цілей

Сайти. Анатомія

• Основні секції у вебсайтах
• Патерни взаємодії користувачів з інтерфейсами
• Навігація, лейаути
• Елементи управління
• У цьому блоці: розберетесь, як користувачі поводяться в інтерфейсах та як застосовувати їхні патерни взаємодії у власному дизайні сайтів

Сайти. Адаптивний дизайн

• Дизайн сайтів, які працюють на різних розширеннях екранів
• Модульні сітки у вебі та робота з ними
• Дизайн форм: що варто знати та вміти
• У цьому блоці: навчитеся створювати сайти, які однаково класно виглядають і працюють на різних пристроях

Генерування ідей

• Як досягти унікальності у візуальному дизайні
• Робота із засобами художньої виразності, щоб створювати унікальний дизайн
• Застосування поширених метафор
• Дизайн-процес створення концепту
• Пошук референсів та робота з ними
• У цьому блоці: навчитеся розрізняти та застосовувати різні засоби художньої виразності та втілювати їх у дизайн

Презентація та зворотній зв'язок

• Презентація дизайну: структура розповіді, оформлення презентації, підготовка до зустрічі
• Робота з фідбеком: його види, опрацювання та втілення
• У цьому блоці: дізнаєтесь, як презентувати дизайн-рішення різній цільовій аудиторії (клієнту, тімліду, іншим стейкхолдерам), як сприймати та опрацьовувати фідбек

Міжкурсова просмажка

• Два тижні без лекцій, бо сфокусовано та інтенсивно працюємо над курсовою №1
• Передзахист проєкту перед куратором
• Захист курсового проєкту №1 та ретроспектива після нього

Мобільні застосунки. Інтро

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

Мобільні застосунки. Принципи дизайну інтерфейсів

• Елементи управління інтерфейсом
• Синтаксис: як мають виглядати та комунікувати елементи інтерфейсу
• Стани елементів
• Технозалежність і модальність: як робити простіше для користувача
• Зворотний зв'язок від інтерфейсу
• Інтерфейсні тексти: як писати та редагувати
• У цьому блоці: розберетесь, як робити застосунок комфортним для користувачів: правильно працювати з ключовими елементами інтерфейсу, забезпечувати ефективний зворотний зв'язок - візуально та текстово

Мобільні застосунки. Внутрішня структура

• Роль дизайнера в трикутнику "клієнт / дизайнер / споживач"
• Структура вдалого брифу та як його складати
• Користувацький шлях: суть та кроки для розробки
• Мапа шляху користувача: потреба, цінність, кількість дій
• Відповідність функції сценаріям користувача
• Вайрфрейми: як підбирати та адаптувати шаблони
• У цьому блоці: дізнаєтесь, як працювати зі "скелетом" інтерфейсу, вайрфреймами; ефективно вести користувачів застосунком

Мобільні застосунки. Візуальний дизайн

• Створення візуальних ідей у мобільних застосунках
• Унікальність у застосунках: як робити її якісно з обмеженим бюджетом
• Дизайн-процес створення мобільних застосунків
• У цьому блоці: дізнаєтесь, як знаходити місце для унікальності в мобільних застосунках та втілювати її

Міжкурсова просмажка

• Два тижні без лекцій, бо сфокусовано та інтенсивно працюємо над курсовою №2
• Q&A сесія з куратором
• Презентація мобільного застосунку
• Передзахист курсового проєкту №2

Фінал

• Захист курсового проєкту №2 та ретроспектива після нього
• Випускний

Особливості курсу

• Відеолекції двічі на тиждень. Живі зідзвони з куратором раз на тиждень (ввечері у будній день)
• Real-life завдання
• Регулярний фідбек
• Сертифікат за здобутки
• Можна повернути кошти протягом 14 днів від початку курсу

Викладачі курсу

• Михайло Самоваров - Співзасновник і дизайн-директор League Design Agency
• Стас Говорухін - Дизайнер. Завкаф у Projector
• Віталій Дячук - Lead E-commerce Design Lead at League Design Agency
• Павло Кальнов - Senior Web Designer at League Design Agency
• Тетяна Березюк - Lead UI/UX Designer at League Design Agency
• Марина Бурлака - Project & Delivery Manager at League Design Agency
• Вадим Гайдай - Lead Web Designer at League Design Agency
• Дмитро Іванов - Незалежний дизайнер
• Ігор Артюхов - Продуктовий дизайнер
• Микола Мельник - Head of Design at Uptech
• Микола Турчин - Дизайнер продукту в Makai
• Вадим Тарасов - Незалежний дизайнер
• Богдан Матвіїв - Артдиректор у dops.digital
• Еліс Шевченко - Продуктова дизайнерка у STX Next
• Олена Стародубцева - Senior UI/UX Designer at Apollo (Fozzy Group)
• Оля Алтухова - Продуктова дизайнерка в airSlate
• Анна Дем'яненко - Lead Product Designer at Lazarev
• Левон Сарибекян - Продуктовий дизайнер
• Валерія Терлецька - Продуктова дизайнерка в NovaPay