1.Element
Element忿墅,一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的桌面端組件庫(kù)咬像。
餓了么設(shè)計(jì)規(guī)范:網(wǎng)站快速成型工具
2.Ant Design & Ant Design Pro
服務(wù)于企業(yè)級(jí)產(chǎn)品的設(shè)計(jì)體系算撮,基于確定和自然的設(shè)計(jì)價(jià)值觀上的模塊化解決方案生宛,讓設(shè)計(jì)者和開(kāi)發(fā)者專注于更好的用戶體驗(yàn)。
Ant Design:A UI Design Language
資源下載:資源和工具下載
開(kāi)箱即用的中臺(tái)前端/設(shè)計(jì)解決方案
Ant Design Pro:開(kāi)箱即用的中臺(tái)前端/設(shè)計(jì)解決方案
3.Clarity Design
Clarity Design 是一套全面的設(shè)計(jì)語(yǔ)言肮柜,從設(shè)計(jì)原則到字體排版陷舅,從交互到文案,從動(dòng)效到樣式素挽,從組件到設(shè)計(jì)工具… 提供了各種解決方法和指導(dǎo)蔑赘,設(shè)計(jì)師和工程師可以快速找到相關(guān)的指導(dǎo)內(nèi)容,有效地幫助完善工作并且提高效率预明。
Teambition 設(shè)計(jì)規(guī)范:Clarity Design should be used as a guide, design tool.
4.微信小程序
基于微信小程序輕快的特點(diǎn)缩赛,我們擬定了小程序界面設(shè)計(jì)指南和建議。 設(shè)計(jì)指南建立在充分尊重用戶知情權(quán)與操作權(quán)的基礎(chǔ)之上撰糠。旨在微信生態(tài)體系內(nèi)酥馍,建立友好、高效阅酪、一致的用戶體驗(yàn)旨袒,同時(shí)最大程度適應(yīng)和支持不同需求,實(shí)現(xiàn)用戶與小程序服務(wù)方的共贏术辐。
微信小程序設(shè)計(jì)規(guī)范:微信小程序設(shè)計(jì)指南
5.iOS Human Interface Guidelines
Learn how to optimize the design of your app or game for the all-screen displays of iPhone XS, iPhone XS Max, and iPhone XR.
Apple 設(shè)計(jì)規(guī)范:Designing for iPhone
6.Material Design
Learn how to customize Material Design to change the look and feel of your UI, expressing brand and style through elements like color, shape, typography, and iconography.
谷歌設(shè)計(jì)規(guī)范:Create intuitive and beautiful products with Material Design.
7. Fluent Design
Learn how to design and develop apps using the Fluent Design System.
微軟設(shè)計(jì)規(guī)范:Fluent Design System
8. Atlassian Design
Use Atlassian’s end-to-end design language to create straightforward and beautiful experiences.
Atlassian 設(shè)計(jì)規(guī)范:Design, develop, and deliver
資源下載:Resources
9.Airbnb Design
Airbnb 設(shè)計(jì):Building a Visual Language
10.Nachos
Trello 設(shè)計(jì)規(guī)范:Nachos is Trello's design system
資源下載:Resources
11.Lightning Design
Salesforce 設(shè)計(jì)規(guī)范:Create the world’s best enterprise app experiences.
資源下載:Resources
12.Polaris
Shopify 設(shè)計(jì)規(guī)范:Our design system helps us work together to build a great experience for all of Shopify’s merchants.
資源下載:Resources
13.Carbon Design System
IBM 設(shè)計(jì)規(guī)范: Carbon is IBM's open-source design system for digital products and experiences.
資源下載:Resources
14. Zent
Zent 是有贊 PC 端 WebUI 規(guī)范的 React 實(shí)現(xiàn)砚尽,提供了一整套基礎(chǔ)的 UI 組件以及一些常用的業(yè)務(wù)組件。
目前我們有 50+ 組件辉词,這些組件都已經(jīng)在有贊的各類 PC 業(yè)務(wù)中使用必孤,我們會(huì)在此基礎(chǔ)上,持續(xù)開(kāi)發(fā)一些新組件瑞躺。
我們的目標(biāo)是讓 React 項(xiàng)目開(kāi)發(fā)更快敷搪、更簡(jiǎn)單。
有贊設(shè)計(jì)規(guī)范:基于 React 好看幢哨、好用赡勘,業(yè)務(wù)組件豐富
15. iView
iView 是一套基于 Vue.js 的開(kāi)源 UI 組件庫(kù),主要服務(wù)于 PC 界面的中后臺(tái)產(chǎn)品捞镰。
TalkingData 組件庫(kù):開(kāi)源UI組件庫(kù)
16.飛冰
飛冰是一套基于 React 的中后臺(tái)應(yīng)用解決方案闸与,在阿里巴巴內(nèi)部,已經(jīng)有 270 多個(gè)來(lái)自幾乎所有 BU 的項(xiàng)目在使用岸售。經(jīng)過(guò) 2 年的發(fā)展践樱,飛冰已經(jīng)是中后臺(tái) 2.0 體系,這個(gè)階段中我們的目標(biāo)是賦能企業(yè)冰评、組織搭建自己的中后臺(tái)體系映胁。飛冰包含了一條從設(shè)計(jì)端到開(kāi)發(fā)端的完整鏈路,幫助我們的用戶快速搭建屬于自己的中后臺(tái)應(yīng)用甲雅。
飛冰組件庫(kù):海量可復(fù)用物料解孙,配套桌面工具極速構(gòu)建前端應(yīng)用坑填,效率提升 100%
軟件下載:Iceworks 是 ICE 推出的輔助開(kāi)發(fā)者快速開(kāi)發(fā)中后臺(tái)前端應(yīng)用的 GUI 軟件
17.One Design
百度 ONE DESIGN 設(shè)計(jì)規(guī)范Beta版。
One Design: 官網(wǎng)
One Design:組件庫(kù)
18.Spectrum
Adobe 設(shè)計(jì)規(guī)范:Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.
資源下載:Resources
相關(guān)文章推薦:
給互聯(lián)網(wǎng)設(shè)計(jì)師和設(shè)計(jì)愛(ài)好者的簡(jiǎn)報(bào)分享
在構(gòu)建設(shè)計(jì)規(guī)范之前弛姜,你需要看看這些設(shè)計(jì)資源
如何構(gòu)建設(shè)計(jì)語(yǔ)言系統(tǒng)
給初級(jí)UI&UE設(shè)計(jì)師的Sketch資源分享
交互設(shè)計(jì)原則和理論1——尼爾森十大可用性原則