designing
Workshops
5 воркшопів
щоб навчитися залучати стейкхолдерів на різних етапах дизайн-процесу
Дізнатись більше
Interface Design

Web Design Beginning

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

Про курс

Практичний курс вебдизайну для новачків без досвіду, які хочуть спробувати себе у новій професії.

Студенти, що проходять курс Web Design Beginning:
— знайомляться з Figma;
— отримують поняття про стандартні сітки, навігацію, форми, композиції;
— вчаться правил підбору шрифтів;
— отримують навички шукати ідеї та референси;
— вивчають графічні прийоми, маски, іконки.

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

За три місяці розберемося з основним набором інструментів і принципами роботи у Figma. Шукатимемо та генеруватимемо ідеї, навчимося думати як дизайнер. Ознайомимося з основами роботи з текстом, створення макетів, використання сітки, базової роботи з графікою. Знання отримуємо через практику — навички одразу використовуємо у проєктах.

Для старту у web design потрібне лише ваше бажання. У фіналі онлайн курсу вебдизайну ви матимете кілька проєктів для першого портфоліо й оберете вектор подальшого розвитку.

30 квітня 2024 курс триває 3 місяці,
відеолекції та вебінари
7 500 грн/міс. 22 500 грн при повній оплаті курсу
7 875 грн/міс. при оплаті частинами
2 групи 15 квітня — група набрана
30 квітня — набір триває

Куратори

автор програми Андрій Курочкін
куратор Дмитро Іванов
куратор Матвій Дунук
кураторка Юлія Цукурова
кураторка Поліна Сучок
кураторка Аліна Федорченко
кураторка Анастасія Школяр
куратор Святослав Затишняк
кураторка Анастасія Санцевич
кураторка Ліза Кащинець
кураторка Валерія Бобко
кураторка Дарʼя Лимаренко
куратор Олександр Парамонов
кураторка Анна Осядла
кураторка Даша Краснолуцька
Кураторка Олександра Бітаєва
куратор Дмитро Світлічний
куратор Микола Турчин
куратор Вадим Тарасов
куратор Олександр Левченко
кураторка Анна Аптікєєва
кураторка Альона Крижанівська
кураторка Іра Ларцева
куратор Богдан Матвіїв
кураторка Ліза Ковальова
кураторка Марина Ковальчук
куратор Сергій Ковтун
кураторка Марія Горобець
кураторка Анастасія Братко
куратор Віталій Сеневич
кураторка Вероніка Корнієць

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

  • Інструмент

    • Знайомство з Figma. Базовий набір інструментів та основні принципи роботи з інструментом.
  • Сітки

    • Основні поняття про стандартні сітки та принципи роботи з ними.
  • Типографія

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

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

    • Навчимося шукати ідеї, грамотно запозичувати їх, аналізувати, шукати закономірності та адаптувати.
  • Композиція

    • Дізнаємося про відправні точки в композиції та динаміці макетів. Навчимося правильно працювати з відступами та контролювати чисельні значення макета. Отримаємо кілька універсальних практичних порад, як зробити дизайн кращим у будь-якій ситуації.
  • Практичне застосування

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

    • Навчимося працювати з масками, вибирати, шукати та малювати іконки. Зрозуміємо різницю між векторною й растровою графікою та коли з якою краще працювати.
  • Автолейаути, компоненти, варіанти

    • Попрацюємо з автолейаутами, компонентами та варіантами. Дізнаємося, для чого вони потрібні, як використовувати. А також — як вони допоможуть автоматизувати частину процесів, спростити рутину та пришвидшити роботу.
  • AIDA, структура лендингу

    • Розберемося в маркетинговій моделі AIDA. Зрозуміємо, як використовувати дизайн для досягнення маркетингових цілей.
  • Вайрфреймінг

    • Дізнаємося, що таке вайрфрейми. Навіщо вони потрібні та як з ними працювати.
  • Мобільна версія

  • Подальший розвиток

    • Поміркуємо, як розвиватися далі та що підходить конкретно вам.

Курс для вас, якщо ви

Ще не дизайнер

Вивчимо базові інструменти для створення UI дизайну сайтів та основні принципи роботи з ними.

Дизайнер-початківець

Систематизуємо базові знання у вебдизайні та закріпимо навички на реальних практичних завданнях.

Досвід

потрібно лише бажання й готовність багато працювати

English

для комфортного читання довгих статей про дизайн

Час

10-12 годин на тиждень для виконання домашніх завдань

Кейси студентів

Макет лендингу Pangea Віталій Чайка. Кураторка: Іра Ларцева
Макет лендингу Soulhand Ірина Андреєва. Кураторка: Марина Ковальчук
Макет лендингу Pixel Любомир Дума. Куратор: Олександр Левченко
Telegram Місце збору дизайн-ком’юніті, інструментів, порад та новинок у сфері роботи з інтерфейсами

Як відбувається навчання

Відеолекції та вебінари

Двічі на тиждень відкриватиметься доступ до відеолекцій. Живі зідзвони з кураторами та групою проходять раз на тиждень (ввечері у будній день).

Real-life завдання

У нас діє Practicult — культ практики. Тому ви виконуватимете багато складної домашки з реальних робочих буднів. Have fun & survive.

Регулярний фідбек

У нас немає базових і преміум режимів. Тільки преміум, завжди. Отримайте від куратора все. І так, десята ітерація — це нормально.

Сертифікат за здобутки

Наші сертифікати справді цінують на ринку. Тому ми видаємо їх лише тим студентам, які виконали та захистили 4 обов'язкові проєкти, один з яких є курсовим.

ГРАФІК

Старт

15 квітня — група набрана
30 квітня — набір триває

Мова викладання

українська

Запитання

Що таке вебдизайн і навіщо він потрібен?

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

Які основні програми для вебдизайну потрібно опанувати?

Щоб створювати вебдизайн сайту використовують різні програми, такі як:

Adobe Photoshop;
Adobe Illustrator;
Figma;
Wix;
Adobe XD;
Canva.

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

Я не вмію працювати у Figma, чи мені підійде цей курс?

Так, на курсі ми навчимося працювати з інструментом.

Які є напрямки та інструменти вебдизайну?

В вебдизайні є різні напрями, для яких потрібні різноманітні інструменти. Наприклад, для графічного дизайну, в якому створюються логотипи, ілюстрації та інші візуальні компоненти, використовують Adobe Photoshop, Adobe Illustrator, Sketch. Для створення макетів та прототипів веб-сторінок використовують Adobe XD, Sketch, Figma, InVision і Axure RP. Також є дизайн інтер’єрів, гейм дизайн, Industrial Design.

Скільки загалом буде занять?

Двічі на тиждень ми відкриваємо доступ до відеолекцій. Один раз на тиждень (ввечері) проходитимуть вебінари з кураторами в live-режимі.

Які навички потрібні для вступу?

Це базовий курс, який не вимагає певних скілів. Усе, що вам знадобиться — виділяти 10-12 годин на тиждень для виконання домашніх завдань.

Як відбувається комунікація на курсі та в якому форматі куратор дає фідбек?

Уся комунікація на курсі відбуватиметься на платформі Slack (робочий чат групи, канали для домашніх завдань і корисних посилань). Куратор даватиме фідбек у вигляді коментарів до домашніх завдань і обговорення на вебінарах.

Вебінари будуть записуватись?

Так. Але краще виділіть час, щоб долучатися до них онлайн — буде цікаво.

Що робити, якщо немає електроенергії?

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

Чи будуть мені доступні відеозаписи лекцій після завершення курсу?

Доступ до матеріалів зберігається протягом 12 місяців після закінчення курсу.

А сертифікат буде?

Буде, якщо ви докладете зусиль. Щоб отримати сертифікат, потрібно виконати 4 обов'язкових проєкти (один з яких є курсовим), отримати фідбек та «зараховано» від куратора. Дедлайном для здачі та зарахування робіт є дата випуску.

Що, як мені не сподобається?

Зможемо повернути гроші протягом 14 днів від дати старту курсу.

Реєстрація

Ще маєте запитання?
Не соромтесь їх ставити.

Проконсультуйте мене