Справочник/

Дизайн-системы и гайдлайны к ним

Тут собираю примеры корпоративных дизайн-систем для сложных проектов.

Под сложными я имею в виду наборы различных настольных, мобильных приложений и веб-сервисов, а не просто гайдлайны для связки из сайта и мобильного приложения к нему, типа 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/

Другие экосистемы

По этим дизайн-системам я не нашел вменяемых описаний, но они определенно состоялись:

  1. Autodesk Applications Family — все приложения Autodesk выполнены в единой логике и подходе к взаимодействию и стилю.
  2. Adobe Applications Family — то же самое.