- Знакомство.
- Что такое дизайн. Что главное в дизайне.
- Что такое UI.
- Что такое UX.
- Интерфейс.
- Что должен знать дизайнер (список материалов).
- Современный дизайн.
- Краткий обзор инструментов.
- ДЗ: Ознакомление с инструментами.
- Основной инструмент для прототипирования — бумага и ручка.
- Универсальный инструмент для дизайнера — Photoshop.
- Инструменты для проектирования — Figma, Adobe XD.
- Дополнительные инструменты — Zeplin, inVision, draw.io.
- Trello — простой сервис для организации процесса.
- ДЗ: Первый проект.
- Эвристики Нильсена.
- Принципы гештальта в дизайне.
- Паттерны восприятия информации.
- Правило 3х кликов. 7±2. Заблуждения в дизайне.
- UX-мифы.
- Когнитивные искажения (фрейминг, прайминг).
- Mind maps.
- Смежные области дизайна (Маркетинг, ТРИЗ).
- ДЗ: Анализ существующих сайтов.
- Композиция.
- Чередование ритма. Якорные объекты.
- Сетки. Вертикальные пробелы. Разновидности и применение.
- Изображения. Иллюстрации. Фотостоки.
- Визуальное ядро приложения или сайта.
- ДЗ: Макет с учетом полученных в блоке знаний.
- Типографика. Общие положения.
- Шрифты, их сочетание и методы выбора. Шрифтовые пары.
- Цвет. Методики выбора цвета. Цветовой круг.
- Влияние цвета на пользователя. Брендирование.
- Доступность (режим высокой контрастности).
- Иконки. Принципы построения, применения и поиска.
- ДЗ: Макет с учетом полученных в блоке знаний.
- Гайдлайны. Определения.
- Гайдлайны Material Design, Apple HIG, Microsoft UWP.
- Базовые компоненты и их структура.
- Формы и текстовые поля.
- Кнопки. Элементы управления (Контролы).
- Карточки. Табы. Бары. Списки.
- Библиотеки компонентов.
- Дизайн системы.
- ДЗ: Составить собственную UI-библиотеку из базовых элементов.
- Цели проекта и клиента.
- Метод исследования с помощью персон. Карта эмпатий.
- Исследование конкурентов.
- Сбор и анализ информации о пользователях. Интервью и анкетирование.
- Сценарии поведения (User stories. User cases). Customer Development.
- Customer Journey Map (CJM).
- Структура сайта.
- Обсуждение с командой и/или с заказчиком.
- ДЗ: Применить полученные знания к своему проекту.
- Варфреймы, прототипы и мокапы.
- Субъективные и объективные исследования.
- Методы тестирования дизайна (наблюдение, глубинное интервью, юзабилити-тестирование).
- А/В тестирование.
- Поиск визуального языка. Генерация визуальных образов.
- Простые способы улучшения дизайна.
- Проверка макета перед сдачей в разработку.
- ДЗ: Создать собственный интерактивный прототип.
- Сайты и лендинг. Разновидности веб страниц в интернете.
- Основные паттерны.
- Структура «продающей» страницы. «Анатомия» лендинга.
- Особенности дизайна для touch устройств.
- Особенности дизайна для мобильных и стационарных устройств. Адаптивный дизайн.
- Основы верстки (знание html, css). Технические ограничения различных платформ.
- Типовые ошибки в веб-дизайне.
- ДЗ: Придумать и реализовать дизайн лендинга.
- Мобильные устройства (стандартные и нестандартные). Типовые размеры экранов.
- Разница между экосистемами Android и iOS.
- Контекст использования.
- Структура мобильных приложений.
- Современные паттерны дизайна для мобильных устройств.
- Важные единицы измерения и размеры: px, dp, sp.
- ДЗ: Придумать и реализовать дизайн мобильного приложения.
- Вдохновение: где и как искать.
- Мудборды.
- Генерация новых идей.
- Анализ чужого опыта (декомпозиция).
- Польза разных областей для понимания дизайна.
- Развитие визуального вкуса. Изучение истории дизайна.
- Конференции. Видео и дополнительные курсы.
- Самообразование — залог успеха дизайнера.
- Ежедневная тренировка. DailyUI и другие челленджи.
- ДЗ: Составить план самостоятельного развития.
- Нетворкинг.
- Критика — лучший друг дизайнера.
- Особенности поиска первого места работы дизайнера.
- Портфолио: что стоит туда помещать.
- Поиск клиентов. Популярные фриланс-биржи.
- Full-time vs freelance.
- Этика.
- ДЗ: Подготовка к защите курсового проекта.
Вводное занятие. Что такое (UI/UX) дизайн?
Вводное занятие. Что такое (UI/UX) дизайн?
Защита курсового проекта.
Защита курсового проекта.
Заключительное занятие: что дальше? Как
искать работу.
Заключительное занятие: что дальше? Как
искать работу.
Современные инструменты дизайнера.
Современные инструменты дизайнера.
Психология восприятия информации.
Психология восприятия информации.
UI. Компоненты, библиотеки, дизайн
системы. Стандарты и гайдлайны.
UI. Компоненты, библиотеки, дизайн
системы. Стандарты и гайдлайны.
Дизайн как процесс. Дизайн-мышление.
Дизайн как процесс. Дизайн-мышление.
Дизайн продукта. Предварительные
исследования и выбор решения.
Дизайн продукта. Предварительные
исследования и выбор решения.
Дизайн интерфейса. Реализация
и тестирование.
Дизайн интерфейса. Реализация
и тестирование.
Мобильное приложение. Структура. Основные паттерны мобильных устройств.
Мобильное приложение. Структура. Основные паттерны мобильных устройств.
Графический язык дизайна. Типографика,
цвета и иконки.
Графический язык дизайна. Типографика,
цвета и иконки.
Графический язык дизайна. Композиция,
сетка и изображения.
Графический язык дизайна. Композиция,
сетка и изображения.
- Design thinking. Конвергентное и дивергентное мышление.
- Сбор материала для начала работы (первичные исследования). Поиск и выбор лучших идей.
- Определение метрик и контроль над ними.
- Правило прогрессивного джипега.
- Jobs To Be Done.
- Бизнес модель по Остервальдеру. Обзор.
- ДЗ: Применить полученные знания к своему проекту.