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

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

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

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

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

  • Введение в курс 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
    • Защита курсовой работы перед группой

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

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

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