Первые шаги в профессию

Изучите основы композиции, цвета, типографики и сетки, разберётесь в базовых принципах визуального языка и познакомитесь с продуктовым подходом в дизайне.

Основы композиции

• Композиционные приёмы и работа с сеткой
• Колористика: свойства цвета, цветовые модели, палитры и контрасты
• Цвет как средство композиции
• Основы типографики: шрифт и текст в композиции
• Продуктовый подход в дизайне

Насмотренность как навык

Введение в дизайн интерфейсов и работа в Figma

Проект в портфолио

Освоите Figma — от базовых инструментов и Auto Layout до компонентов, а также научитесь проектировать интерфейсы: работать с дизайн-концепцией, композицией, сеткой и типографикой.

Проект в портфолио — UI-кит

• 13 часов теории
• 40 часов практики

Темы модуля

• Подготовка к изучению Figma
• Базовые инструменты Figma и принципы их работы
• Знакомство с Figma (тренажёр)
• Auto Layout в Figma (тренажёр)
• Компоненты в Figma (тренажёр)
• Работа с дизайн-концепцией
• Композиционное проектирование
• Создание сетки в дизайне интерфейсов
• Типографика

Визуальный дизайн интерфейсов и системный UI

Проект в портфолио

Научитесь создавать визуально цельные и доступные интерфейсы, работать с визуальными эффектами, анимацией и интерактивными прототипами, а также изучите принципы адаптации макетов для веба и мобильных устройств.

Проект в портфолио — макет главной страницы сервиса в десктопе

• 15 часов теории
• 28 часов практики

Темы модуля

• Вдохновение и актуальный дизайн
• Accessibility: что должен знать дизайнер о доступности
• Работа с тенями и визуальными эффектами
• Анимация и создание интерактивного прототипа
• Веб-анимация в Figma
• Мастер-класс «Адаптируем онлайн-макет маркетплейса»
• Мастер-класс «Проектируем мобильные макеты»

Создание дизайна сайта-одностраничника (лендинга)

ИИ-компоненты внутри Figma

Создание сайтов на Tilda

Проект в портфолио

Начнёте работать со стандартными блоками и во встроенном графическом редакторе Zero Block, создавая дизайн любой сложности. Разберётесь в возможностях кастомизации блоков и гибкости их использования. Научитесь создавать разные виды сайтов «под ключ», подключать платёжные системы и работать с заявками.

Проект в портфолио — сайт на Tilda (можно свой проект)

• 32 часа теории
• 22 часа практики

Темы модуля

• Конструкторы сайта — что это и какие есть. Tilda: первое касание
• Дизайн сайта в Figma и особенности проектов для Tilda
• Дизайн и текст. Как дизайнеру и редактору работать вместе над макетами
• Знакомство с интерфейсом. Стандартные и Zero-блоки в Tilda
• Детальный разбор стандартных блоков
• Создание лендинга на Tilda
• Воркшоп
• Глубокие настройки сайта и страниц. Публикация проекта
• Что умеет Zero-блок
• Собираем свой первый лейаут в Zero
• Сетки и адаптивы в Zero
• Анимация в Zero
• Улучшения для Tilda. Модификации и код
• Вопросы и ответы с экспертом
• Каталог товаров. E-commerce и платежи
• Tilda-CRM. Рассылки и подключение аналитики
• Потоки и новости. Личный кабинет
• Как успешно использовать Tilda в своих маркетинговых целях и быстро тестировать гипотезы