Курс · Профессиональное обучение
Основы дизайна и Figma
Основы дизайна и Figma. Обучение в школе PurpleSchool. По итогам: сертификат.
- Длительность2 мес.
- ДокументСертификат
Программа обучения
10 разделов программы по данным школы.
1Введение
- О веб-дизайне
- Как устроен курс
- Обзор проектов
- Обзор курсов
- Знакомство с преподавателем
- Работа на платформе
- AI и тренажёры
2Настройка окружения
- Знакомство с Figma
- Регистрация в Figma. Тарифы
- Установка Figma — MacOS
- Установка Figma — Windows
- Установка шрифтов
3Основы работы в Figma
- Обзор интерфейса. Часть 1
- Обзор интерфейса. Часть 2
- История версий. Хоткеи
- Frame, группа, секция
- Привязки в Figma
- Страницы. Слои. Поиск
- Булевы операции
- Упражнение — Черновой прототип
- Тест — Основы работы в Figma
- Занятие — Основы работы в Figma
- Домашнее задание — Черновой прототип видеоплеера
4Типографика
- Принцип близости
- Инструмент — Текст. Часть 1
- Инструмент — Текст. Часть 2
- Отступы в дизайне
- Вёрстка текста. Часть 1
- Вёрстка текста. Часть 2
- Плагин для работы с текстом
- Упражнение — Отступы
- Упражнение — Вёрстка текста
- Текстовые стили
- Тест по типографике
- Занятие — Вёрстка статьи
- Домашнее задание — Вёрстка статьи
5Работа с цветом
- Основы работы с цветом
- Заливка
- Градиенты
- Работа с изображениями
- Цветовые модели в Figma
- Система для работы с цветом
- Подбор цветовой палитры
- Упражнение — Подбор цвета
- Цветовые стили
- Упражнение — Цветовые стили
- Эффекты
- Тест — Работа с цветом
- Занятие — Работа с цветом
- Домашнее задание — Подбор цветовой палитры для экрана видеоплеера
6Auto layout
- Расположение элементов
- Отступы и выравнивание
- Поведение элементов
- Абсолютное позиционирование
- Min и max по высоте и ширине
- Создание списка при помощи
- Инструмент Обводка
- Упражнение — Создание табов
- Упражнение — Создание карточки
- Тест — Auto layout
- Занятие — Auto layout
7Работа с иконками
- Формат, виды, основные принципы работы с иконками
- Инструмент Scale
- Упражнение — Создание инпутов и подбор иконок
- Тест — Работа с иконками
- Занятие — Работа с иконками
- Домашнее задание — Подбор иконок для экрана видеоплеера
8Атомарный дизайн
- Определение, основные понятия
- Основные преимущества использования
- Сбор формы
- Тест — Атомарный дизайн
- Домашнее задание — Сбор экрана видеоплеера
9Практический блок
- Дизайн лендинга. Часть 1
- Дизайн лендинга. Часть 2
- Дизайн лендинга. Часть 3
- Дизайн лендинга. Часть 4
- Дизайн лендинга. Часть 5
- Дизайн лендинга. Часть 6
- Дизайн лендинга. Часть 7
- Отзыв о курсе
10Куда двигаться дальше
- Куда двигаться дальше
- Финальное тестирование
- Собеседование с AI наставником
Разбор Обучакина
Перед выбором сравните программу и условия договора. Это вопросы для проверки, а не обещания результата.
Что оценить
- Соответствие программы вашим задачам
- Формат практики и обратной связи
- Требования к поступающим
Что уточнить
- Актуальную стоимость и условия оплаты
- Доступ к материалам и поддержку
- Порядок возврата и выдачи документов
Документ после обучения
Сертификат
Частые вопросы
Какой документ выдаётся?
Сертификат