План практических занятий: Компьютерная графика и дизайн
Платформа
Figma. Все задания выполняются в браузере или десктоп-приложении Figma.
Формат занятий
Каждая практика привязана к своему разделу и лекции и включает:
- Теоретическую часть — короткое повторение ключевых понятий лекции.
- Практическое задание — пошаговая сборка макета/компонентов в Figma.
- Критерии оценки — что и как оценивается.
- Вопросы для самопроверки — отсылка к экзаменационным вопросам.
Структура практических занятий (3 практики)
Практика 1. Основы интерфейсного дизайна в Figma
К лекции 1 · файл practice_01.md
- Регистрация и подготовка рабочего пространства.
- Создание мобильного фрейма (iPhone, Layout Grid, Safe Area).
- Дизайн экрана «Авторизация»: поля ввода, кнопки.
- Цветовые и текстовые стили, базовые компоненты.
- Экран «Регистрация»; настройка прототипа переходов.
- Экспорт и сдача работы.
Проверяет темы: фреймы, сетки, стили, Auto Layout, прототипирование (вопросы 1–15).
Практика 2. Базовые компоненты и экран «Каталог»
К лекции 2 · файл practice_02.md
- Базовые стили (цвет, текст, spacing).
- Три простых компонента (кнопка, поле, карточка-ячейка).
- Сборка экрана «Каталог» из компонентов.
- Мини-прототип переходов между экранами.
- Экспорт и сдача.
Проверяет темы: компоненты, экземпляры, варианты, организация (вопросы 16–30).
Практика 3. Дизайн-система и адаптивный дизайн
К лекции 3 · файл practice_03.md
- Создание дизайн-токенов (цвета, типографика, spacing, elevation).
- Базовые и композитные компоненты.
- Адаптивные экраны для разных размеров (mobile/tablet/desktop).
- Интерактивные прототипы и состояния компонентов.
- Организация файла дизайн-системы и экспорт.
Проверяет темы: дизайн-система, токены, адаптив, интерактив (вопросы 31–55).
Связь с экзаменом
Практические задания экзамена (private_exam_tasks.md) опираются на навыки всех трёх
практик: построение фреймов и стилей (практика 1), компонентов и вариантов
(практика 2), дизайн-токенов, адаптивных макетов и прототипов (практика 3).