推薦11個值得學(xué)習(xí)、借鑒、和應(yīng)用的設(shè)計系統(tǒng)

用戶體驗 2022-11-03

UI設(shè)計界面的設(shè)計系統(tǒng)是 “一整套設(shè)計標(biāo)準(zhǔn)、文檔和原則以及實現(xiàn)這些標(biāo)準(zhǔn)的工具包（UI 模式和代碼組件）。 “設(shè)計系統(tǒng)本質(zhì)上是在設(shè)計和代碼中實現(xiàn)的原則中規(guī)則約束的集合。這三個屬性提供不同的功能，并在系統(tǒng)中按系統(tǒng)順序為按鈕到單頁應(yīng)用程序提供一個連貫的系統(tǒng)?！?下面推薦11個值得學(xué)習(xí)、借鑒、和應(yīng)用的設(shè)計系統(tǒng)。

1. Google的材料設(shè)計
簡單、優(yōu)雅的設(shè)計模式和風(fēng)格指南的寶箱。由谷歌開發(fā)。
https://material.io/

2.流暢的設(shè)計系統(tǒng)
微軟開發(fā)了 Fluent 設(shè)計系統(tǒng)。
https://www.microsoft.com/design/fluent/#/

3. 阿特拉斯
一種設(shè)計語言，用于創(chuàng)建簡單、直觀和美麗的體驗。
https://www.atlassian.com/

4.北極星
來自 Shopify 的北極星。它集成了設(shè)計師和開發(fā)人員的工作流程。
https://polaris.shopify.com/

5. 人機(jī)界面指南
獲取深入的信息和 UI 資源，以設(shè)計與 Apple 平臺無縫集成的出色應(yīng)用程序。
https://developer.apple.com/design/human-interface-guidelines/

6. 碳素設(shè)計系統(tǒng)
Carbon 是 IBM 用于產(chǎn)品和數(shù)字體驗的開源設(shè)計系統(tǒng)。
https://www.carbondesignsystem.com/

7.Mailchimp
Mailchimp 設(shè)計系統(tǒng)既有趣又富有表現(xiàn)力。
https://ux.mailchimp.com/

8.奧迪
奧迪的用戶界面。
https://www.audi.com/ci/en/guides/user-interface/introduction.html#

9. Airbnb設(shè)計系統(tǒng)
由 Airbnb 開發(fā)和維護(hù)。
https://airbnb.design/

10.閃電設(shè)計系統(tǒng)
即用型 HTML 和 CSS UI 元素為 Salesforce 體驗開發(fā)奠定了基礎(chǔ)。
https://www.lightningdesignsystem.com/

11.螞蟻設(shè)計系統(tǒng)
由阿里巴巴公司開發(fā)和發(fā)布的國際級別的設(shè)計系統(tǒng)。
https://ant.design/docs/spec/introduce-cn