Покваптеся! Закінчується через 
Мова викладання в курсі – російська. Незабаром буде доступна українська версія цього курсу.
Відеозаписи лекцій без зворотного зв’язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.
Чого ви навчитеся
– Поглиблене вивчення Figma
– Створення концептів сайтів
– Основи веб дизайну
– Введення в типографіку
– Прототипування
– Створення Лендінгу за ТЗ
– Створення Інтернет Магазину за ТЗ (квітень 2020)
– Дослідження продукту
– Розуміння цільової аудиторії
– Створення презентації своєї роботи
– План розвитку в професії
– Способи заробітку для веб дизайнера
Вимоги
– Бажання вивчити Веб дизайн
– Комп’ютер та Інтернет
Опис
Курс із веб дизайну для новачків. Від основ і теорії до застосування знань на практиці.
Курс ділиться на кілька модулів. Ми пройдемо теорію вебдизайну, дізнаємося основи цієї науки та основні принципи створення дизайн макетів.
На практиці ми зіткнемося з технічним завданням. Пройдемо всі етапи роботи над проєктом, проведемо бриф, проаналізуємо завдання і проєкт загалом, щоб створити максимально хороший і робочий дизайн за темою.
Ми опрацюємо прототип, визначимо цільову аудиторію проєкту, проведемо аналіз конкурентів і на основі всього цього приступимо до роботи. Це вкрай важлива частина роботи веб дизайнера, про яку практично ніколи не йдеться. Не можна приступати до роботи не знаючи що і для кого ти робиш.
Ми створимо адаптивний макет під основні роздільні здатності смартфонів і планшетів. Створимо стайл гайд для розробників і повністю підготуємо роботу до верстки.
Наприкінці я допоможу тобі створити презентацію твоєї роботи і ми разом викладемо її на біхайнс. У тебе буде робота в портфелі, яку можна показувати потенційним замовникам.
Наприкінці курсу я розповім, де можна знайти замовлення і роботу вебдизайнеру.
Наразі в курсі є практичний модуль зі створення лендінгу за тз. Практичний модуль зі створення дизайн інтернет магазину за тз.
Для кого цей курс?
– для тих, хто ніколи не вивчав веб дизайн, але хотів би почати;
– для веб дизайнерів-початківців;
– для тих, хто хоче дізнатися про процес створення дизайну більше, ніж дає ютуб.
У курсі є великий модуль по Figma в якому ми повністю розберемо основні інструменти програми.
Для максимального ефекту від навчання курс складається не тільки з відео уроків, а й зі статей і домашніх завдань. Без виконання ДЗ втрачається сенс навчання. Простий перегляд відео не дасть 100% результату, тільки робота і практика зроблять з тебе справжнього веб дизайнера.
Для кого цей курс:
– Веб дизайнери-початківці та всі ті, хто хоче освоїти цю професію
Матеріали курсу
8 розділів – 67 лекцій – Загальна тривалість 11 год 41 хв
Вступ
Знайомство з Figma
Про що цей модуль
Завантажити Figma і зареєструватися в програмі
Структура файлів
Огляд інтерфейсу програми
Збереження і передача файлу
Гарячі клавіші
Move tool, Scale tool
Вирівнювання об’єктів
Прямокутник, овал
Полігон Зірка
Обведення
Ефекти
Заливка градінет
Зображення
Маска
Перо
Інструмент “Текст”
Група
Frame
Булеві групи
Ефекти накладення
Експорт
Ком’юніті
Плагіни
Стилі
Constraints (Обмеження/прив’язки) Частина 1
Constraints (Обмеження/прив’язки) Частина 2
Сітки. Частина 1
Сітки. Частина 2 ДЗ
Компоненти
Просунута Figma
Auto Layout
Selection colors
Практика роботи в Figma
Основа атомарного дизайну
Створення атомів і молекул
Створення організмів
Звідки черпати натхнення
Теорія веб дизайну
Типографіка
Типографіка практика ДЗ
Сітки та напрямні в дизайні
Теорія кольору
Де брати картинки для веб дизайну
Як добирати картинки для проєктів
Вирівнювання об’єктів
Правило внутрішнього і зовнішнього
Ієрархія у веб дизайні
Практика. Створення дизайн концепції сайту (Шот)
Що таке дизайн концепт
Практика створення дизайн концепту сайту
Практика. Створення Лендінгу. Бюджет 250$
Технічне завдання проєкту (ТЗ)
Детальніше про брифи
Визначення цільової аудиторії
Аналітика конкурентів
Створення прототипу сайту. Теорія
Створення прототипу сайту. Практика
Створення концепту сайту
Створюємо блоки з інформацією
Створюємо блок тарифів, форму зв’язку та футер
Робота з шарами. Доопрацювання дизайну.
Адаптив дизайну під планшет
Створення мобільної версії дизайну
Створення модальних вікон ДЗ
Готуємо роботу до верстки. Стайл Гайд ДЗ
Етапи роботи над проектом на фрілансі
Створення особистого кабінету
Практика. Створення дизайну інтернет магазину. Бюджет $400
Отримання ТЗ
Створення концепту інтернет магазину
Створення основних блоків головної сторінки
Створення рекламного банера та форми підписки
Створення футера
Перевірка дизайну головної
Сторінка видачі товару
Створення сторінки товару. Картка товару
Створення модального вікна
Створення кошика
Створюємо сторінку оплати
Створення клікабельного макета.
Введення в прототипування в Figma
Створення клікабельного макета
Адаптивна версія дизайну інтернет магазину
Адаптація головної
Адаптив сторінки видачі товарів
Адаптив картки товару ДЗ
Адаптив кошика
Адаптив сторінки оплати
Створюємо відкрите меню в мобільній версії сайту
Перевірка на помилки
Створення стайл гайда
Відгуки
Відгуків немає, поки що.