Семестр 3. Прототипирование и веб-графика

Занятие 1

Введение в курс

• Постановка задачи.
• Инструментарий веб-дизайнера.

Figma –как инструмент прототипирования и отрисовки макета сайта

• Версии и установка программы.
• Обзор интерфейса и основные настройки.
• Пробный полёт.

Занятие 2

Начало работы в программе

• Понятие фрейма в программе Figma.
• Сетки и направляющие.
• Дерево документа или слои макета.
• Панель свойств.
• Тонкости выделения и масштабирования.
• Шейпы и манипуляции с ними.
• Горячие клавиши.

Занятие 3

Прототипирование макета

• Модульная сетка, горизонтальный ритм.
• Выравнивание объектов.
• Типографика. Текстовый слой и его возможности.
• Мастер и компоненты.

Занятие 4

Отрисовка макета

• Векторные объекты.
• Цвет и градиент.
• Заливка Images.
• Манипуляции, эффекты и маски.
• Стили в программе Figma.

Занятие 5

Формат SVG

• Особенности формата SVG, способы разработки.

Adobe Illustrator – как инструмент векторной графики

• Интерфейс программы, настройки.
• Новый документ.
• Палитры и основные инструменты.
• Инструменты рисования.
• Сохранение и экспорт документа.

Занятие 6

Векторная графика

• Работа с текстом и цветом.
• Автотрассировка и работа с кривыми.

Занятие 7-8

Адаптивный дизайн

• Обзор разрешения устройств.
• Ещё раз про модульные сетки.
• Библиотеки.
• Умные компоненты и точки привязки.
• Сложные компоненты и разные хитрости.
• Ход конём: дубликаты.

Занятие 9

Интересные фишки Figma

• Интересные плагины.
• Интеграция и экспорт.

Занятие 10

Разработка интерфейса для интернет-магазина

Занятие 11-12

Итоговая работа