十幾套免費(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)粘5母鞣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)步看這里:

