Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.
Відеозаписи лекцій без зворотного зв'язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.
Чого ви навчитеся
— Углубленное изучение Figma
— Создание концептов сайтов
— Основы веб дизайна
— Введение в типографику
— Прототипирование
— Создание Лендинга по ТЗ
— Создание Интернет Магазина по ТЗ (апрель 2020)
— Исследование продукта
— Понимание целевой аудитории
— Создание презентации своей работы
— План развития в профессии
— Способы заработка для веб дизайнера
Вимоги
— Желание изучить Веб дизайн
— Компьютер и Интернет
Опис
Курс із веб дизайну для новачків. Від основ і теорії до застосування знань на практиці.
Курс ділиться на кілька модулів. Ми пройдемо теорію вебдизайну, дізнаємося основи цієї науки та основні принципи створення дизайн-макетів.
На практиці ми зіткнемося з технічним завданням. Пройдемо всі етапи роботи над проєктом, проведемо бриф, проаналізуємо завдання і проєкт загалом, щоб створити максимально гарний і робочий дизайн за темою.
Ми опрацюємо прототип, визначимо цільову аудиторію проєкту, проведемо аналіз конкурентів і на основі всього цього почнемо роботу. Це вкрай важлива частина роботи веб дизайнера, про яку практично ніколи не йдеться. Не можна приступати до роботи, не знаючи що і для кого ти робиш.
Ми створимо адаптивний макет під основні роздільні здатності смартфонів і планшетів. Створимо стайл гайд для розробників і повністю підготуємо роботу до верстки.
Наприкінці я допоможу тобі створити презентацію твоєї роботи і ми разом викладемо її на біхайнс. У тебе буде робота в портфелі, яку можна показувати потенційним замовникам.
Наприкінці курсу я розповім, де можна знайти замовлення і роботу вебдизайнеру.
Наразі в курсі є практичний модуль зі створення лендінгу за тз. Практичний модуль зі створення дизайн інтернет магазину за тз.
Для кого цей курс?
— для тех, кто никогда не изучал веб дизайн, но хотел бы начать;
— для начинающих веб дизайнеров;
— для тех, кто хочет узнать о процессе создания дизайна больше, чем дает ютуб.
У курсі є великий модуль по Figma, в якому ми повністю розберемо основні інструменти програми.
Для максимального ефекту від навчання курс складається не тільки з відеоуроків, а й зі статей і домашніх завдань. Без виконання ДЗ втрачається сенс навчання. Простий перегляд відео не дасть 100% результату, тільки робота і практика зроблять з тебе справжнього веб дизайнера.
Для кого цей курс:
— Начинающие веб дизайнеры и все те, кто хочет освоить эту профессию
Матеріали курсу
8 розділів - 67 лекцій - Загальна тривалість 11 год 41 хв
Вступ
Знайомство з Figma
Про що цей модуль
Завантажити Figma і зареєструватися в програмі
Структура файлів
Огляд інтерфейсу програми
Збереження та передача файлу
Гарячі клавіші
Інструмент "Переміщення", "Масштаб
Вирівнювання об'єктів
Прямокутник овал
Полігон Зірка
Обведення
Ефекти
Заливка градинет
Зображення
Маска
Перо
Инструмент «Текст»
Група
Рама
Булеві групи
Ефекти накладення
Експорт
Ком'юніті
Плагіни
Стилі
Constraints (Обмеження/прив'язки) Частина 1
Constraints (Обмеження/прив'язки) Частина 2
Сітки. Частина 1
Сітки. Частина 2 ДЗ
Компоненти
Просунута Figma
Авторозкладка
Кольори відбору
Практика роботи в Figma
Основа атомарного дизайну
Створення атомів і молекул
Створення організмів
Звідки черпати натхнення
Теорія веб дизайну
Типографіка
Типографіка практика ДЗ
Сітки та напрямні в дизайні
Теорія кольору
Де брати картинки для веб дизайну
Як підбирати картинки для проєктів
Вирівнювання об'єктів
Правило внутрішнього і зовнішнього
Ієрархія у веб дизайні
Практика. Створення дизайн концепції сайту (Шот)
Що таке дизайн концепт
Практика створення дизайн концепту сайту
Практика. Створення Лендінгу. Бюджет 250$
Технічне завдання проекту (ТЗ)
Детальніше про брифи
Визначення цільової аудиторії
Аналітика конкурентів
Створення прототипу сайту. Теорія
Створення прототипу сайту. Практика
Створення концепту сайту
Створюємо блоки з інформацією
Створюємо блок тарифів, форму зв'язку та футер
Робота з шарами. Доопрацювання дизайну.
Адаптив дизайну під планшет
Створення мобільної версії дизайну
Створення модальних вікон ДЗ
Готуємо роботу до верстки. Стайл Гайд ДЗ
Етапи роботи над проектом на фрілансі
Створення особистого кабінету
Практика. Створення дизайну інтернет магазину. Бюджет $400
Отримання ТЗ
Створення концепту інтернет магазину
Створення основних блоків головної сторінки
Створення рекламного банера і форми підписки
Створення футера
Перевірка дизайну головної
Сторінка видачі товару
Створення сторінки товару. Картка товару
Створення модального вікна
Створення кошика
Створюємо сторінку оплати
Створення клікабельного макета.
Введення в прототипування в Figma
Створення клікабельного макета
Адаптивна версія дизайну інтернет магазину
Адаптація головної
Адаптив сторінки видачі товарів
Адаптив картки товару ДЗ
Адаптив кошика
Адаптив сторінки оплати
Створюємо відкрите меню в мобільній версії сайту
Перевірка на помилки
Створення стайл гайда
Відгуки
Відгуків немає, поки що.