Интересные дизайн системы, которые следует изучить
Дизайн-система — это набор стандартов для управления дизайном продукта за счет описания правил работы с библиотекой реиспользуемых компонентов, текстом, визуалом и т.д. Такие системы проектирования играют важную роль в создании более качественных, быстрых и целостных продуктов.
Так что же отличает хорошую дизайн-систему от не очень хорошей? Перечислю пару основных принципов:
- Система дает четкое понимание, как должны выглядеть и вести себя элементы;
- Есть единый, унифицированный визуальный язык, который принимают маркетологи, дизайнеры, владельцы продукта и т.д;
- Компонентами и шаблонами удобно пользоваться и интегрировать их в новые направления продукта;
- Система выполнена в соответствии со стандартами доступности контента для разных пользователей с возможными ограничениями;
Google Material Design 3
Material Design от Google известен своей уникальной «материальной метафорой», которая имитирует физические поверхности для создания естественного ощущения взаимодействия. Благодаря открытому исходному коду и адаптивным принципам дизайна, таким как движение и глубина, эта система является одной из лучших для создания интуитивно понятного пользовательского опыта.
Pinterest Gestalt
Pinterest создал систему дизайна, которую назвал Gestalt. Компания делает все возможное, чтобы создать визуально богатый и персонализированный опыт для своих пользователей. Cистема улучшает все аспекты пользовательского опыта, обеспечивает согласованность, масштабируемость и доступность всей платформы.
Используя систему дизайна, Pinterest гарантирует, что как внутренние команды, так и внешние партнеры смогут создавать целостные и удобные интерфейсы, которые соответствуют его основной миссии визуального открытия.
Carbon Design System Search
Carbon Design System от IBM — это действительно хорошо продуманная система проектирования. Она продуманна, практична в использовании и содержит множество подробных и разумных рекомендаций. Также имеет открытый исходный код и модульную структуру, предназначенную для создания последовательного, масштабируемого и доступного цифрового опыта в разнообразном наборе продуктов IBM.
Atlassian Design System
Просматривая систему Atlassian Design System, можно очень быстро убедиться в том, насколько тщательно она продумана до мелочей.
Философия дизайна Atlassian направлена на использование цифрового опыта для повышения производительности и общего потенциала команд и отдельных членов команды, что прекрасно отражено в их всемирно используемых инструментах для совместной работы Trello и Jira.
Wise Design System
Дизайн система Wise была разработана для финтех-приложения Wise. Система охватывает брендинг, ton of voice, лексику и рекомендации по дизайну интерфейса продукта. Содержит лучшие практики предоставления информации о деньгах, различных валютах и переводах.
Это хороший пример создания сильных продуктовых решений в сочетании с ярким и запоминающимся брендом.
Shopify Polaris
Polaris Design System — это удобное и практичное руководство по разработке дизайна для платформы Shopify. Она предлагает обширную базу знаний по использованию компонентов пользовательского интерфейса, визуальных элементов, контента и языка дизайна для создания лучшего пользовательского опыта и продукта в целом.
Helsinki Design System
Helsinki Design System — это инструмент для проектирования и разработки, который поддерживает простоту использования, доступность и единую визуальную идентичность цифровых сервисов и платформ города Helsinki. Ее основными пользователями являются проектировщики, разработчики программного обеспечения и владельцы продуктов, которые создают услуги для города.