Минск
+375 44 758 02 02
заказать звонок

UI Design

Как известно, хороший дизайн привлекает гораздо больше потенциальных покупателей, чем дизайн невзрачный. Это характерно не только для физических товаров, но и для программных продуктов. И наш курс UI Design предназначен для того, чтобы научить слушателей создавать красивый дизайн и удобные пользовательские интерфейсы в веб-среде.

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

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

После окончания курса UI Design вы сможете:

- Разрабатывать красивый и удобный пользовательский интерфейс;

- Работать с композицией и цветом;

- Улучшать интерфейс в соответствии с запросами пользователей;

- Оптимизировать процесс взаимодействия пользователя с системой;

- Разрабатывать типографику, иконки и другие элементы дизайна сайтов и приложений;

- Создавать анимированные иллюстрации и иконки;

- Вести грамотную презентацию своего проекта;

- Узнать основы работы в популярных графических редакторах;

- Вести разработку и внедрение решений для оптимизации функциональности сайта.

Формат обучения: онлайн-уроки с преподавателем индивидуально или в мини-группе

Пробный урок бесплатно

программа обучения
  1. Введение в курс UI

    • Этапы разработки продукта

    • Понятие UX/UI/GUI

  2. Технические требования

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

    • Подготовка макетов для верстки

    • Подготовка графических элементов

  3. Дизайн-мышление

    • Создание настроения проекта (Moodboard)

    • Скетчбук

    • Генерация креативных идей

  4. Композиция

    • Золотое сечение

    • Контраст и нюанс. Статика и динамика

    • Акцент. Доминанта

    • Иерархия объектов

  5. Цвет

    • Работа с цветовым кругом

    • Монохромные, комплиментарные и близкие цвета

    • Подбираем правильные цвета для сайта

    • Инструменты по подбору цвета

  6. Шрифт

    • Web-типографика

    • Визуальные элементы статьи

    • Подбор шрифтов и шрифтовые пары

    • Инструменты подбора Web-шрифтов

  7. Элементы интерфейса и их состояние

    • Элементы формы

    • Элементы навигации

    • Информационные элементы

    • Прелоадеры

  8. Иконки

    • Стили иконок. Стилеобразующие элементы. Форматы и стандартные размеры иконок

    • Анимация иконок

    • Фавиконки и сервисы для создания фавиконов

    • Сервисы по подбору иконок

  9. Фотографии и иллюстрации

    • Форматы изображений для сайта

    • Размеры фотографий

    • Сохранение и оптимизация изображений

  10. Законы и принципы построения интерфейсов

    • Визуальная иерархия сайта

    • Закон близости в гештальт-психологии

    • Расстановка приоритетов и акцентов на страницах

    • F- и Z- паттерны

  11. Модульные сетки

    • 8pt сетка

    • Горизонтальный ритм. Вертикальный ритм

    • Модульная сетка Bootstrap

    • Нестандартные модульные сетки

  12. Адаптивный и отзывчивый дизайн

    • Mobile first/Desktop first подходы

    • Мобильные версии сайта vs Адаптивный дизайн

    • Подготовка макетов для адаптивных/отзывчивых сайтов

    • Правила подготовки макетов и изображений для Retina дисплеев

  13. Анимация интерфейса

    • Анимация интерфейса

    • Анимация иллюстраций и иконок

    • Популярные инструменты и сервисы

  14. Виды и подходы к прототипированию

    • Скетчинг

    • Варфрейминг

    • Интерактивное прототипирование

  15. Тестирование

    • Тестирования дизайна в процессе создания продукта

    • Улучшение дизайна на основе полученных данных

  16. История и тренды в Web-дизайне

    • Скевоморфизм

    • Плоский дизайн (Flat)

    • Material design (Google)

    • Fluent Design (Microsoft)

    • IBM Design Language

  17. Презентация работ

    • Правила оформления портфолио

    • Загрузка работ на Behance

преподаватели курса
Владимир Зыль
Закончил БГУИР (специальность лишь частично связана с программированием, программировать учился в МГВРК, сейчас МРК). Более 4 лет работы в области IT в качестве программиста. Основной опыт в области Front-end.
Начните воплощать свои мечты об интересной и оплачиваемой работе вместе с нами сейчас.
ОТЗЫВЫ НАШИХ СТУДЕНТОВ
itstar.by