UI Design

Старт навчання
Берестейська Старт курсу запитуйте в адміністрації
Позняки Старт курсу запитуйте в адміністрації
ВДНГ Старт курсу запитуйте в адміністрації
48 год. по 2-3 рази в тиждень

Опис курсу

Згодні з тим, що непоказний інтерфейс, проте з хорошим продуктом приверне набагато менше потенційних покупців, аніж захоплююче оформлення, навіть якщо і сам продукт далекий від ідеалу? Тоді вам потрібен цей курс, адже саме пройшовши його, Ви навчитесь створювати дизайнерські шедеври для веб-середовища. В процесі навчання Ви дізнаєтесь про секрети візуального дизайну, що “продає”, почнете розуміти психофізіологію графічних інтерфейсів, вивчите основні форми та елементи інтерфейсу, а також відкриєте для себе кращі тренди веб-дизайну. Курс розрахований як для новачків, так і для тих, хто вже працює в дизайні, але бажає систематизувати отриманий досвід і заповнити прогалини в знаннях.

Після курсу Ви зможете:

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

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

  • Введення до курсу UI
    • Етапи розробки продукту
    • Поняття UI та UX. Роль UI дизайнера на проекті
  • Інструменти. Графічні редактори Sketch, Figma
    • Основи роботи в Sketch та Figma
    • Короткий огляд допоміжних інструментів (Invision, Avocode, Illustrator, Photoshop)
  • Збір вимог та етап дослідження
    • Інтерв’ю з замовником, формування брифу
    • Вивчення ринку та пошук референсів
    • Створення настрою проекту (Moodboard)
    • Презентація етапів роботи
  • Композиція. Базові поняття
    • Статика і динаміка
    • Контраст і нюанс
    • Акцент, домінанта, ритм
  • Шрифт
    • Базова теорія. Класифікація шрифтів
    • Типографія для web
    • Критерії підбору шрифтів для проекту
    • Корисні ресурси
  • Колір
    • Психологія кольору та маркетингова складова
    • Теорія кольору. Принципи поєднання кольорів
    • Формування палітри для проекту
  • Етапи роботи над дизайном
    • Скетчінг, варфреймінг
    • Інтерактивне прототипування
    • Мокапи, віжуал
  • Модульні сітки
    • Функції сітки
    • Побудова та налаштування сітки
    • Використання та принципи роботи
  • Принципи побудови інтерфейсів
    • Особливості сприйняття інформації на веб ресурсах
    • Візуальна ієрархія. Робота з інформаційними блоками
    • Розстановка пріорітетів та акцентів на сторінках
  • Елементи інтерфейсу та їх стан
    • Елементи форми
    • Елементи навігації
    • Інформаційні елементи
    • Прелоадери
  • Іконки та графіка
    • Іконки. Стилі та критерії підбору.
    • Використання ілюстрацій, фотографій, відео
    • Фавіконки
    • Технічні вимоги до графіки
    • Корисні ресурси
  • Responsive and Adaptive design
    • Mobile first/Desktop first підходи
    • Мобільні версії сайту vs Адаптивний дизайн
    • Підготовка макету для adaptive/responsive сайтів
    • Правила підготовки макетів та зображень для Retina дисплеїв
  • Тестування
    • Тестування дизайну в процесі створення продукту
    • Поліпшення дизайну на основі отриманих даних
  • Design hand-off
    • Підготовка макетів для верстки
    • Підготовка графічних елементів
  • Історія та тренди у Web-дизайні
    • Історичний екскурс
    • Огляд стилів Flat, Material, Fluent
    • Актуальні тренди та візуальні прийоми
  • Анімація в дизайні інтерфейсів
    • Анімація інтерфейсу
    • Анімація ілюстрацій та іконок
    • Популярні інструменти та сервіси
  • Презентація проекту
    • Проведення презентації та аргументація дизайн-вирішень
    • Оформлення портфоліо, структура та рекомендації. Онлайн-платформи Behance, Dribbble
    • Захист курсової роботи

Мінімальні вимоги:

  • Наявність власного ноутбуку для занять в аудиторіях.

* Примітка: зазначені знижки не сумуються з іншими діючими акціями та спеціальними пропозиціями. Знижка застосовується тільки до нових заявок та при умові повної оплати курсу. Якщо у Вас виникли питання, звертайтеся за консультацією до наших менеджерів!

spinner-it