1.Atlassian

https://atlassian.design/

2.IBM

https://www.ibm.com/design/language/
https://www.ibm.com/design/thinking/

3.Figma

https://liferay.design/resources/figma/

4.Element

https://element.eleme.io/#/zh-CN/component/datetime-picker

5. United States Web Design System

https://designsystem.digital.gov/about/releases/

6.Lightning Design System

https://www.lightningdesignsystem.com/

7.阿里巴巴

https://fusion.design/

8.Ant Design

https://ant-design.gitee.io/index-cn

9.SAP

https://experience.sap.com/fiori-design-web/

10.Apple

macOS:
https://developer.apple.com/design/human-interface-guidelines/macos/user-interaction/data-entry/

ios:
https://developer.apple.com/design/human-interface-guidelines/ios/user-interaction/data-entry/

11.Google

https://material.io/

12.Microsoft

https://www.microsoft.com/design/fluent/#/

13.Teambition

https://design.teambition.com/

14.Clarity Design System

https://clarity.design/

15.Photon Design System

https://design.firefox.com/photon/

补充:

16.Dropbox

https://dropbox.design/resource/framer-desktop-kit

17.ICE

https://ice.work/docs/guide/about

18.Spotify

https://spotify.design

19.Airbnb

https://airbnb.design/

20.Uber

https://baseweb.design/components/

21.Adobe

https://spectrum.adobe.com/

22.Predix

https://www.predix-ui.com/#/design/foundation/navigation

设计语言的构建经验文章:
1.WeWork - Plasma Design System
2.Etsy - Design Systems
3.Airbnb - Design Language System
4.Spotify - Scaling Design at Spotify

一个些其他的设计规范网站收集:
https://dribbble.com/shots/3239960-Desi**gn-system-documentation**
http://findguidelin.es/
https://saijogeorge.com/brand-style-guide-examples/
https://adele.uxpin.com/?ref=producthunt
https://www.figmacn.com/article/style-guides-component-libraries-design-systems


**

分类:

服务于企业级产品:SAP、Ant Design、Fusion Design、Lightning Design System、IBM
介于企业和个人之间:Element、Microsoft
服务于个人用户的产品:Figma、Apple、Google

image.png


分析流程:

1.搜集拥有优秀设计语言案例的公司网站(记录下这些公司的名称地址)
2.熟悉各个设计语言的内容,分析这些网站的内容结构(输出每个网站的架构图)
3.根据网站的内容结构和公司服务对象将这些网站进行分类和定位(根据4个象限,输出分析图)
4.明确AI Design的定位,在象限图中找到AI Design的位置
5.根据AI Design的定位找出重点分析的设计语言(本次从设计模式和交互规范来进行比对)
~~ 经过分析,重点比对SAP/Ant Design/Atlassia~~n/