Курс Графический дизайн

Продолжительность курса: 32 недели — 32 занятия (1 занятие — 2 урока по 50 минут).

І семестр — 16 недель

ІІ семестр — 16 недель

Между семестрами предусмотрен перерыв (зимние каникулы).

Цель курса:

Научить детей основам графического дизайна с помощью Figma, чтобы они могли самостоятельно создавать визуальные проекты: от простых иллюстраций и постеров до брендинга, интерфейсов сайтов и мобильных приложений, а также оформлять свое портфолио.

После завершения курса ученики смогут:

• Строить композицию с учетом правил дизайна
• Создавать дизайн веб-страниц, лендингов и мобильных приложений
• Применять принципы типографии
• Использовать гештальт-принципы и психологию восприятия в дизайне
• Разрабатывать бренд: логотип, фирменный стиль, цвета, шрифты, носители айдентики
• Создавать векторные иллюстрации и персонажей
• Оформлять и презентовать портфолио

І семестр (16 занятий)

1. Что такое дизайн + первые шаги в Figma. Знакомство с понятием дизайна. Обзор интерфейса Figma
2. Принципы композиции в действии. Основные инструменты Figma. Правило третей, баланс, ритм
3. Цвета в теории и практике — часть 1. Цветовой круг, основные цвета
4. Цвета в теории и практике – часть 2. Цветовые схемы и гармонии. Градиенты в Figma
5. Типография и работа с текстом. Классификация шрифтов. Создание текстовых стилей
6. Продвинутая типография. Кернинг, интерлиньяж, иерархия. Сочетание шрифтов
7. Психология восприятия в практике. Гештальт-принципы в дизайне
8. Организация работы в Figma. Группировка и фреймы. Сетки и направляющие
9. Компоненты и их способности. Создание и редактирование компонентов
10. Auto Layout – умные макеты. Принципы Auto Layout. Настройка отступов и направлений
11. Constraints и адаптивность. Настройка ограничений. Поведение объектов при изменении размера
12. Маски и складные формы. Булевые операции. Работа с векторными контурами
13. Эффекты и стилизация. Тени, размытие, обводки. Эффекты наложения
14. Прототипирование и анимация. Smart Animate. Создание переходов
15. Разработка концепции бренда. Мозговой штурм в Figma (FigJam). Определение целевой аудитории
16. Исследования и мудборды. Анализ конкурентов. Создание мудбордов

ІІ семестр (20 занятий)

1. Скетчинг логотипов. Методы генерации идей. Импорт эскизов в Figma
2. Векторный логотип. Pen tool и работа с векторами. Оптимизация векторных контуров
3. Фирменная цветовая гамма. Психология цвета в брендинге
4. Корпоративная типография. Создание типографической системы
5. Носители фирменного стиля. Принципы применения айдентики. Адаптация под разные форматы
6. Основы дизайна UX/UI. Разница между UX и UI. Wireframing в Figma
7. Design System и UI Kit. Принципы системного дизайна. Создание UI библиотеки
8. Типография для экранов. Особенности веб-типографики. Типографическая шкала
9. Адаптивный дизайн и сетка.  Mobile-first подход. Колонковая сетка в Figma
10. Дизайн лендинга пейджа — Desktop. Структура посадочной страницы. Создание секций в Auto Layout. Мобильная версия лендинга.
11. UI элементы и состояния. Кнопки, поля ввода, чекбоксы. Интерактивные состояния (hover, active, disabled)
12. Дизайн мобильного приложения – UX. Пользовательские сценарии. Навигационные паттерны
13. Дизайн мобильного приложения – UI. Визуальный дизайн экранов. Система компонентов для приложения
14. Прототипирование приложения. Смарт Animate для мобильных переходов. Тестирование прототипа
15. Создание персонажа и иллюстрации. Векторные иллюстрации в Figma. Стилизация и характер персонажа
16. Портфолио и презентации. Оформление кейсов в Figma. Структура презентации проектов