Дизайн система

Дизайн система — это свод правил (стандарт) проекта по структурированию пользовательских интерфейсов. Он включает в себя информацию по компонентам, которые используются в проекте, правилах их использования (отступы, цвета, группировки). Дизайн система существенно упрощает взаимодействие между дизайнером и командой разработки, сводит фразу "руководствуйся здравым смыслом" до описания этого самого "здравого смысла".

Элементы дизайн системы

Для дизайн системы важны качество сборки и нейминг. Например, кнопка может быть собрана в UI-ките из подложки, текста и иконки. При этом у подложки может быть прописан свой стиль, у текста — свой, у иконки — свой. Тогда они самостоятельны и их проще редактировать. Это UI-кит хорошего качества.

Дополнительные источники Взаимодействие UI/UX дизайнера с разработчиками https://habr.com/ru/post/464115/ Пример дизайн системы https://design.chulakov.ru

Last updated

Was this helpful?