Дизайн-системы и гайдлайны к ним
Тут собираю примеры корпоративных дизайн-систем для сложных проектов.
Под сложными я имею в виду наборы различных настольных, мобильных приложений и веб-сервисов, а не просто гайдлайны для связки из сайта и мобильного приложения к нему, типа Airbnb. Поэтому таких экосистем, к сожалению, мало.
Microsoft Windows Desktop Applications
«Классические» элементы управления и окна, используемые в различных поколениях операционной системы, начиная с Windows 95 — отличия элементов, по большему счёту, только во внешнем виде.
Описание:
https://developer.microsoft.com/en-us/windows/desktop/design
Microsoft Fluent Design System
Fluent Design System — наследник MS Metro, попытки Microsoft отойти от традиционных оконных интерфейсов и создать единую интерфейсную модель для настольных и мобильных решений.
Описание:
https://fluent.microsoft.com/
Apple Design System (OSX + iOS)
Экосистема яблочных продуктов уже многие годы составляет ощущение цельной, хотя некоторые и упрекают ее в последние годы в отставании от Google и Microsoft.
Описание:
https://developer.apple.com/design/
Google Material Design
Одна из самых бурно развивающихся экосистем, законодатель моды в настоящий момент (хотя лично мне подход материального дизайна кажется чересчур потребительским, «задизайненным»).
Описание:
https://material.io/
IBM Carbon Design System
Дизайн-система для облачных продуктов IBM, довольно самостоятельная.ё
Описание:
http://www.carbondesignsystem.com/
SAP Fiori
Дизайн-язык бизнес-продуктов компании SAP
Описание:
https://experience.sap.com/fiori-design/
Другие экосистемы
По этим дизайн-системам я не нашел вменяемых описаний, но они определенно состоялись:
- Autodesk Applications Family — все приложения Autodesk выполнены в единой логике и подходе к взаимодействию и стилю.
- Adobe Applications Family — то же самое.