Курс 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. Он позволяет создавать интерфейсы и рисовать прототипы с возможностью совместной работы в режиме реального времени.


* Указанные скидки не суммируются с другими действующими акциями и специальными предложениями. Если у Вас возникли вопросы, обращайтесь за консультацией к нашим менеджерам!

spinner-it