На этом направлении дети получают базу по веб-дизайну и учатся создавать дизайн-макет сайта в Figma — одном из самых популярных онлайн-инструментов для работы с интерфейсами.
В модуле разбираем основы Figma и ее ключевые функции: учимся рисовать элементы сайта (логотипы, иконки, кнопки, простую векторную графику), работать со шрифтами и изображениями и собирать все в цельный макет.
Ребята научатся:
— уверенно работать в Figma
— создавать дизайн основных элементов сайта
— подбирать и настраивать шрифты
— работать с изображениями и фотостоками
— делать макет по техническому заданию
Модуль состоит из 5 занятий. За это время ученики поэтапно проходят путь от первых элементов до полноценного макета и понимают, как устроен процесс проектирования сайта в Figma.
Пример занятияНа уроке дети создают рабочую область будущего сайта, знакомятся с основными инструментами и по примеру в формате JPG собирают элементы первого экрана.
Методический план- Знакомство с Figma: интерфейс и панель инструментов
- Шрифты и изображения: логотип и иконки
- Слои и компоненты: карточки товаров и блок «Контакты»
- Модульная сетка: сборка блоков в единый макет
- Прототипы и интерактивные компоненты: анимация и всплывающее окно