Познайомимося, поговоримо про те, що таке UX\UI дизайн, UX vs UI: у чому різниця

Хто такий UX\UI дизайнер і що він має вміти?

Варіанти роботи UX\UI дизайнером та розвитку кар’єри: плюси та мінуси

Обговоримо вдалі та невдалі приклади сайтів

Зареєструємось на beehance та dribble”

Чому фігма? Переваги інструменту

Створимо команду для спільної роботи над дизайн-проектом

Базовий інструментарій, знайомство з інтерфейсом Figma

Сплануємо по етапах роботу над підсумковими проектами для портфоліо. Проведемо дослідження джерел.

Почнемо роботу над першим проектом для портфоліо дизайнера

Як дизайнер підходить до проектування сайту?

Основні блоки посадкової сторінки та правила їх розміщення: логотип, заголовки, категорії, іконки, зображення тощо.

Вивчимо та намалюємо елементи різного типу: покрокові інструкції

За підтримки ментора створимо першу сторінку сайту

Зберемо moodboard для своїх проектів

Дизайн-тренди. Порівняємо скевоморфізм, FLAT, material, бруталізм, isometric, glass morphism

Подивимося різні стилістичні прийоми: білий простір, нестандартна сітка, градієнт, акцент на типографіку, 3D, grunge, реалізм тощо.

Як вибрати стиль для конкретного проекту?

Як стежити за трендами дизайнеру-початківцю?

Деталізація макета: від scetch-малюнок через wireframe до реалізації

Різні рівні промальовування дизайн-проектів: коли і що краще використовувати. Мокап чи прототип: що показати замовнику?

Метод Франкейштейна у дизайні: не так страшно, як звучить

Отримуємо фідбек за своїми домашніми завданнями

Аналізуємо проекти одногрупників під керівництвом викладача

Тренуємо нагляд, формуємо критерії успішних проектів

Введення у типографіку. Основні поняття, які важливо знати дизайнеру UX\UI: інтерліньяж, kerning, serif і т.д.

Критерії вибору шрифту та інших параметрів тексту

Дізнаємося, з чого складаються шрифти, які є правила верстки тексту, як створюється шрифтова ієрархія

Використовуємо калькулятор для визначення розміру шрифту

Обговорюємо можливості та обмеження використання різних шрифтів

Отримуємо фідбек за своїми домашніми завданнями

Аналізуємо проекти одногрупників під керівництвом викладача

Тренуємо нагляд, формуємо критерії успішних проектів

Що таке композиція та навіщо вона потрібна? Відмінності динамічної та статичної композиції

Підбираємо якірні об’єкти для привернення уваги

Вивчаємо системи відступів, роботу з об’єктами

Закон Фіттса, закон Хікса, закон Якобса, закон загального поля, закон схожості, принцип бритви Оккама, правило «мікро та макро», правило «внутрішнього та зовнішнього» у дизайні

Створюємо ритм та вибудовуємо ієрархію сайту за рахунок композиції

Як правильно підібрані зображення, іконки та ілюстрації допомагають передати настрій продукту

Зображення, які привертають увагу

Джерела пошуку зображень у роботі дизайнера

Отримуємо фідбек за своїми домашніми завданнями

Аналізуємо проекти одногрупників під керівництвом викладача

Тренуємо нагляд, формуємо критерії успішних проектів

Навіщо дизайнеру потрібні сітки, які вони бувають, з яких елементів складаються, як використовуються

Вивчаємо мікромодульність

Визначаємо кроки під час вибору сітки

Колір як один із інструментів створення правильної ієрархії в інтерфейсах

Колірні моделі: CMYK, HEХ, колірне коло

Психологія сприйняття кольору

Лайфхакі вибору правильної колірної схеми: дізнаємося, як і коли потрібно додавати колір

Отримуємо фідбек за своїми домашніми завданнями

Аналізуємо проекти одногрупників під керівництвом викладача

Тренуємо нагляд, формуємо критерії успішних проектів

У сучасному світі обов’язково враховуються користувачі мобільних інтерфейсів, адже люди частіше відвідують сайти саме з гаджетів, що носяться.

Плюси та мінуси чуйного дизайну

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

Під керівництвом викладача адаптуємо сайт під мобільну версію

На занятті ми дізнаємось, як створювати інтерактивні елементи

Вивчимо елементи управління та навігації: види та стани кнопок, проектування форм зворотного зв’язку, календарі, меню та навігація

Створюємо складні сторінок з формами з використанням компонентів, варіантів та стилів

Познайомимося з auto-layout, як створювати компоненти та варіанти

Складемо список ідей, де брати проекти для портфоліо

Заведемо та почнемо заповнювати профіль дизайнера на LinkedIn

Дізнаємося, що питатимуть на співбесіді і як до неї підготується

Навчимося працювати із замовниками безпосередньо

Сформуємо план кар’єрного розвитку після закінчення курсу

Отримуємо фідбек за своїми домашніми завданнями

Аналізуємо проекти одногрупників під керівництвом викладача

Тренуємо нагляд, формуємо критерії успішних проектів

Основні елементи Інтернет-магазину: картки товарів, каталог, кошик, навігація та ін.

Починаємо роботу над другим проектом для свого портфоліо (Інтернет-магазин)

Отримуємо фідбек за своїми домашніми завданнями

Аналізуємо проекти одногрупників під керівництвом викладача

Тренуємо нагляд, формуємо критерії успішних проектів

Етапи роботи над мобільним додатком.
Розробка концепції, ресерч (дослідження).

Робота з брифом: mind mapping та інформаційна архітектура. Визначення та особливості Цільової аудиторії.
Метод персон

Сustomer Journey Map.
Юзер флоу (User Flow).

Проектування дизайну мобільних додатків зі застосуванням гайдлайнів під iOs/Android

Як дизайн перетворюється на код?

Готуємо макет для передачі розробнику

Знайомимося з панеллю розробника

Вивчаємо основи верстки

Що верстальнику потрібно для комфортної роботи

Підтримка відносин із клієнтами

Отримуємо фідбек за своїми домашніми завданнями

Аналізуємо проекти одногрупників під керівництвом викладача

Тренуємо нагляд, формуємо критерії успішних проектів

Знайомимося з новим інструментом

Як видаляти фон біля об’єктів

Як прибирати непотрібні об’єкти з зображень

Працюємо над зображеннями для своїх проектів у портфоліо

Як самостійно намалювати іконки та інші зображення

Практикуємося малювати у Figma

Відслідковуємо прогрес проектів, оцінюємо кейс на Behance.

Отримуємо фідбек за своїми домашніми завданнями.

Аналізуємо проекти одногрупників під керівництвом викладача.

Тренуємо надивленність, формуємо критерії успішних проектів.

Приклади вдалих резюме дизайнера.

Що треба писати, чого уникати.

Як складати резюме новачкові і куди подаватися.

Починаємо працювати над дизайном резюме.

На захисті вам належить показувати свою найкращу роботу досвідченим дизайнерам, розробникам та рекрутерам

Отримуємо зворотний зв’язок та визначаємо свій шлях дизайнера