Программа курса
Курс начинается с основ. Студенты узнают, что такое UI/UX дизайн и какие обязанности у дизайнера. Они разбираются с инструментами для работы и детально изучают Figma. Первая часть посвящена интерфейсу программы, работе с фреймами, группами, объектами и их свойствами. Также студенты осваивают constraints для адаптивного дизайна и работу с векторными кривыми для создания иконок.
Дизайн-процесс и продолжение работы в Figma
Второй модуль объясняет типичный дизайн-процесс в реальных условиях. Студенты изучают форматы файлов, с которыми работает дизайнер. Вторая часть изучения Figma охватывает работу с градиентами, изображениями, масками и булевыми группами. Особое внимание уделяется выравниванию объектов, работе с текстом и использованию плагинов для повышения эффективности.
Сетки, типографика и тайм-менеджмент
Здесь студенты разбираются, что такое интерфейс. Они изучают различные виды сеток - колонковые, блочные, модульные, иерархические. Курс учит подбирать сетки под конкретный контент, а не использовать шаблонные решения. Важным элементом является правило внутреннего и внешнего для создания сбалансированной композиции. Также студенты учатся оценивать время на дизайн-проект. Далее идет раздел про типографику: выбор шрифтов, создание шрифтовых пар, улучшение читабельности текста. Рассматриваются принципы швейцарской типографики и современные тренды. Отдельно изучаются техники планирования времени для предотвращения выгорания.
Типы сайтов, лендинги и UX-писанина
Этот блок посвящен различным типам сайтов и их особенностям. Студенты разбираются с разрешающей способностью экранов и типами макетов - от скетчинга до высокодетализированных вайрфреймов и прототипов. Детально рассматривается процесс создания лендинга, аргументация дизайнерских решений и основы копирайтинга в дизайне. Также изучаются базовые правила UX для создания удобных интерфейсов.
Композиция, UI-элементы и креативная стратегия
Модуль объясняет основы композиции для управления вниманием пользователя. Студенты изучают UI-элементы - кнопки, поля ввода, чекбоксы - и их состояния. В Figma осваивается Auto Layout и стили для поддержания порядка в макете. Далее идет воркшоп по генерации идей по методу Уолта Диснея, который помогает выходить за рамки привычных решений.
Цвета, доступность и визуальная иерархия
Студенты изучают основы цвета и учатся подбирать палитру для проекта. Важный акцент делается на доступности дизайна для всех пользователей. Рассматриваются современные тренды, поиск визуальных идей и создание мудбордов. В Figma студенты создают систему шрифтов. Далее идет раздел про визуальную иерархию - инструмент для создания сбалансированных макетов. Учится работа с иллюстрациями, фотографиями и иконками, включая выбор актуальных стилей.
Практика редизайна и улучшения визуала
Под руководством ментора студенты анализируют реальные интерфейсы и редизайнят неудачные секции сайтов. Затем они учатся улучшать визуальное качество дизайна через детали, правильное использование теней и стилей в Figma.
Компоненты, прототипирование и анимация
Студенты осваивают создание UI Kit - набора всех элементов дизайна. В Figma изучаются Components, Variants и Variables для более быстрой и профессиональной работы. Далее идет создание интерактивных прототипов лендингов с анимацией, включая параллакс-эффекты.
Презентация работ и создание портфолио
Этот блок учит эффективно презентовать свои работы и аргументировать дизайнерские решения. Студенты практикуются в презентациях и получают детальный фидбек. Затем они учатся оформлять кейсы для портфолио, правильно показывая процесс работы и результаты. Кейсы загружаются на Behance.
UX-исследования, e-commerce и юзабилити-тестирование
Студенты изучают основы UX-исследований, брифования клиентов и определения целевой аудитории. Затем они переходят к созданию интернет-магазинов: строят sitemap, user flow, дизайнят главные страницы, каталоги товаров, карточки товаров, корзины и страницы оформления заказа. Особое внимание уделяется адаптивному дизайну под различные устройства. Далее идет юзабилити-тестирование макетов на реальных пользователях и коридорное тестирование.
UX-аудит, дизайн-системы и дополнительные инструменты
Студенты учатся анализировать интерфейсы по эвристикам Нильсена. Они понимают разницу между UI Kit и дизайн-системой, изучают популярные дизайн-системы. Отдельный модуль посвящен основам Adobe Photoshop и Illustrator для ретуши фото и работы с вектором.
Подготовка к трудоустройству
Сначала студенты анализируют свой прогресс на курсе вместе с ментором. Затем они изучают искусственный интеллект для дизайнеров и принципы сотрудничества с разработчиками. Далее идет серия модулей о трудоустройстве: типы IT-компаний, создание CV и сопроводительного письма, подготовка к собеседованиям, психологическая подготовка и работа с отказами. Студенты проходят практику собеседований с ментором. Завершается курс разбором тестовых заданий, испытательного срока, карьерного роста дизайнера и основ фриланса.
Особенности обучения
На курсе есть поддержка ментора. Много внимания уделяется практике и детальному фидбеку. Занятия проходят в группах, студенты регулярно презентуют свои работы. Курс включает полноценную подготовку к трудоустройству. Каждый студент создает проект для портфолио и получает сертификат об окончании.
