Создать дизайн-систему (assets) в проекте (figma)
Задача:
Необходимо разработать дизайн-систему для проекта и внедрить её во все существующие интерфейсы. Дизайн-система должна включать стили, компоненты, правила использования и документацию для дальнейшего масштабирования проекта.
Что имеется:
- Визуально готовый дизайн проекта в Figma
- Подобранная цветовая гамма, шрифты, иконки
Что нужно:
1. Провести аудит существующих интерфейсов.
2. Выявить повторяющиеся элементы, компоненты и стили.
3. Определить проблемные места (несоответствия в стилях, размерах, отступах и т.д.).
4. Создание дизайн-системы:
5. Разработать состояния: hover, active, disabled.
6. Типографика (размеры шрифтов, заголовки, тексты, межстрочные интервалы, начертания).
7. Эффекты (тени, границы, закругления, прозрачность).
8. Привести иконки к единым размерам
9. Создать компоненты:
- Кнопки (основные, второстепенные, текстовые, с иконками).
- Формы (поля ввода, выпадающие списки, чекбоксы, радиокнопки).
- Модальные окна, уведомления, тултипы.
10. Определить правила отступов и выравнивания.
11. Документировать правила использования компонентов и стилей.
12. Перевести все существующие интерфейсы на новую дизайн-систему.
13. Организовать компоненты для удобного использования дизайнерами и разработчиками.
Необходимо разработать дизайн-систему для проекта и внедрить её во все существующие интерфейсы. Дизайн-система должна включать стили, компоненты, правила использования и документацию для дальнейшего масштабирования проекта.
Что имеется:
- Визуально готовый дизайн проекта в Figma
- Подобранная цветовая гамма, шрифты, иконки
Что нужно:
1. Провести аудит существующих интерфейсов.
2. Выявить повторяющиеся элементы, компоненты и стили.
3. Определить проблемные места (несоответствия в стилях, размерах, отступах и т.д.).
4. Создание дизайн-системы:
5. Разработать состояния: hover, active, disabled.
6. Типографика (размеры шрифтов, заголовки, тексты, межстрочные интервалы, начертания).
7. Эффекты (тени, границы, закругления, прозрачность).
8. Привести иконки к единым размерам
9. Создать компоненты:
- Кнопки (основные, второстепенные, текстовые, с иконками).
- Формы (поля ввода, выпадающие списки, чекбоксы, радиокнопки).
- Модальные окна, уведомления, тултипы.
10. Определить правила отступов и выравнивания.
11. Документировать правила использования компонентов и стилей.
12. Перевести все существующие интерфейсы на новую дизайн-систему.
13. Организовать компоненты для удобного использования дизайнерами и разработчиками.