+7 (812) 703-02-02 info@hse.spbstu.ru

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

C 8 класса | 12 занятий | Очно

Длительность курса: 78 ак. часов (12 занятий по 4 ак. часа + 30 часов домашней работы)

О чём курс

Разработка интерфейсов программ, веб-сайтов и мобильных приложений дело интересное и востребованное. Если UX и UI дизайн проекта соответствует запросам пользователя – респект дизайнеру!

Но как веб-дизайнеру спроектировать макет сайта и передать веб-разработчику для сборки в доступной форме, с минимальными затратами для себя? Курс приоткроет тайну ответа и задаст правильный вектор творчества.

В рамках курса будут рассмотрим основы UX и UI дизайна вооружившись программами: Figma и Adobe Illustrator.

Чему научим

Занятие 1

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

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

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

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

Занятие 2

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

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

Занятие 3

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

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

Занятие 4

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

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

Занятие 5

Формат SVG

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

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

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

Занятие 6

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

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

Занятие 7-8

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

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

Занятие 9

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

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

Занятие 10

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

Занятие 11-12

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

Стоимость

20 400 ₽

Есть скидки от 10% до 20%. Узнать подробнее...

Как поступить

Для уже обучающихся в АИШ:

Как записаться на занятия

Академия информатики для школьников в цифрах

18 лет

успешной работы
в Политехническом университете Петра Великого

16

направлений обучения

83

учебные программы

3 500

школьников
проходят обучение
ежегодно

4

учебные площадки

36

компьютерных классов