На этом направлении мы предоставляем своим ученикам базу знаний в сфере веб-дизайна, обучаем навыкам создания дизайн-макета сайта в графическом онлайн-редакторе Figma. Ребята познакомятся с одним из самых популярных и востребованных сервисов для веб-дизайнеров.
В этом модуле мы рассказываем про основы работы в Figma, знакомим с основными возможностями и инструментами Figma, учим рисовать отдельные элементы для веб-сайта: логотип, иконки, кнопки, простые векторные изображения и другое — и собираем их вместе.
Ребята научатся:- Работать в Figma;
- Создавать дизайн основных элементов веб-сайта;
- Работать со шрифтами;
- Работать с изображениями и фотостоками;
- Разрабатывать дизайн сайта по техническому заданию.
Модуль состоит из 5 занятий по 1,5 часа каждое, которые поэтапно помогают создавать собственные макеты сайтов и понимать процесс их разработки и проектирования при помощи онлайн-редактора Figma.
Пример занятия:На уроке мы создадим рабочую область будущего макета сайта, изучим на практике работу основных инструментов Figma. В материалах урока будет предоставлен пример макета сайта в формате jpg. Изучая панель инструментов, дети воспроизведут элементы первого экрана сайта.
Методический план:- Знакомство с Figma, обзор интерфейса редактора и основной панели инструментов;
- Работа со шрифтами и изображениями. Создание логотипа и иконок для сайта;
- Слои и компоненты в Figma. Создание карточек товаров и блока “Наши контакты” для сайта;
- Модульная сетка в Figma. Сборка элементов и блоков сайта в один макет;
- Прототипы и интерактивные компоненты в Figma. Анимирование элементов сайта, создание всплывающего окна.