十幾套免費(fèi)可商用資源，不用白不用！

菜心的第362篇原創(chuàng)

2021年的第140篇

好久沒有安利資源了，今天來波大的！

在即時(shí)設(shè)計(jì)的資源廣場(chǎng)里挑了一大堆好東西，全都是免費(fèi)可商用，而且可以隨意修改二次編輯的開源資源，不用下載就能一鍵保存，想咋用咋用！

還有，這次完全是奔著實(shí)用性整理的，沒有那種只能拿來欣賞學(xué)習(xí)搞作品集的資源，每一份都能實(shí)實(shí)在在地用到工作項(xiàng)目里，價(jià)值絕對(duì)高，趕緊來看下吧~

資源獲取地址：https://js.design/square

Arco Design 設(shè)計(jì)系統(tǒng)

各種 Web 端設(shè)計(jì)必備的最新企業(yè)級(jí)設(shè)計(jì)系統(tǒng)，字節(jié)內(nèi)部團(tuán)隊(duì)做的，剛開源一個(gè)多月。

里面提供了 67 類不同的組件，從最常用的按鈕、導(dǎo)航、輸入框到各種菜單、列表、數(shù)據(jù)展示等等，搭建網(wǎng)頁常用的在這里都能找到，而且整體設(shè)計(jì)風(fēng)格非常不錯(cuò)，又新又高級(jí)。

整套組件大概有幾千個(gè)，每一類組件都對(duì)應(yīng)著大量不同的狀態(tài)，光是按鈕就有上百個(gè)，隨拿隨用，我們?nèi)粘５母鞣N設(shè)計(jì)場(chǎng)景和需求應(yīng)該都可以滿足。

Arco Design 圖標(biāo)庫

除了組件，還有一份將近 300 個(gè)圖標(biāo)的 Arco Design 圖標(biāo)庫，基本覆蓋了功能層面的大多常規(guī)分類，而且圖標(biāo)精致度夠高，用它們做出來的 UI 絕對(duì)不會(huì)差。

Ant Design 設(shè)計(jì)系統(tǒng)

螞蟻打造的老牌設(shè)計(jì)系統(tǒng) Ant Design 4.0，知名度比較高，應(yīng)該不用怎么介紹了吧~

Web 端、移動(dòng)端都可以用，還有全套的頁面模板、UX 線框流程圖以及數(shù)據(jù)可視化圖表等資源，組件多，內(nèi)容全，素材極其豐富，應(yīng)該是現(xiàn)階段使用范圍最廣的開源設(shè)計(jì)系統(tǒng)。

iOS 15 設(shè)計(jì)規(guī)范

最新發(fā)布的 iOS 15 設(shè)計(jì)規(guī)范，包含了 iPadOS 和深淺色兩種模式，內(nèi)容比以往更多。

Android 雖然有 Material Design，但因?yàn)閲?guó)產(chǎn)安卓系統(tǒng)太多，一直沒有真正通用的規(guī)范，所以蘋果官方的 iOS 設(shè)計(jì)規(guī)范則成了幾乎每一位 UI 設(shè)計(jì)師都必須要熟悉的移動(dòng)端設(shè)計(jì)規(guī)范。

這套規(guī)范的價(jià)值不容小覷，除了顏色、文本等規(guī)范外，還有大量的 iOS 組件。

我們不只可以從中參考了解到 Apple 的 UI 設(shè)計(jì)布局、樣式，更是可以非常輕松地用這些組件在幾分鐘之內(nèi)搭出一個(gè) iOS 端 App。

WeUI 官方組件庫

微信小程序已經(jīng)成為了移動(dòng)端最重要的生態(tài)之一，而且這也是只有國(guó)內(nèi)具備的一個(gè)獨(dú)特領(lǐng)域，發(fā)展到現(xiàn)在，差不多每個(gè) App 都需要一個(gè)對(duì)應(yīng)的小程序。

那有了這套組件庫，設(shè)計(jì)師朋友必定可以更好更快速地適配并設(shè)計(jì)出一款符合需求的小程序 UI。

18 套免費(fèi)小程序 / App

厲害的來了哈！

整整 18 套完整的小程序 App 界面設(shè)計(jì)，都是設(shè)計(jì)原稿，里面每一個(gè)圖層都能自由編輯修改屬性，不但可以用來參考，還通通免費(fèi)可商用！

全都是由「即時(shí)設(shè)計(jì)」團(tuán)隊(duì)設(shè)計(jì)并開放給用戶的，18 款不同應(yīng)用，幾乎覆蓋了市面上所有主流移動(dòng)端產(chǎn)品類型，在這基礎(chǔ)上改動(dòng)也好，直接拿去開發(fā)也好，總之你想怎么用都沒問題，這確實(shí)值得好好夸一下了。

百度智能小程序圖標(biāo)庫

還有一套不得不提的。百度智能小程序發(fā)布的新版圖標(biāo)庫，大概有 1000 多個(gè)，種類異常豐富，而且與上面的 Arco Design 不同，有大量偏內(nèi)容層面的圖標(biāo)。

書籍影音、互動(dòng)社交、交通出行、生活服務(wù)、政務(wù)服務(wù)等等，還提供了彩色和線型兩種風(fēng)格，適用范圍更廣，實(shí)用性高。

百度智能小程序插畫

另外，百度還提供了大概 200 多個(gè)插畫資源，內(nèi)容也是相當(dāng)?shù)囟啵煌巧⒉煌L(fēng)格的場(chǎng)景插畫，純?nèi)宋锊瀹嫞€有各種人物組件、物品元素……

運(yùn)營(yíng)插畫 banner

插畫的用處很多，其中最常見的估計(jì)就是運(yùn)營(yíng)圖了，活動(dòng)頁、海報(bào)、banner 以及封面等等，相信包括我在內(nèi)的很多設(shè)計(jì)師在工作中都有接觸過。

那這套資源除了同樣有很多插畫素材外，也相當(dāng)于提供了模板和范例，可以簡(jiǎn)單修改部分元素和文案快速出圖；還可以在自己設(shè)計(jì)時(shí)作為參考或復(fù)用部分元素。

App 彈窗合集

總結(jié)

開源的東西是好，可要用的話也別忘了標(biāo)注出處！

想快點(diǎn)進(jìn)步看這里：