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


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