Веб-дизайн для графических дизайнеров: освоение цифровой среды и Figma

ВЕБ-ДИЗАЙН:

ОСВОЕНИЕ ЦИФРОВОЙ СРЕДЫ И FIGMA

ПОВЫШЕНИЕ КВАЛИФИКАЦИИ
ОЧНОЕ ОБУЧЕНИЕ, 2,5 месяца, 20 занятий (80 ак. часов)
Начало занятий: 29 октября

Оставить заявку

Перезвоните мне

+7 (812) 326-07-01

ВЕБ-ДИЗАЙН: ОСВОЕНИЕ ЦИФРОВОЙ СРЕДЫ И FIGMA

ПОВЫШЕНИЕ КВАЛИФИКАЦИИ
ОЧНОЕ ОБУЧЕНИЕ, 2,5 месяца, 20 занятий (80 ак. часов)
Начало занятий: 29 октября

Оставить заявку

Перезвоните

Оставить заявку

Согласие на обработку персональных данных

Перезвоните мне

Согласие на обработку персональных данных

УВЕРЕННЫЙ ПЕРЕХОД В ЦИФРОВУЮ СРЕДУ

Часто сильные дизайнеры из печатной или брендовой сферы чувствуют ограниченность: привычные задачи не дают расти, а рынок всё больше уходит в digital.

Наша программа создана специально для графических дизайнеров, кто хочет расширить свою экспертизу и уверенно войти в веб-среду. За 20 занятий вы освоите инструменты интерфейсного дизайна, адаптируете визуальные навыки к экрану и создадите полноценные digital-проекты.

ПРАКТИКА В FIGMA, ОБРАТНАЯ СВЯЗЬ И РЕАЛЬНЫЕ ПРОЕКТЫ

УВЕРЕННЫЙ ПЕРЕХОД В ЦИФРОВУЮ СРЕДУ

ПРАКТИКА В FIGMA, ОБРАТНАЯ СВЯЗЬ И РЕАЛЬНЫЕ ПРОЕКТЫ

Часто сильные дизайнеры из печатной или брендовой сферы чувствуют ограниченность: привычные задачи не дают расти, а рынок всё больше уходит в digital.

Наша программа создана специально для графических дизайнеров, кто хочет расширить свою экспертизу и уверенно войти в веб-среду. За 20 занятий вы освоите инструменты интерфейсного дизайна, адаптируете визуальные навыки к экрану и создадите полноценные digital-проекты.

ПРОГРАММА ПОВЫШЕНИЯ КВАЛИФИКАЦИИ
«ВЕБ-ДИЗАЙН ДЛЯ ГРАФИЧЕСКИХ ДИЗАЙНЕРОВ: освоение цифровой среды и Figma»

1

2

3

Модуль 1. Визуальные основы дизайна.

Типографика: шрифтовая иерархия, отступы, вертикальный ритм.
Цвет: цветовые схемы, контраст, подбор палитры в Figma.
Сетки и композиция: модульная сетка, визуальный ритм.
Практика: макет страницы (введение, блоки, текст, цвета).

Модуль 2. Введение в профессию и работа в Figma.

Веб-дизайнер: роль, задачи, карьерные направления.
Интерфейс Figma, фреймы, слои, базовые элементы.
Компоненты, стили, UI-библиотеки.
Практика: создание кнопок, карточек, полей форм.

Модуль 3. UX/UI и проектирование интерфейсов.

Основы UX: структура, сценарии, поведение пользователя.
Пользовательские пути (User Flow) и логика интерфейса.
Wireframe и прототипирование: от low fi к high fi.
Интерфейс лендинга: структура, контент, call-to-action.
Практика: проектирование лендинга под ТЗ.

Модуль 4. Интерфейсы и компоненты.

Атомарный дизайн: от атомов до шаблонов страниц.
Компоненты, варианты (Variants), автолэйауты.
Создание собственного UI кита на основе проекта.
Практика: создание библиотеки и подключение к проекту.

Модуль 5. Адаптив, интерактив и презентация.

Адаптивный дизайн: мобильная версия, планшет, десктоп.
Интерактивность: прототипы, переходы, состояния элементов.
Подготовка макета к разработке: экспорт, спецификации, передача.

Модуль 6. Итоговая работа и подготовка к портфолио.

Защита проектов: презентация, обратная связь, советы.
Портфолио и профессия: как собрать кейс, как вести себя на собеседовании, где искать заказчиков.

Модуль 1. Визуальные основы дизайна.

Типографика: шрифтовая иерархия, отступы, вертикальный ритм.
Цвет: цветовые схемы, контраст, подбор палитры в Figma.
Сетки и композиция: модульная сетка, визуальный ритм.
Практика: макет страницы (введение, блоки, текст, цвета).

Модуль 2. Введение в профессию и работа в Figma.

Веб-дизайнер: роль, задачи, карьерные направления.
Интерфейс Figma, фреймы, слои, базовые элементы.
Компоненты, стили, UI-библиотеки.
Практика: создание кнопок, карточек, полей форм.

Модуль 3. UX/UI и проектирование интерфейсов.

Основы UX: структура, сценарии, поведение пользователя.
Пользовательские пути (User Flow) и логика интерфейса.
Wireframe и прототипирование: от low fi к high fi.
Интерфейс лендинга: структура, контент, call-to-action.
Практика: проектирование лендинга под ТЗ.

Модуль 4. Интерфейсы и компоненты.

Атомарный дизайн: от атомов до шаблонов страниц.
Компоненты, варианты (Variants), автолэйауты.
Создание собственного UI кита на основе проекта.
Практика: создание библиотеки и подключение к проекту.

Модуль 5. Адаптив, интерактив и презентация.

Адаптивный дизайн: мобильная версия, планшет, десктоп.
Интерактивность: прототипы, переходы, состояния элементов.
Подготовка макета к разработке: экспорт, спецификации, передача.

Модуль 6. Итоговая работа и подготовка к портфолио.

Защита проектов: презентация, обратная связь, советы.
Портфолио и профессия: как собрать кейс, как вести себя на собеседовании, где искать заказчиков.

ДЛЯ КОГО:

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

ТРЕБОВАНИЯ К УЧАСТНИКАМ:

Диплом о профессиональном образовании в сфере графического дизайна или диплом профессиональной переподготовки в сфере графического дизайна.

Новые возможности

научитесь создавать

для графических дизайнеров:

современные сайты и интерфейсы!

ЧЕМУ ВЫ НАУЧИТЕСЬ

Вы узнаете, как принципы графического дизайна (композиция, цвет, типографика) адаптируются для цифровых сред. Поймёте, как мыслить не только "в макете", но и в логике взаимодействия с пользователем.
Вы научитесь быстро и уверенно собирать макеты сайтов: от структуры страницы и сетки до финальной отрисовки. Компоненты, стили, адаптив, визуальный порядок — всё в одном рабочем пространстве.
Получите практический опыт работы. Курс построен на разборе реальных задач, в которых вы будете сразу применять новые знания.
Поймёте, как работает адаптивный дизайн, научитесь грамотно перестраивать страницы под мобильные и планшетные экраны.
Вы научитесь готовить дизайн для цифровой сборки: правильно упаковывать, называть, маркировать и передавать проекты разработчикам.

УДОСТОВЕРЕНИЕ

По окончании обучения при успешной защите итогового проекта вы получите удостоверение о повышении квалификации дополнительного профессионального образования АНО ДПО «Международная Школа Дизайна (Санкт-Петербург)». При отсутствии диплома об образовании в сфере дизайна, итоговым документом курса станет сертификат.

УДОСТОВЕРЕНИЕ

По окончании обучения при успешной защите итогового проекта вы получите удостоверение о повышении квалификации дополнительного профессионального образования АНО ДПО «Международная Школа Дизайна (Санкт-Петербург)». При отсутствии диплома об образовании в сфере дизайна, итоговым документом курса станет сертификат.

Записаться на курс или получить бесплатную консультацию

Согласие на обработку персональных данных