UI Design

Старт обучения
Берестейская 12.11.2019
Позняки Дату уточните у администрации
ВДНХ Дату уточните у администрации
48 час. по 2-3 раза в неделю

Описание курса

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

После курса вы сможете:

  • Создавать и оптимизировать цифровой пользовательский интерфейс
  • Находить и предлагать наиболее простые точки взаимодействия пользователя с системой
  • Правильно управлять иконками, анимацией и другим графическим контентом на сайте
  • Разрабатывать и внедрять эффективные решения для повышения функциональности веб-сайта

Вместе дешевле

UI Design
+
UX Design
=

18000 грн.

15300 грн.

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

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

Минимальные требования:

  • Наличие собственного ноутбука для занятий в аудиториях

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

spinner-it