Sketch格式的大廠設(shè)計規(guī)范組件庫源文件分享
1.企業(yè)級B端組件:Ant Design (AD)
目前國內(nèi)最實用的B端開源組件庫,開發(fā)哥哥們的心頭肉。包含移動端+桌面端(黑白模式),
Download:https://ant.design/docs/resources
相關(guān)素材:
2.企業(yè)級B端后臺組件:Salesforce Lightning Design System
Salesforce是目前全球最受歡迎的CRM(客戶管理)公司開發(fā)的設(shè)計系統(tǒng),AD的鼻主之一。它家還有現(xiàn)成的library插件,裝上直接用(都打包在文末合集下載里了),內(nèi)包含移動端+PC端+圖標。
Download:https://www.lightningdesignsystem.com/resources/downloads/
3.工具性桌面端組件:阿里teambition-Clarity Design
非常詳盡的分為:基礎(chǔ)/業(yè)務(wù)/圖標3部分組件,做類似藍湖/面試系統(tǒng)/工具型產(chǎn)品桌面端的同學可以參考
Download:https://design.teambition.com/overview
4.常用桌面端組件:餓了么 Element
基于 Vue 2.0 的純桌面端組件庫
Download:https://element.eleme.cn/#/zh-CN/resource
5.小程序組件:微信主站+微信小程序WeUI
感覺微信挺久沒有更新過開源組件庫了,這里包含了微信主站和小程序的控件以及黑白模式。
Download:https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87
6.大廠C端組件:滴滴Mand Mobile
滴滴金融團隊出品,我看了下基本和出行主站的組件庫差不多,很適合新手學習搭建組件庫(滴滴出行主站的組件不是開源的,這里就不放了)
Download:https://didi.github.io/mand-mobile/#/zh-CN/design/other/resource
7.大廠適配組件:京東Taro UI
京東凹凸實驗室(核心業(yè)務(wù))針對多端(小程序/H5等)適配的組件庫。
Download:https://taro-ui.jd.com/#/docs/resource
8.組件+規(guī)范:有贊 Zan Design
規(guī)范與組件庫融合,包含移動端+PC
Download:https://design.youzan.com/resource/resource.html
9. 系統(tǒng)級組件:Apple UI Design Resources
蘋果設(shè)計系統(tǒng):ios14(Beta),發(fā)布于2020年7月
Download:https://developer.apple.com/design/resources/
相關(guān)素材:
10.系統(tǒng)級組件:Google Material Design
Google的設(shè)計系統(tǒng),簡稱MD
Download:https://material.io/resources
11.系統(tǒng)級組件:Microsoft Fluent Design System
window的設(shè)計系統(tǒng),包含黑白模式
Download:暫無
掃描關(guān)注下圖公眾號回復(fù):大廠組件,可免費獲得所有組件庫源文件。
全站高品質(zhì)素材免費下載!