2021 年就要結束了，年底給大家分享一波高質量的實用在線設計資源！
與以往不同，這些從即時設計開源社區(qū)中整理的資源，借助著在線工具的特性，可以不用下載一鍵保存，更重要的是完全開源，不僅可隨意對源文件進行二次修改編輯，還全部免費可商用！
并且數量豐富，實用價值也非常高，每一份都能實實在在地用到工作項目里，千萬不要錯過~
超多資源獲?。?/strong> https://js.design/square
網址：https://js.design/resourceDetails
騰訊上周剛剛開源的設計系統(tǒng)，據說是由內部 300 多位設計師和開發(fā)者共同打造的，規(guī)?？梢娨话?。
TDesign 的內容也確實非常豐富，包含了各種可復用的設計組件資源，如色彩體系、文字系統(tǒng)、動效設計、圖標素材、布局結構等，風格也能一眼看出是騰訊的設計。
常用的組件類型也足夠全面，絕大多數中后臺設計場景都能滿足，而且在規(guī)劃中是有兩套組件的，桌面端已經全線發(fā)布，移動端的組件應該會陸續(xù)更新。
各種 Web 端設計必備的最新企業(yè)級設計系統(tǒng)，字節(jié)內部團隊做的，剛開源一個多月。
里面提供了 67 類不同的組件，從最常用的按鈕、導航、輸入框到各種菜單、列表、數據展示等等，搭建網頁常用的在這里都能找到，而且整體設計風格非常不錯，又新又高級。
整套組件大概有幾千個，每一類組件都對應著大量不同的狀態(tài)，光是按鈕就有上百個，隨拿隨用，我們日常的各種設計場景和需求應該都可以滿足。
除了組件，還有一份將近 300 個圖標的 Arco Design 圖標庫，基本覆蓋了功能層面的大多常規(guī)分類，而且圖標精致度夠高，用它們做出來的 UI 絕對不會差。
螞蟻打造的老牌設計系統(tǒng) Ant Design 4.0，知名度已經非常高了。
Web 端、移動端都可以用，還有全套的頁面模板、UX 線框流程圖以及數據可視化圖表等資源，組件多，內容全，素材極其豐富，應該是現階段使用范圍最廣的開源設計系統(tǒng)。
最新發(fā)布的 iOS 15 設計規(guī)范，包含了 iPadOS 和深淺色兩種模式，內容比以往更多。
Android 雖然有 Material Design，但因為國產安卓系統(tǒng)太多，一直沒有真正通用的規(guī)范，所以蘋果官方的 iOS 設計規(guī)范則成了幾乎每一位 UI 設計師都必須要熟悉的移動端設計規(guī)范。
這套規(guī)范的價值不容小覷，除了顏色、文本等規(guī)范外，還有大量的 iOS 組件。
我們不只可以從中參考了解到 Apple 的 UI 設計布局、樣式，更是可以非常輕松地用這些組件在幾分鐘之內搭出一個 iOS 端 App。
微信小程序已經成為了移動端最重要的生態(tài)之一，而且這也是只有國內具備的一個獨特領域，發(fā)展到現在，差不多每個 App 都需要一個對應的小程序。
那有了這套組件庫，設計師朋友必定可以更好更快速地適配并設計出一款符合需求的小程序 UI。
厲害的來了哈！整整 18 套完整的小程序 App 界面設計，都是設計原稿，里面每一個圖層都能自由編輯修改屬性，不但可以用來參考，還通通免費可商用！
全都是由「即時設計」團隊設計并開放給用戶的，18 款不同應用，幾乎覆蓋了市面上主流移動端產品類型，在這基礎上改動也好，直接拿去開發(fā)也好，總之你想怎么用都沒問題，這不得好好夸一下？
網址：https://js.design/resourceDetails
還有一套不得不提的。百度智能小程序發(fā)布的新版圖標庫，大概有 1000 多個，種類異常豐富，而且與上面的 Arco Design 不同，有大量偏內容層面的圖標。
書籍影音、互動社交、交通出行、生活服務、政務服務等等，還提供了彩色和線型兩種風格，適用范圍更廣，實用性高。
網址：https://js.design/resourceDetails
另外，百度還提供了大概 200 多個插畫資源，內容也是相當地多，不同角色、不同風格的場景插畫，純人物插畫，還有各種人物組件、物品元素……
網址：https://js.design/resourceDetails
插畫的用處很多，其中最常見的估計就是運營圖了，活動頁、海報、banner 以及封面等等，相信包括我在內的很多設計師在工作中都有接觸過。
那這套資源除了同樣有很多插畫素材外，也相當于提供了模板和范例，可以簡單修改部分元素和文案快速出圖；還可以在自己設計時作為參考或復用部分元素。
網址：https://js.design/resourceDetails
提到運營設計，另一個很重要的版塊就是彈窗，與功能彈層不同，活動彈窗對視覺的要求更多，要有特點，要足夠吸引眼球，還要具備一定的引導性等等。
這套彈窗資源就非常不錯，類型夠多，基本能覆蓋市面上大多數彈窗應用場景。
以上就是今天要和大家分享的一些偏實用的設計資源啦，想要的同學，可以直接去「即時設計」資源廣場查找，里面還有非常多優(yōu)質的設計資源，詳細使用方法之前也有分享過，看這篇就可以：值得收藏！一套你從沒見過的在線資源使用方法
更多資源獲取地址： https://js.design/square
歡迎關注作者微信公眾號：「菜心設計鋪」
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網立場，未經允許不得轉載。
發(fā)評論！每天贏獎品
點擊 登錄 后，在評論區(qū)留言，系統(tǒng)會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
品牌形象設計標準教程
已累計誕生 726 位幸運星
發(fā)表評論 為下方 13 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓