преподаватели курса
info@itstar.by
Минск
+375 44 758 02 02
заказать звонок
Как известно, хороший дизайн привлекает гораздо больше потенциальных покупателей, чем дизайн невзрачный. Это характерно не только для физических товаров, но и для программных продуктов. И наш курс UI Design предназначен для того, чтобы научить слушателей создавать красивый дизайн и удобные пользовательские интерфейсы в веб-среде.
Преподаватели академии ITSTAR расскажут слушателям о том, как визуальный дизайн помогает привлекать пользователей и увеличивать продажи (клики, действия на веб-странице). Вы узнаете психофизиологических особенностях графических интерфейсов, их основных элементах.
Курс поможет новичкам освоить необходимый минимум по направлению UI Design, а профессионалам – углубить имеющиеся знания и актуализировать их. Ведь наши преподаватели постоянно обновляют учебную программу курса, чтобы быть в тренде всех современных тенденций веб-дизайна.
После окончания курса UI Design вы сможете:
- Разрабатывать красивый и удобный пользовательский интерфейс;
- Работать с композицией и цветом;
- Улучшать интерфейс в соответствии с запросами пользователей;
- Оптимизировать процесс взаимодействия пользователя с системой;
- Разрабатывать типографику, иконки и другие элементы дизайна сайтов и приложений;
- Создавать анимированные иллюстрации и иконки;
- Вести грамотную презентацию своего проекта;
- Узнать основы работы в популярных графических редакторах;
- Вести разработку и внедрение решений для оптимизации функциональности сайта.
Формат обучения: онлайн-уроки с преподавателем индивидуально или в мини-группе
Пробный урок бесплатно
Введение в курс UI
Этапы разработки продукта
Понятие UX/UI/GUI
Технические требования
Настройки графических редакторов для создания макетов для Web
Подготовка макетов для верстки
Подготовка графических элементов
Дизайн-мышление
Создание настроения проекта (Moodboard)
Скетчбук
Генерация креативных идей
Композиция
Золотое сечение
Контраст и нюанс. Статика и динамика
Акцент. Доминанта
Иерархия объектов
Цвет
Работа с цветовым кругом
Монохромные, комплиментарные и близкие цвета
Подбираем правильные цвета для сайта
Инструменты по подбору цвета
Шрифт
Web-типографика
Визуальные элементы статьи
Подбор шрифтов и шрифтовые пары
Инструменты подбора Web-шрифтов
Элементы интерфейса и их состояние
Элементы формы
Элементы навигации
Информационные элементы
Прелоадеры
Иконки
Стили иконок. Стилеобразующие элементы. Форматы и стандартные размеры иконок
Анимация иконок
Фавиконки и сервисы для создания фавиконов
Сервисы по подбору иконок
Фотографии и иллюстрации
Форматы изображений для сайта
Размеры фотографий
Сохранение и оптимизация изображений
Законы и принципы построения интерфейсов
Визуальная иерархия сайта
Закон близости в гештальт-психологии
Расстановка приоритетов и акцентов на страницах
F- и Z- паттерны
Модульные сетки
8pt сетка
Горизонтальный ритм. Вертикальный ритм
Модульная сетка Bootstrap
Нестандартные модульные сетки
Адаптивный и отзывчивый дизайн
Mobile first/Desktop first подходы
Мобильные версии сайта vs Адаптивный дизайн
Подготовка макетов для адаптивных/отзывчивых сайтов
Правила подготовки макетов и изображений для Retina дисплеев
Анимация интерфейса
Анимация интерфейса
Анимация иллюстраций и иконок
Популярные инструменты и сервисы
Виды и подходы к прототипированию
Скетчинг
Варфрейминг
Интерактивное прототипирование
Тестирование
Тестирования дизайна в процессе создания продукта
Улучшение дизайна на основе полученных данных
История и тренды в Web-дизайне
Скевоморфизм
Плоский дизайн (Flat)
Material design (Google)
Fluent Design (Microsoft)
IBM Design Language
Презентация работ
Правила оформления портфолио
Загрузка работ на Behance