Набір учасників [[SKVOT] Web Design (Таня Єрмолаєва, Сергій Захаров)

[Gadzhi]

Переглянути вкладення 27090


на курсі ми розберемо основні принципи веб-дизайну. Навчимося створювати інформаційну архітектуру, будувати сітки і розробляти адаптиви так, щоб мобайл не поступався вебу.​

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

Спойлер: інформація

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

01 Знайомство

• роадмап курсу: цілі та завдання навчання
• знайомство з групою
• Історія розвитку веб-дизайну
• відмінність веб-дизайну від паперового дизайну
• тренди ринку

02 Стилеобразование

• типи веб-проектів
• визначення стилю сайту: аналіз цілей і аудиторії
• Брендинг і сайт
• огляд стилів для веб-проектів: бруталізм, Корпоративний мінімалізм etc.

домашнє завдання: ссобрать мудборди за кількома стилістичними напрямками.

03 Інформаційна архітектура та макетування

• Що таке Інформаційна архітектура і навігація сайту
• типи та рівні навігації
• Структура сторінки сайту
• Як побудувати карту сайту
• Layouts: як зробити макет сторінки з різними типами контенту

домашнє завдання: побудувати карту сайту для музею. Якщо у тебе є особистий проект ти зможеш працювати над ним.

04 сітки і макет сторінки

• Коротка історія сіток в дизайні
• Що таке сітка і навіщо вона потрібна
• типи сіток і приклади: за типами будови, за пластикою etc.
• Для чого потрібен мікромодуль?
• Як будувати сітку і чим керуватися при її виборі

домашнє завдання: створити один макет по трьох сітках (наприклад, анкета-профіль).

05 типографіка

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

домашнє завдання: зібрати сторінки 1) на одному шрифті і на одному кеглі; 2) на одному шрифті і чотирьох кеглях; 3) на двох шрифтах.

06 інтерактив і респонсив

• інтерактивність елементів
• Ховеры
• приховані елементи
• адаптація макетів. Респонсив
• Як зробити mobile-версію

домашнє завдання: створити mobile-версію з макета (каталог товарів).

07 підсумки першої частини курсу

• Питання та відповіді
• основні помилки
• Підготовка до проекту: лендінг. Ділимося на групи по 10 осіб: Група №1 — лендінг для фестивалю, №2 — лендінг для книги, №3 — лендінг для сервісу, №4 — лендінг для гаджета.

08 Створення лендінгу

• Робота з т/з Клієнта
• дослідження ніші і постановка завдання
• типи і види лендінгів
• Структура лендинга
• пошук референсів і стилістичного рішення
• Дизайн лендинга

домашнє завдання: зашейдити і отрендерить окремі об'єкти з ілюстрації.

09 фідбек-сесія. Лендінг для фестивалю
Розбір робіт студентів групи №1.

10 фідбек-сесія. Лендінг для книги
Розбір робіт студентів групи №2.

11 фідбек-сесія. Лендінг для сервісу
Розбір робіт студентів групи №3.

12 фідбек-сесія. Лендинга для гаджета
Розбір робіт студентів групи № 4.

13 зустріч з клієнтом
Зустрічаємося з реальним клієнтом для отримання т/з фінального проекту.
14 фідбек-сесія

15 фідбек-сесія

16 фідбек-сесія

17 ВИПУСКНИЙ

https://privatelink.de/?https://skvot.io/ru/course/web-design?utm_expid=.HuOwjW3GSZ295iRF8uZ5kw.0&utm_referrer=https://skvot.io/ru/course&utm_source=facebook&utm_medium=post&utm_campaign=erzah_webdes&utm_content=01_07_2020