Дизайн система
Дизайн система — это свод правил (стандарт) проекта по структурированию пользовательских интерфейсов. Он включает в себя информацию по компонентам, которые используются в проекте, правилах их использования (отступы, цвета, группировки). Дизайн система существенно упрощает взаимодействие между дизайнером и командой разработки, сводит фразу "руководствуйся здравым смыслом" до описания этого самого "здравого смысла".
Элементы дизайн системы
Типографика
Цвета
Иконки
Для дизайн системы важны качество сборки и нейминг. Например, кнопка может быть собрана в UI-ките из подложки, текста и иконки. При этом у подложки может быть прописан свой стиль, у текста — свой, у иконки — свой. Тогда они самостоятельны и их проще редактировать. Это UI-кит хорошего качества.
Дополнительные источники Взаимодействие UI/UX дизайнера с разработчиками https://habr.com/ru/post/464115/ Пример дизайн системы https://design.chulakov.ru
Last updated
Was this helpful?