spinner-it

UI Design

Старт обучения
Дату уточните у администрации
48 час. по 2-3 раза в неделю

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

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

 

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

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

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

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

  • Введение в курс UI
    • Этапы разработки продукта
    • Понятия UX/UI/GUI
  • Технические требования
    • Настройка графических редакторов для создания макетов для Web
    • Подготовка макетов для верстки
    • Подготовка графических элементов
  • Дизайн мышления
    • Создание настроения проекта (Moodboard)
    • Скетчбук
    • Вдохновение
    • Генерирование креативных идей
  • Композиция
    • Золотое сечение
    • Контраст и нюанс
    • Статика и динамика
    • Акцент
    • Доминанта
    • Иерархия объектов
  • Цвет
    • Работа с цветовым кругом
    • Монохромные, комплиментарные и близкие цвета
    • Подбираем правильные цвета для сайта
    • Инструменты для подбора цвета
  • Шрифт
    • Web-типографика
    • Визуальные элементы публикации
    • Подбор шрифтов и шрифтовые пары
    • Инструменты подбора Web-шрифтов
  • Элементы интерфейса и их состояние
    • Элементы формы
    • Элементы навигации
    • Информационные элементы
    • Прелоадеры
  • Иконки
    • Стили иконок
    • Стилеобразующие элементы
    • Форматы и стандартные размеры иконок
    • Анимация иконок
    • Фавиконки и сервисы для создания фавиконок
    • Сервисы для подбора иконок
  • Фотографии и иллюстрации
    • Форматы изображений для сайта
    • Размеры фотографий
    • Сохранение и оптимизация изображений
  • Законы и принципы построения интерфейсов
    • Визуальная иерархия сайта
    • Закон близости в гештальт-психологии
    • Расстановка приоритетов и акцентов на страницах
    • F- и Z- паттерны
  • Модульные сетки
    • 8pt сетка
    • Горизонтальный ритм
    • Вертикальный ритм
    • Модульная сетка Bootstrap
    • Нестандартные модульные сетки
  • Responsive and Adaptive design
    • Mobile first/Desktop first подходы
    • Мобильные версии сайта vs Адаптивный дизайн
    • Подготовка макета для adaptive/responsive сайтов
    • Правила подготовки макетов и изображений для Retina дисплеев
  • Анимация интерфейса
    • Анимация интерфейса
    • Анимация иллюстраций и иконок
    • Популярные инструменты и сервисы
  • Виды и подходы к прототипированию
    • Скетчинг
    • Варфрейминг
    • Интерактивное прототипирование
  • Тестирование
    • Тестирование дизайна в процессе создания продукта
    • Улучшение дизайна на основе полученных данных
  • История и тренды в Web-дизайне
    • Скевоморфизм
    • Плоский дизайн (Flat)
    • Material design (Google)
    • Fluent Design (Microsoft)
    • IBM Design Language
  • Презентация работ
    • Правила оформления портфолио
    • Загрузка работ на Behance
    • Защита курсовой работы перед группой

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

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

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