Дизайн-система
Общий язык дизайна, в котором цвета, шрифты, отступы и компоненты, такие как кнопки и формы, собраны в одном источнике вместе с их правилами и готовым кодом.
- 01
Почему это важно
Дизайн-система делает экраны единообразными, позволяет быстро создавать новые страницы и обеспечивает применение правил доступности во всех местах. Исправление одного компонента отражается на всём продукте. Её польза растёт по мере роста продукта и команды.
- 02
Пример
Компания создаёт общую дизайн-систему для своего сайта, клиентской панели и мобильного приложения. Когда меняется фирменный цвет, обновляется одно значение, и все три продукта обновляются одновременно.
- 03
Частая ошибка
Оставить дизайн-систему лишь в виде документа с визуальными рекомендациями. Правила, не связанные с кодом, со временем перестают соблюдаться, и продукт снова становится несогласованным.
- 04
Связанные термины
- UI · Пользовательский интерфейс
- WCAG · Руководство по обеспечению доступности веб-контента
- Адаптивный дизайн
Связанные услуги и руководства
Обсудим ваш проект.
Расскажите о задаче — объём определим вместе.