Разработчики перестали спрашивать у дизайна, как должен выглядеть элемент, и начали верстать по памяти — и я их понимаю. За три года над интерфейсом поработали несколько команд, единого файла не осталось, а в продакшене сейчас четыре высоты кнопок, три стиля полей ввода и отступы, которые не считают, а прикидывают. Правки приходится вносить в каждый экран отдельно, и половина из них всё равно расходится.
Ищу дизайнера, который соберёт из этого дизайн-систему в Figma и доведёт её до состояния ежедневного рабочего инструмента. Порядок вижу такой. Сначала разбор того, что уже нарисовано и сверстано, и сведение цветов, размеров и шрифтов к набору токенов с понятными именами, а не «серый-4». Дальше типографика и сетка. Затем компоненты: каждый интерактивный элемент с состояниями обычное, наведение, нажатие, отключено, ошибка и загрузка, без пропусков «дорисуем потом».
Формы и таблицы разбираем отдельно и подробно — это ядро сервиса. Светлая и тёмная темы строятся на одних токенах, поэтому вторая тема не должна превращаться во второй комплект макетов. Завершают работу документация к каждому компоненту и шаблоны типовых экранов, по которым команда собирает новую страницу за час, а не за неделю обсуждений.
Что должно быть на выходе:
— набор токенов: цвет, отступы, радиусы, тени, типографика;
— единая типографическая шкала и сетка с описанными правилами отступов;
— библиотека компонентов со всеми состояниями, включая ошибку и загрузку;
— формы и таблицы: поля, подсказки, ошибки валидации, сортировка, листание, пустые состояния;
— светлая и тёмная темы, собранные из общего набора значений;
— документация к каждому компоненту: назначение, варианты, границы применения, поведение на узком экране;
— шаблоны типовых экранов, из которых команда собирает новые разделы;
— контраст текста и элементов проверяется по общепринятым нормам доступности, а не на глаз;
— шрифты берутся с лицензией на веб-использование;
— библиотека передаётся с правами на файл и не привязана к аккаунту исполнителя.
Оценку жду с разбивкой по этапам и с указанием, что войдёт в первую неделю, а что во вторую.
Ищу дизайнера, который соберёт из этого дизайн-систему в Figma и доведёт её до состояния ежедневного рабочего инструмента. Порядок вижу такой. Сначала разбор того, что уже нарисовано и сверстано, и сведение цветов, размеров и шрифтов к набору токенов с понятными именами, а не «серый-4». Дальше типографика и сетка. Затем компоненты: каждый интерактивный элемент с состояниями обычное, наведение, нажатие, отключено, ошибка и загрузка, без пропусков «дорисуем потом».
Формы и таблицы разбираем отдельно и подробно — это ядро сервиса. Светлая и тёмная темы строятся на одних токенах, поэтому вторая тема не должна превращаться во второй комплект макетов. Завершают работу документация к каждому компоненту и шаблоны типовых экранов, по которым команда собирает новую страницу за час, а не за неделю обсуждений.
Что должно быть на выходе:
— набор токенов: цвет, отступы, радиусы, тени, типографика;
— единая типографическая шкала и сетка с описанными правилами отступов;
— библиотека компонентов со всеми состояниями, включая ошибку и загрузку;
— формы и таблицы: поля, подсказки, ошибки валидации, сортировка, листание, пустые состояния;
— светлая и тёмная темы, собранные из общего набора значений;
— документация к каждому компоненту: назначение, варианты, границы применения, поведение на узком экране;
— шаблоны типовых экранов, из которых команда собирает новые разделы;
— контраст текста и элементов проверяется по общепринятым нормам доступности, а не на глаз;
— шрифты берутся с лицензией на веб-использование;
— библиотека передаётся с правами на файл и не привязана к аккаунту исполнителя.
Оценку жду с разбивкой по этапам и с указанием, что войдёт в первую неделю, а что во вторую.
