ШАГ 4:
Подобрать цветовую схему и шрифты для app
Описание шага
[Что делать] 4 цвета + 2 шрифта, создай styles в Figma.
[Как это работает] Система для consistency.
[Ожидаемый результат] Design system база.
[Критерий готовности] Styles panel заполнен.
Как выполнить шаг
1) [Подготовка] Тема фитнес.
2) [Действие 1] Primary green, accent orange.
3) [Действие 2] Heading, body fonts.
4) [Проверка результата] Accessibility тест.
5) [Что дальше] High-fid экраны.
Частые ошибки
1. [Много цветов]: 4 макс.
2. [Плохие контрасты]: Checker tool.
3. [Несовместимые шрифты]: Pair wisely.
Полезные инструменты
Figma styles
🎯 Цель с этим шагом
Создай UI для мобильного приложения: 5 экранов (логин, профиль, дашборд, поиск, детали). За 6 недель научишься wireframes, компонентам, гайдлайнам — база для работы в продуктовых командах или фрилансе.
Подробнее о цели →