UI-кит и правила интерфейса

Набор готовых компонентов и правил, по которым новые экраны собираются за час и выглядят как часть одного продукта.

Цена: от 20 000 ₽
Срок: 7–10 дней
Договор: до начала работ

8 919 289-75-05

Полина Радченко — дизайнер и аниматор — UI-кит нужен там, где экранов становится много и их рисуют разные люди. Я собираю компоненты со всеми состояниями — наведение, нажатие, ошибка, загрузка, пустой список, — потому что именно забытые состояния потом становятся самыми дорогими правками в коде.
Полина РадченкоДизайнер / Аниматор

01Кому подходит

Когда эта услуга решает задачу

01
Продуктам, которые растут и добавляют экраны каждый месяц
02
Командам, где над интерфейсом работают несколько человек
03
Тем, у кого кнопки и формы на разных экранах уже разъехались

02Состав

Что входит в работу

Компоненты, состояния и правила — для команды разработки.

Сетка, отступы, типографика и цвета в переменных
Компоненты: кнопки, поля, списки, таблицы, сообщения
Все состояния: наведение, нажатие, ошибка, загрузка, пустое
Правила использования и примеры сборки экранов
Файл, размеченный для передачи разработчикам

03Процесс

Как идёт работа

Каждый этап заканчивается тем, что можно посмотреть и принять.

Инвентаризация
Собираю, что уже есть в продукте, и нахожу повторы и расхождения.
Основа
Задаю сетку, шкалу отступов, типографику и цвета в переменных.
Компоненты
Собираю компоненты со всеми состояниями и вариантами.
Правила
Описываю, что когда применять, и показываю на паре собранных экранов.

04Что это даёт

Что получится в итоге

Экраны собираются быстрее

Новый экран — это композиция готовых компонентов, а не рисование с нуля.

Ничего не разъезжается

Переменные и правила держат отступы и цвета одинаковыми везде.

Разработчику понятно

Состояния описаны заранее, а не выясняются в процессе вёрстки.

05От вас

Что понадобится с вашей стороны

Чего нет — соберу сам или подскажу, где взять.

Доступ к текущим макетам или к работающему продукту
Список экранов, которые планируются в ближайшие месяцы
Контакт разработчика, который будет это внедрять

Результат

Файл с компонентами, состояниями и правилами, готовый к работе команды.

07Вопросы

Что спрашивают чаще всего

Нам нужен UI-кит или хватит макетов?

Если экранов меньше десяти и делает их один человек — хватит макетов. UI-кит окупается, когда экраны добавляются регулярно или над ними работают несколько человек.

Заявка