Главнаяfigma.yourlevelup
Уроки
Урок 9

Единый стиль проекта

Придумай оформление нового клуба: выбери палитру и текстовые роли, затем примени их к двум небольшим работам.

Перейти к заданию ↗
Набор оформления клуба «Пульс»
Вспоминаем

Перед новой практикой

Три небольших вопроса по предыдущему уроку. Выбери ответ и нажми «Проверить».

Нужные команды

Клавиши для практики

Сочетания для Windows. Переключи клавиатуру на английскую раскладку. Перед командой заверши ввод текста.

TText - текст
Ctrl + DDuplicate - копия объекта
Сначала пробуем

Одно настроение

Новый проект можно назвать «Пульс» или придумать своё название. Выбери одну тему: творчество, игры, книги или наука. Определи три слова о его характере. Например: энергичный, ясный, дружелюбный. Эти слова помогут выбирать цвета и формы.

У клуба «Пульс» повторяются фиолетовый, светлый фон и скруглённые формы.

У клуба «Пульс» повторяются фиолетовый, светлый фон и скруглённые формы.

Попробуй в Figma

В тренировочной области напиши название клуба и три слова о его характере.
Выбери основной цвет, акцент и нейтральный фон. Рядом запиши HEX-коды.
Сначала пробуем

Повторяемые цвета

Цветовой стиль сохраняет заливку под понятным названием. Выдели фигуру с нужным Fill, открой выбор стилей рядом с Fill и создай стиль кнопкой плюс. Назови его «Клуб / Основной». Для применения выбери другую фигуру и тот же стиль. Достаточно трёх цветовых стилей.

Палитра задаёт роли: основной цвет, акцент и фон.

Палитра задаёт роли: основной цвет, акцент и фон.

Попробуй в Figma

Создай три стиля цвета: «Клуб / Основной», «Клуб / Акцент», «Клуб / Фон».
Примени основной стиль к двум фигурам. Измени стиль и проверь, что обе обновились.

Идеи в кадре

Соберём идеи и превратим их в аккуратную творческую работу. У текста есть понятные роли и свободное место.

Нажми на варианты и сравни.

Сначала пробуем

Повторяемые роли текста

Текстовый стиль хранит шрифт, размер, начертание и интервалы. Выдели настроенный текст, открой стили в Typography и создай новый. Назови роли «Клуб / Заголовок» и «Клуб / Текст». Цвет текста проверяй отдельно: он должен хорошо читаться на выбранном фоне.

У заголовка и обычного текста постоянные роли в разных работах.

У заголовка и обычного текста постоянные роли в разных работах.

Попробуй в Figma

Настрой Inter Bold 40 px и сохрани стиль «Клуб / Заголовок».
Настрой Inter Regular 20 px с Line height 28 px и сохрани «Клуб / Текст». Примени оба стиля в другой карточке.
Самостоятельная работа

Набор оформления клуба «Пульс»

Начни новый клуб или проект. На одном фрейме размести палитру, текстовые роли и два небольших носителя: значок клуба и карточку с приглашением. Готовое решение урока 4 использовать не требуется.

Создать копию в Figma ↗

Кнопка создаёт копию шаблона. Для этого нужно войти в свой аккаунт Figma. Работай в собственной копии. Инструкции и образцы заблокированы.

Создай фрейм «Стиль клуба» 800 × 600 px. Напиши название и тему клуба.
Выбери три цвета и создай для них стили.
Настрой два текстовых стиля.
Собери значок из знакомых фигур и карточку, применяя выбранные стили.
Набор оформления клуба «Пульс»
Образец. Требования к своей работе перечислены ниже.

Проверь свою работу

Отмечай пункты после проверки в Figma.

Если закончил раньше

Измени основной цвет через стиль. Проверь оба носителя и объясни, какие элементы обновились.

Готовый результат

Сохрани работу

Выдели итоговый фрейм или контейнер в Layers. В правой панели открой Export (экспорт), выбери PNG и нажми Export. Сохрани на флешку, назови файл своим именем.