Базовый курс состоит из 4-ех основных модулей, это фундамент для построения проекта любой сложности, будь то сайт, мобильное приложение, любой сервис или продукт.
программа курса
Мы пройдем всю необходимую базу, а главное — выстроим системный рабочий процесс, чтобы вы могли воспроизвести результат самостоятельно.
Программа курса рассчитана на опыт от 0 до 2-ух лет. Продолжительность 2.5 месяца или 10 недель.
AI в дизайне
👽
Мы будем активно использовать AI-инструменты в работе над проектом, чтобы ускорять процессы, анализировать интерфейсы, искать визуальные направления и тестировать идеи. AI усиливает грамотного дизайнера, а не заменяет его.
Основы UX
Поймём логику исследования пользователей. Разберёмся, как находить их потребности и превращать это в структуру и прототип проекта.
(1)
Введение в UX и роль дизайнера
- Что такое UX и почему это важно
- Роль UX-дизайнера в команде и на рынке
- UX-профессии
- Как работа UX связана с UI
(2)
Понимание пользователя
- Зачем изучать пользователей
- Способы изучения пользователя (качественные и количественные исследования, разберем основные методы)
- Мера в исследованиях
- Цели проведения исследования
- Поиск и формулирование проблемы
- Как правильно формулировать гипотезы
(3)
Основы UX: практическая часть
- Desk research: анализ конкурентов, аналогов, трендов
- Персоны и пользовательские сценарии (User Personas, User Scenarios)
- Основные блоки сайта
- Продающие блоки лендинга
- Как выстроить последовательность блоков на сайте
- Информационная архитектура
- UX-копирайтинг
(4)
Юзабилити и паттерны
- Принципы юзабилити
- Распространённые ошибки в интерфейсах
- UX-паттерны: как использовать и почему это важно
- Принципы навигации и структуры
- Типовые элементы
(5)
Прототипирование
- Почему это важно
- Wireframes vs Prototype
- Инструменты для прототипирования
- Принципы создания wireframes
- Как собрать WF из готовых компонентов
(6)
Основы доступности: Accessibility
- Почему важно делать доступные продукты
- Базовые правила доступности
(7)
Фидбек и взаимодействие
- Почему важны микровзаимодействия
- Как интерфейс должен реагировать на действия пользователя
- Примеры хорошего и плохого обратного отклика
Основы графического дизайна
Разберемся, как графический дизайн применяется в интерфейсах, научимся создавать эстетичные проекты.
(1)
Введение в графический дизайн
- Графический дизайн в интерфейсах
- Роль эстетики: зачем интерфейсу «красота»
- Как визуал влияет на User Experience
- Как передавать настроение и эмоции через визуал
- Как подбирать референсы
(2)
Теория цвета
- Основы теории цвета для дизайнера
- Психология цвета: эмоции и ассоциации
- Восприятие цвета в разных культурах
- Как работает цвет в интерфейсе
- Как собирать цветовые палитры
- Полезные ресурсы
(3)
Основы типографики
- Введение в типографику
- Шрифтовая иерархия в веб-дизайне
- Базовые понятия и терминология
- Сочетания шрифтов: правила и ошибки
- Как подобрать типографику для интерфейса
- Полезные ресурсы
(4)
Композиция и сетки
- Композиция, как инструмент в дизайне
- Принципы построения композиции
- Ритм и движение
- Работа с пространством
- Влияние композиции на восприятие и эстетику
- Виды, применение и построение сеток
- Когда можно нарушать правила
(5)
Выразительность через графические элементы
- Векторная и растровая графика
- Формы и иконки
- Иллюстрации, фото и их роль в интерфейсе
- Эффекты в Figma
- Как подобрать графический прием для проекта
- Полезные ресурсы
(6)
Авторское право
Поговорим о том, как использовать ресурсы в своих проектах безопасно;
(7)
Генерация
- 1
- 2
- 3
- 4
- 5
Основы UI
Освоим работу с компонентами и научимся выстраивать систему, которая делает интерфейс единым и удобным. Соберем грамотный ui-кит.
(1)
Введение в UI
- Что такое UI и чем он отличается от UX
- Основные цели интерфейсного дизайна
- Что такое UI паттерны
- Иерархия в интерфейсе
- Как развивать насмотренность
- Полезные ресурсы
(2)
Процесс создания интерфейсов
- Декомпозиция: дизайн-процесс в компании
- Что такое дизайн-система
- Что такое UI kit
- Последовательность создания UI-кита
(3)
Составляющие UI
- Из чего состоит интерфейс
- Устройства и разрешения
- Организация рабочего пространства в Figma
- Использование готовой библиотеки
(4)
Практика: Foundations
- Создание и применение стилей в Figma
- Правила создания иконок
- Оформление иллюстраций и фотографий в UI kit
(5)
Практика: компоненты и паттерны
- Master & Instance
- Логика создания компонентов
- Типовые компоненты сайта
- Состояния компонентов
- Варианты компонентов
- Свойства компонентов & Nested components
- Правила грамотного компонента
- Как и для чего продолжить изучение компонентов
(6)
Адаптивный дизайн
- Адаптивы для планшета и телефона
- Адаптирование сложных элементов
(7)
Создание и публикация кейса
- Структура кейса
- Как описывать процесс работы и решения
- Визуальная подача и акценты
- Анимация кейса
- Типичные ошибки
- Как усилить кейс через текст и сторителлинг
(8)
Дизайн-handoff
- Подготовка проекта к передаче в разработку
- Оформление сценариев
Figma с 0
Научимся уверенно работать в Figma: от базовых инструментов до профессиональных фишек и нюансов.
(1)
Введение в Figma
- Приложения Figma
- Обзор интерфейса Figma Design
- Создание файлов и страниц
- Ограничения для бесплатной версии
- Figma Community
- Figma Beta
(2)
Работа с объектами и слоями
- Инструменты для создания объектов
- Выравнивание
- Булевые операции
- Маски
- Трансформации
- Frames, Groups, Sections
- Работа со слоями и иерархией
(3)
Сетки и направляющие
- Для чего нужны сетки в Figma
- Настройка колоночных и модульных сеток
- Baseline grid
- Constraints
(4)
Работа с текстом, цветом, изображениями
- Добавление и редактирование текста
- Работа с цветом
- Работа с изображениями
(5)
Auto Layout
- Принцип работы автолейаута
- Обзор настроек
- Создание адаптивных блоков
- Работа с вложенными автолейаутами
(6)
Прототипирование
- Вкладка Prototype
- Линковка экранов
- Основы анимации
- Презентация прототипа
(7)
Совместная работа
- Комментарии и обсуждения внутри файла
- Аннотации
- Измерения
- Шеринг и доступы
(8)
Полезные функции и плагины
- Обзор полезных плагинов
- Горячие клавиши и лайфхаки для ускорения работы
- Режим контуров
- Actions
(*)
Стили Figma,
Компоненты и варианты
Мы будем проходить в модуле UI
Расписание 2-го потока
29 июня 2026 - 6 сентября 2026
предобучение с 15 июня
1-4 недели
Сделаем исследование с AI, архитектуру и каркас будущего сайта, пропишем финальные тексты. Соберем несколько дизайн-концепций для проекта и выберем лучшую.
5-8 недели
Соберем грамотный UI kit для проекта, сделаем адаптивы, подготовим макеты к верстке.
9-10 недели
Создадим для нашего проекта кейс с анимацией и выгрузим в портфолио.
Цена сейчас -- 65000 руб
следующая цена -- 72000 руб
хочу в кружок
Уроки по программе в записи, можно смотреть в удобное время
Домашние задания с проверкой (комментарии и видео-разборы)
В качестве проекта на курсе мы будем делать дизайн сайта
*даты могут незначительно отличаться
Чтобы занять место на 2-ом потоке курса, следите за анонсом в telegram.
telegram
youtube
старт второго потока 29 июня 2026
предобучение с 15 июня 2026
Моргунова Ася Владимировна
ИНН 781715406931
morgunova.design@yandex.ru
от @asyazaemaya
присоединиться
ко 2-му потоку
Базовый курс состоит из 4-ех основных модулей, это фундамент для построения проекта любой сложности, будь то сайт, мобильное приложение, любой сервис или продукт.
программа курса
Мы пройдем всю необходимую базу, а главное — выстроим системный рабочий процесс, чтобы вы могли воспроизвести результат самостоятельно.
Программа курса рассчитана на опыт от 0 до 2-ух лет. Продолжительность 2.5 месяца или 10 недель.
AI в дизайне
👽
Мы будем активно использовать AI-инструменты в работе над проектом, чтобы ускорять процессы, анализировать интерфейсы, искать визуальные направления и тестировать идеи. AI усиливает грамотного дизайнера, а не заменяет его.
Основы UX
Поймём логику исследования пользователей. Разберёмся, как находить их потребности и превращать это в структуру и прототип проекта.
(1)
Введение в UX и роль дизайнера
- Что такое UX и почему это важно
- Роль UX-дизайнера в команде и на рынке
- UX-профессии
- Как работа UX связана с UI
(2)
Понимание пользователя
- Зачем изучать пользователей
- Способы изучения пользователя (качественные и количественные исследования, разберем основные методы)
- Мера в исследованиях
- Цели проведения исследования
- Поиск и формулирование проблемы
- Как правильно формулировать гипотезы
(3)
Основы UX: практическая часть
- Desk research: анализ конкурентов, аналогов, трендов
- Персоны и пользовательские сценарии (User Personas, User Scenarios)
- Основные блоки сайта
- Продающие блоки лендинга
- Как выстроить последовательность блоков на сайте
- Информационная архитектура
- UX-копирайтинг
(4)
Юзабилити и паттерны
- Принципы юзабилити
- Распространённые ошибки в интерфейсах
- UX-паттерны: как использовать и почему это важно
- Принципы навигации и структуры
- Типовые элементы
(5)
Прототипирование
- Почему это важно
- Wireframes vs Prototype
- Инструменты для прототипирования
- Принципы создания wireframes
- Как собрать WF из готовых компонентов
(6)
Основы доступности: Accessibility
- Почему важно делать доступные продукты
- Базовые правила доступности
(7)
Фидбек и взаимодействие
- Почему важны микровзаимодействия
- Как интерфейс должен реагировать на действия пользователя
- Примеры хорошего и плохого обратного отклика
Основы графического дизайна
Разберемся, как графический дизайн применяется в интерфейсах, научимся создавать эстетичные проекты.
(1)
Введение в графический дизайн
- Графический дизайн в интерфейсах
- Роль эстетики: зачем интерфейсу «красота»
- Как визуал влияет на User Experience
- Как передавать настроение и эмоции через визуал
- Как подбирать референсы
(2)
Теория цвета
- Основы теории цвета для дизайнера
- Психология цвета: эмоции и ассоциации
- Восприятие цвета в разных культурах
- Как работает цвет в интерфейсе
- Как собирать цветовые палитры
- Полезные ресурсы
(3)
Основы типографики
- Введение в типографику
- Шрифтовая иерархия в веб-дизайне
- Базовые понятия и терминология
- Сочетания шрифтов: правила и ошибки
- Как подобрать типографику для интерфейса
- Полезные ресурсы
(4)
Композиция и сетки
- Композиция, как инструмент в дизайне
- Принципы построения композиции
- Ритм и движение
- Работа с пространством
- Влияние композиции на восприятие и эстетику
- Виды, применение и построение сеток
- Когда можно нарушать правила
(5)
Выразительность через графические элементы
- Векторная и растровая графика
- Формы и иконки
- Иллюстрации, фото и их роль в интерфейсе
- Эффекты в Figma
- Как подобрать графический прием для проекта
- Полезные ресурсы
(6)
Авторское право
Поговорим о том, как использовать ресурсы в своих проектах безопасно;
(7)
Генерация
- 1
- 2
- 3
- 4
- 5
Основы UI
Освоим работу с компонентами и научимся выстраивать систему, которая делает интерфейс единым и удобным. Соберем грамотный ui-кит.
(1)
Введение в UI
- Что такое UI и чем он отличается от UX
- Основные цели интерфейсного дизайна
- Что такое UI паттерны
- Иерархия в интерфейсе
- Как развивать насмотренность
- Полезные ресурсы
(2)
Процесс создания интерфейсов
- Декомпозиция: дизайн-процесс в компании
- Что такое дизайн-система
- Что такое UI kit
- Последовательность создания UI-кита
(3)
Составляющие UI
- Из чего состоит интерфейс
- Устройства и разрешения
- Организация рабочего пространства в Figma
- Использование готовой библиотеки
(4)
Практика: Foundations
- Создание и применение стилей в Figma
- Правила создания иконок
- Оформление иллюстраций и фотографий в UI kit
(5)
Практика: компоненты и паттерны
- Master & Instance
- Логика создания компонентов
- Типовые компоненты сайта
- Состояния компонентов
- Варианты компонентов
- Свойства компонентов & Nested components
- Правила грамотного компонента
- Как и для чего продолжить изучение компонентов
(6)
Адаптивный дизайн
- Адаптивы для планшета и телефона
- Адаптирование сложных элементов
(7)
Создание и публикация кейса
- Структура кейса
- Как описывать процесс работы и решения
- Визуальная подача и акценты
- Анимация кейса
- Типичные ошибки
- Как усилить кейс через текст и сторителлинг
(8)
Дизайн-handoff
- Подготовка проекта к передаче в разработку
- Оформление сценариев
Figma с 0
Научимся уверенно работать в Figma: от базовых инструментов до профессиональных фишек и нюансов.
(1)
Введение в Figma
- Приложения Figma
- Обзор интерфейса Figma Design
- Создание файлов и страниц
- Ограничения для бесплатной версии
- Figma Community
- Figma Beta
(2)
Работа с объектами и слоями
- Инструменты для создания объектов
- Выравнивание
- Булевые операции
- Маски
- Трансформации
- Frames, Groups, Sections
- Работа со слоями и иерархией
(3)
Сетки и направляющие
- Для чего нужны сетки в Figma
- Настройка колоночных и модульных сеток
- Baseline grid
- Constraints
(4)
Работа с текстом, цветом, изображениями
- Добавление и редактирование текста
- Работа с цветом
- Работа с изображениями
(5)
Auto Layout
- Принцип работы автолейаута
- Обзор настроек
- Создание адаптивных блоков
- Работа с вложенными автолейаутами
(6)
Прототипирование
- Вкладка Prototype
- Линковка экранов
- Основы анимации
- Презентация прототипа
(7)
Совместная работа
- Комментарии и обсуждения внутри файла
- Аннотации
- Измерения
- Шеринг и доступы
(8)
Полезные функции и плагины
- Обзор полезных плагинов
- Горячие клавиши и лайфхаки для ускорения работы
- Режим контуров
- Actions
(*)
Стили Figma,
Компоненты и варианты
Мы будем проходить в модуле UI
Расписание 2-го потока
29 июня 2026 - 6 сентября 2026
предобучение с 15 июня
1-4 недели
Сделаем исследование с AI, архитектуру и каркас будущего сайта, пропишем финальные тексты. Соберем несколько дизайн-концепций для проекта и выберем лучшую.
5-8 недели
Соберем грамотный UI kit для проекта, сделаем адаптивы, подготовим макеты к верстке.
9-10 недели
Создадим для нашего проекта кейс с анимацией и выгрузим в портфолио.
Цена сейчас -- 65000 руб
следующая цена -- 72000 руб
хочу в кружок
Уроки по программе в записи, можно смотреть в удобное время
Домашние задания с проверкой (комментарии и видео-разборы)
В качестве проекта на курсе мы будем делать дизайн сайта
*даты могут незначительно отличаться
Чтобы занять место на 2-ом потоке курса, следите за анонсом в telegram.
telegram
youtube
старт второго потока
29 июня 2026
предобучение с 15 июня 2026
Моргунова Ася Владимировна ИНН 781715406931
morgunova.design@yandex.ru
от @asyazaemaya
от @asyazaemaya
присоединиться
ко 2-му потоку
Базовый курс состоит из 4-ех основных модулей, это фундамент для построения проекта любой сложности, будь то сайт, мобильное приложение, любой сервис или продукт.
программа курса
Мы пройдем всю необходимую базу, а главное — выстроим системный рабочий процесс, чтобы вы могли воспроизвести результат самостоятельно.
Программа курса рассчитана на опыт от 0 до 2-ух лет. Продолжительность 2.5 месяца или 10 недель.
👽
Мы будем активно использовать AI-инструменты в работе над проектом, чтобы ускорять процессы, анализировать интерфейсы, искать визуальные направления и тестировать идеи. AI усиливает грамотного дизайнера, а не заменяет его.
AI в дизайне
Основы UX
Поймём логику исследования пользователей. Разберёмся, как находить их потребности и превращать это в структуру и прототип проекта.
(1)
Введение в UX и роль дизайнера
- Что такое UX и почему это важно
- Роль UX-дизайнера в команде и на рынке
- UX-профессии
- Как работа UX связана с UI
(2)
Понимание пользователя
- Зачем изучать пользователей
- Способы изучения пользователя (качественные и количественные исследования, разберем основные методы)
- Мера в исследованиях
- Цели проведения исследования
- Поиск и формулирование проблемы
- Как правильно формулировать гипотезы
(3)
Основы UX: практическая часть
- Desk research: анализ конкурентов, аналогов, трендов
- Персоны и пользовательские сценарии (User Personas, User Scenarios)
- Основные блоки сайта
- Продающие блоки лендинга
- Как выстроить последовательность блоков на сайте
- Информационная архитектура
- UX-копирайтинг
(4)
Юзабилити и паттерны
- Принципы юзабилити
- Распространённые ошибки в интерфейсах
- UX-паттерны: как использовать и почему это важно
- Принципы навигации и структуры
- Типовые элементы
(5)
Прототипирование
- Почему это важно
- Wireframes vs Prototype
- Инструменты для прототипирования
- Принципы создания wireframes
- Как собрать WF из готовых компонентов
(6)
Основы доступности: Accessibility
- Почему важно делать доступные продукты
- Базовые правила доступности
(7)
Фидбек и взаимодействие
- Почему важны микровзаимодействия
- Как интерфейс должен реагировать на действия пользователя
- Примеры хорошего и плохого обратного отклика
Основы графического дизайна
Разберемся, как графический дизайн применяется в интерфейсах, научимся создавать эстетичные проекты.
(1)
Введение в графический дизайн
- Графический дизайн в интерфейсах
- Роль эстетики: зачем интерфейсу «красота»
- Как визуал влияет на User Experience
- Как передавать настроение и эмоции через визуал
- Как подбирать референсы
(2)
Теория цвета
- Основы теории цвета для дизайнера
- Психология цвета: эмоции и ассоциации
- Восприятие цвета в разных культурах
- Как работает цвет в интерфейсе
- Как собирать цветовые палитры
- Полезные ресурсы
(3)
Основы типографики
- Введение в типографику
- Шрифтовая иерархия в веб-дизайне
- Базовые понятия и терминология
- Сочетания шрифтов: правила и ошибки
- Как подобрать типографику для интерфейса
- Полезные ресурсы
(4)
Композиция и сетки
- Композиция, как инструмент в дизайне
- Принципы построения композиции
- Ритм и движение
- Работа с пространством
- Влияние композиции на восприятие и эстетику
- Виды, применение и построение сеток
- Когда можно нарушать правила
(5)
Выразительность через графические элементы
- Векторная и растровая графика
- Формы и иконки
- Иллюстрации, фото и их роль в интерфейсе
- Эффекты в Figma
- Как подобрать графический прием для проекта
- Полезные ресурсы
(6)
Авторское право
Поговорим о том, как использовать ресурсы в своих проектах безопасно;
(7)
Генерация
- 1
- 2
- 3
- 4
- 5
Основы UI
Освоим работу с компонентами и научимся выстраивать систему, которая делает интерфейс единым и удобным. Соберем грамотный ui-кит.
(1)
Введение в UI
- Что такое UI и чем он отличается от UX
- Основные цели интерфейсного дизайна
- Что такое UI паттерны
- Иерархия в интерфейсе
- Как развивать насмотренность
- Полезные ресурсы
(2)
Процесс создания интерфейсов
- Декомпозиция: дизайн-процесс в компании
- Что такое дизайн-система
- Что такое UI kit
- Последовательность создания UI-кита
(3)
Составляющие UI
- Из чего состоит интерфейс
- Устройства и разрешения
- Организация рабочего пространства в Figma
- Использование готовой библиотеки
(4)
Практика: Foundations
- Создание и применение стилей в Figma
- Правила создания иконок
- Оформление иллюстраций и фотографий в UI kit
(5)
Практика: компоненты и паттерны
- Master & Instance
- Логика создания компонентов
- Типовые компоненты сайта
- Состояния компонентов
- Варианты компонентов
- Свойства компонентов & Nested components
- Правила грамотного компонента
- Как и для чего продолжить изучение компонентов
(6)
Адаптивный дизайн
- Адаптивы для планшета и телефона
- Адаптирование сложных элементов
(7)
Создание и публикация кейса
- Структура кейса
- Как описывать процесс работы и решения
- Визуальная подача и акценты
- Анимация кейса
- Типичные ошибки
- Как усилить кейс через текст и сторителлинг
(8)
Дизайн-handoff
- Подготовка проекта к передаче в разработку
- Оформление сценариев
Figma с 0
Научимся уверенно работать в Figma: от базовых инструментов до профессиональных фишек и нюансов.
(1)
Введение в Figma
- Приложения Figma
- Обзор интерфейса Figma Design
- Создание файлов и страниц
- Ограничения для бесплатной версии
- Figma Community
- Figma Beta
(2)
Работа с объектами и слоями
- Инструменты для создания объектов
- Выравнивание
- Булевые операции
- Маски
- Трансформации
- Frames, Groups, Sections
- Работа со слоями и иерархией
(3)
Сетки и направляющие
- Для чего нужны сетки в Figma
- Настройка колоночных и модульных сеток
- Baseline grid
- Constraints
(4)
Работа с текстом, цветом, изображениями
- Добавление и редактирование текста
- Работа с цветом
- Работа с изображениями
(5)
Auto Layout
- Принцип работы автолейаута
- Обзор настроек
- Создание адаптивных блоков
- Работа с вложенными автолейаутами
(6)
Прототипирование
- Вкладка Prototype
- Линковка экранов
- Основы анимации
- Презентация прототипа
(7)
Совместная работа
- Комментарии и обсуждения внутри файла
- Аннотации
- Измерения
- Шеринг и доступы
(8)
Полезные функции и плагины
- Обзор полезных плагинов
- Горячие клавиши и лайфхаки для ускорения работы
- Режим контуров
- Actions
(*)
Стили Figma,
Компоненты и варианты
Мы будем проходить в модуле UI
Расписание 2-го потока
29 июня 2026 - 6 сентября 2026
предобучение с 15 июня
1-4 недели
Сделаем исследование с AI, архитектуру и каркас будущего сайта, пропишем финальные тексты. Соберем несколько дизайн-концепций для проекта и выберем лучшую.
5-8 недели
Соберем грамотный UI kit для проекта, сделаем адаптивы, подготовим макеты к верстке.
9-10 недели
Создадим для нашего проекта кейс с анимацией и выгрузим в портфолио.
Цена сейчас -- 65000 руб
72000 руб
хочу в кружок
Уроки по программе в записи, можно смотреть в удобное время
Домашние задания с проверкой (комментарии и видео-разборы)
В качестве проекта на курсе мы будем делать дизайн сайта
*даты могут незначительно отличаться
Чтобы занять место на 2-ом потоке курса, следите за анонсом в telegram.
telegram
youtube
старт второго потока
29 июня 2026
предобучение с 15 июня 2026
Моргунова Ася Владимировна ИНН 781715406931
morgunova.design@yandex.ru
от @asyazaemaya
от @asyazaemaya
присоединиться
ко 2-му потоку
Программа
Формат
Кейсы
Отзывы