Данный модуль представляет собой вводный курс по проектированию пользовательских интерфейсов с интеграцией инструментов искусственного интеллекта на платформе Figma. Курс разработан для учащихся 14-17 лет без предварительной подготовки и направлен на формирование практических навыков UI/UX-дизайна через выполнение проектных заданий.
Цели модуля:- Освоение базового функционала Figma (работа с фреймами, векторными инструментами, текстом, авто-лайаутом);
- Формирование навыков генерации UI-элементов и макетов с использованием AI-инструмента Make Designs;
- Разработка интерактивных прототипов мобильных приложений;
- Создание и применение библиотеки компонентов (UI-kit);
- Развитие алгоритмического мышления через постановку задач для AI (промпт-инжиниринг);
- Формирование критического мышления для анализа и доработки AI-генерации;
- Развитие проектного мышления от идеи до презентации готового продукта.
Пример занятия:На занятии ученики создают логичный и визуально сбалансированный экран профиля, исправив не менее 3 недочетов AI-генерации и улучшив пользовательские качества интерфейса.
Методический план модуля:- Введение в интерфейс Figma. Создание первого макета;
- Генерация UI с помощью AI Make Designs;
- Принципы построения эффективных промптов;
- Анализ и доработка AI-генерации. Практикум: "Экран профиля";
- Генерация иконографии и отдельных UI-элементов;
- Основы компонентного подхода. Создание UI-кита;
- Проектная работа: "Лента контента";
- Основы прототипирования. Создание интерактивного сценария;
- Проектная работа: "Экраны онбординга";
- Система дизайна: цвета, шрифты, стили;
- Подготовка и презентация проекта;
- Финальная доработка и защита проекта.