Основы дизайна и Figma

Программа курса

Ознакомьтесь с программой курса «Основы дизайна и Figma» от PurpleSchool - purpleschool.ru

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

Чему вы научитесь

• Освоите основы: введение. о веб дизайне, как устроен курс, обзор проектов, обзор курсов, знакомство с преподавателем, работа на платформе, ai и тренажёры.
• Освоите и сможете применять: практический блок. дизайн лендинга. часть 1, дизайн лендинга. часть 2, дизайн лендинга. часть 3, дизайн лендинга. часть 4, дизайн лендинга. часть 5, дизайн лендинга. часть 6, дизайн лендин…
• Освоите и сможете применять: текст. часть 2, отступы в дизайне, вёрстка текста. часть 1, вёрстка текста. часть 2, плагин для работы с текстом, упражнение.
• Научитесь уверенно работать с темой: работа с иконками, домашнее задание.
• Научитесь создавать и применять: создание инпутов и подбор иконок, тест.