Опис курсу:

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

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

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

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

  • Введення до курсу UI
    • Етапи розробки продукту
    • Поняття UX/UI/GUI
  • Технічні вимоги
    • Налаштування графічних редакторів для створення макетів для Web
    • Підготовка макетів для верстки
    • Підготовка графічних елементів
  • Дизайн мислення
    • Створення настрою проекту (Moodboard)
    • Скетчбук
    • Натхнення
    • Генерація креативних ідей
  • Композиція
    • Золотий перетин
    • Контраст і нюанс
    • Статика і динаміка
    • Акцент
    • Домінанта
    • Ієрархія об'єктів
  • Колір
    • Робота з колірним колом
    • Монохромні, компліментарні та близькі кольори
    • Підбираємо правильні кольори для сайту
    • Інструменти по підбору кольору
  • Шрифт
    • Web-типографіка
    • Візуальні елементи публікації
    • Підбір шрифтів та шрифтові пари
    • Інструменти підбору Web-шрифтів
  • Елементи інтерфейсу та їх стан
    • Елементи форми
    • Елементи навігації
    • Інформаційні елементи
    • Прелоадери
    • Та ін.
  • Іконки
    • Стилі іконок
    • Стилеутворюючі елементи
    • Формати та стандартні розміри іконок
    • Анімація іконок
    • Фавіконки та сервіси для створення фавіконок
    • Сервіси по підбору іконок
  • Фотографії та ілюстрації
    • Формати зображень для сайту
    • Розміри фотографій
    • Зберігання та оптимізація зображень
  • Закони та принципи побудови інтерфейсів
    • Візуальна ієрархія сайту
    • Закон близькості в гештальт-психології
    • Розстановка пріорітетів та акцентів на сторінках
    • F- и Z- патерни
  • Модульні сітки
    • 8pt сітка
    • Горизонтальний ритм
    • Вертикальний ритм
    • Модульная сітка Bootstrap
    • Нестандартні модульні сітки
  • Адаптивний та чуйний дизайн
    • Mobile first/Desktop first підходи
    • Мобільні версії сайту vs Адаптивний дизайн
    • Підготовка макету для адаптивних/чуйних сайтів
    • Правила підготовки макетів та зображень для Retina дисплеїв
  • Анімація інтерфейсу
    • Анімація інтерфейсу
    • Анімація ілюстрацій та іконок
    • Популярні інструменти та сервіси
  • Види та підходи до прототипування
    • Скетчінг
    • Варфреймінг
    • Інтерактивне прототипування
  • Тестування
    • Тестування дизайну в процесі створення продукту
    • Поліпшення дизайну на основі отриманих даних
  • Історія та тренди в Web-дизайні
    • Скевоморфізм
    • Плоский дизайн (Flat)
    • Material design (Google)
    • Fluent Design (Microsoft)
    • IBM Design Language
  • Презентація робіт
    • Правила оформлення портфоліо
    • Завантаження робіт на Behance
    • Захист курсової роботи перед групою

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

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

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