dui

Системный подход к отступам в дизайне

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

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

Все символы с отступами хранятся в макете в скрытой папке Vertical Rythm. В таком подходе возрастает затрачиваемое время на дизайн, но эти усилия окупаются: ⁃ макеты выглядят аккуратнее, ⁃ новый дизайнер в команде сможет быстро разобраться с системой, ⁃ жизнь у фронтендера так же упрощается.

Фронтентенд разработчику будет достаточно создать переменные с отступами и оперировать ими в своей работе. Автор рекомендует называть переменные — названием цвета, для удобства общения между дизайнером и разработчиком.

Но нужно понимать, что такой подход к системе вертикальных отступов подходит лишь для больших и сложных проектов.