1.Atlassian
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.阿里巴巴
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
12.Microsoft
https://www.microsoft.com/design/fluent/#/
13.Teambition
https://design.teambition.com/
14.Clarity Design System
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
19.Airbnb
20.Uber
https://baseweb.design/components/
21.Adobe
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
分析流程:
1.搜集拥有优秀设计语言案例的公司网站(记录下这些公司的名称地址)2.熟悉各个设计语言的内容,分析这些网站的内容结构(输出每个网站的架构图)3.根据网站的内容结构和公司服务对象将这些网站进行分类和定位(根据4个象限,输出分析图)4.明确AI Design的定位,在象限图中找到AI Design的位置5.根据AI Design的定位找出重点分析的设计语言(本次从设计模式和交互规范来进行比对)
~~ 经过分析,重点比对SAP/Ant Design/Atlassia~~n/