spinner-it

Курс UI Design

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

Опис курсу

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

 

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

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

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

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


1. Вступ до курсу UI

  • Знайомство. Поняття дизайну, інтерфейсу, UI, UX
  • Етапи розробки проєкту
  • Роль UI в проєкті

2. Інструменти дизайнера

  • Огляд інструментів
  • Методи пришвидшення роботи у Figma
  • Плагіни й ресурси. Figma Community
  • Порядок і структурування документу

3. Ідеї й натхнення

  • Мудборд
  • Ресурси для натхнення, розвиток “добре навченого ока”, тренди
  • Методи генерування ідей

4. Типографіка

  • Де шукати шрифти?
  • Як їх поєднувати?
  • Часті помилки

5. Композиція й колір

  • Візуальна ієрархія, теорія близькості та інші прийоми
  • Як добирати кольори, інструменти, ресурси?

6. Іконки, фотографії й ілюстрації

  • Іконки в інтерфейсах, стиль і формати
  • Фотографії й ілюстрації — технічні вимоги, тренди, корисні ресурси

7. Структура лендингу, магазину, додатка

  • Особливості й відмінності

8. Гайдлайни Android, iOS

  • Як їх застосовувати?

9. Модульні сітки

  • Навіщо потрібні сітки?
  • Анатомія й види

10. Дизайн-системи та UI-кіти

  • Особливості застосування й відмінності
  • Компоненти, Auto Layout
  • Плагіни та лайфхаки

11. Адаптиви та передача в розробку

  • Особливості адаптивних версій сайтів
  • Адаптиви vs мобільні додатки
  • Особливості передачі сайтів і додатків розробникам

12. Прототипи

  • Інтерактивні прототипи
  • Smart Animate (Figma)

13. UI-анімація

  • Огляд інструментів
  • Основи UI-анімації в After Effects

14. Оформлення портфоліо

  • Особливості різних ресурсів
  • Як оформляти кейси?

15. Розвиток дизайнера

  • Як стати багатим і відомим?
  • Студія, фріланс або продукт?
  • Як проходити інтерв'ю?

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

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

Для опанування програми вам знадобиться онлайн-сервіс Figma. Він дозволяє створювати інтерфейси і малювати прототипи з можливістю спільної роботи в режимі реального часу.


Лектори:

1. Ганна Бронфайн (дизайнер інтерфейсів, фрілансер)

 

2. Марія Троцька (UI/UX Designer)

 

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

У зв'язку з карантином всі наші курси читаються у online-форматі.