編者(zhe)按(an)：優設的(de)各位讀者(zhe)，生蛋快樂!又是一(yi)年(nian)(nian)(nian)圣誕節，按(an)照往年(nian)(nian)(nian)慣例(說的(de)好(hao)象(xiang)年(nian)(nian)(nian)年(nian)(nian)(nian)都有似的(de))我(wo)們(men)會在(zai)圣誕節當天發放(fang)福利!也就是……設計(ji)(ji)素材。馬上要(yao)新(xin)年(nian)(nian)(nian)了，要(yao)過年(nian)(nian)(nian)了，不管你(ni)(ni)供職在(zai)科技公司，還是電商網站(zhan)，恐怕都是要(yao)在(zai)拿年(nian)(nian)(nian)終獎(jiang)之(zhi)前狠狠地忙(mang)一(yi)把吧(ba)?希望(wang)我(wo)們(men)為你(ni)(ni)提供的(de)設計(ji)(ji)圈(quan)素材能幫你(ni)(ni)減輕(qing)壓(ya)力，提高效率，合(he)理偷懶，哦(e)也!

同以往差不多，這(zhe)次(ci)的(de)(de)設計圈素材包含品類多樣，應用廣泛，總(zong)有(you)一(yi)款適合你!漂亮的(de)(de)Web字體，實用的(de)(de)Web應用，多快好省一(yi)次(ci)Oh Yeah的(de)(de)網(wang)頁模板(ban)，總(zong)而言(yan)之很有(you)用就(jiu)是(shi)了。

優(you)秀(xiu)技巧教你如何(he)玩轉干貨：

《讓素材帶點(dian)范兒!有哪些普通素材變得(de)獨(du)具(ju)風格的方法?》

《關起(qi)門(men)來漲(zhang)姿勢!如何從AV封(feng)面中學習?》

《讓網(wang)站飛起來!教你(ni)簡單10步大幅提升網(wang)站可訪問性》

1. Frameless

Frameless是(shi)一款為設(she)計師和開發者(zhe)量身打造(zao)的瀏(liu)覽器(qi)，使用(yong)(yong)(yong)環境是(shi)iOS8。它(ta)可以幫(bang)你輕松快捷地在iOS設(she)備(bei)上預(yu)覽設(she)計原型，用(yong)(yong)(yong)手勢操(cao)作(zuo)來查看瀏(liu)覽歷史或(huo)者(zhe)調用(yong)(yong)(yong)鍵盤，支持(chi)多(duo)指手勢和搖動操(cao)作(zuo)。這些進階功能都(dou)可以在設(she)置中禁(jin)用(yong)(yong)(yong)或(huo)者(zhe)開啟(qi)。最重要(yao)的是(shi)，它(ta)還支持(chi)Framer Studio，可以快速預(yu)覽HTML原型。

2. PaymentFont

PaymentFont 是(shi)一款(kuan)SVG格式(shi)的網頁字體(ti)，包含主流(liu)的支付服(fu)務圖(tu)標，總計(ji)74個(ge)(ge)。對于經常和國外需求方(fang)打交道的設(she)計(ji)師應該非常需要這個(ge)(ge)。

3. Fontspiration

Fontspiration是一款幫你(ni)尋求(qiu)排版(ban)設計靈感的(de)iOS貧胎(tai)APP。您可以瀏覽創意(yi)排版(ban)，查找(zhao)字(zi)體，還(huan)能創建好玩的(de)動效(xiao)和GIF甚至視頻。

4. SVG Loaders

如(ru)果你的(de)(de)(de)網頁需要應(ying)付多(duo)種(zhong)不(bu)同的(de)(de)(de)屏幕和分辨率(lv)，那么(me)使用SVG格式的(de)(de)(de)圖片是(shi)非常靠譜的(de)(de)(de)手段(duan)。這(zhe)種(zhong)小型的(de)(de)(de)矢量文件可以很好(hao)的(de)(de)(de)應(ying)付屏幕尺寸的(de)(de)(de)需求(qiu)，而SVG Loaders就是(shi)在(zai)這(zhe)種(zhong)需求(qiu)下(xia)誕生的(de)(de)(de)。

5. Droidcon

Droidcon 為你提供了超過1600種定(ding)(ding)制圖標(biao)(biao)(biao)，借助這一工具，你可(ke)以輕松(song)地將(jiang)各種圖標(biao)(biao)(biao)輕松(song)地插入你的(de)(de)APP。其中包含25款社交服務的(de)(de)圖標(biao)(biao)(biao)，這些圖標(biao)(biao)(biao)經(jing)過處理，可(ke)以直接(jie)調(diao)用(yong)。其他的(de)(de)圖標(biao)(biao)(biao)你也可(ke)以根據自己的(de)(de)需求進行(xing)定(ding)(ding)制，色彩、透明度(du)甚(shen)至細節都(dou)可(ke)以調(diao)整(zheng)。

6. 100款線條/填充風圖標

一(yi)組漂亮的小圖標，包含線條和(he)填(tian)充兩種(zhong)不同風格(ge)(ge)，主要使用的是AI和(he)E格(ge)(ge)式(shi)，一(yi)次(ci)幫你搞定2種(zhong)風格(ge)(ge)哦!

7. Material Up

Material Up是一組靠譜的Material Design風格的UI/網頁素(su)材(cai)庫，各(ge)種截圖內容豐富，賜予你無限靈感!

8. 一組CSS進度條

各種(zhong)不同色彩(cai)的(de)漂亮進度條，扁(bian)平(ping)風，包(bao)含進度條百分比標(biao)識(shi)，其(qi)中的(de)樣式和色彩(cai)都(dou)可(ke)以進行定制，無(wu)論是專業網站還是博(bo)客都(dou)可(ke)以拿來炫(xuan)一下哦!

9. Four Shadows

Four Shadows 可以幫你的(de)(de)圖標生成隨(sui)著(zhu)時間變(bian)化的(de)(de)陰影(ying)，陰影(ying)的(de)(de)變(bian)化會與時鐘上(shang)時針的(de)(de)變(bian)化相對應，不(bu)算大眾需求(qiu)，但是蠻有情(qing)懷的(de)(de)。

10. Lamp Post Banner Mockup

這是一個用來展示海報和Banner的(de)原型，你可(ke)以借助它查看自(zi)己(ji)設計的(de)海報和作品置于燈(deng)柱廣告上(shang)的(de)視覺效果。

11. Hanno’s Playbook

Hanno’s Playbook 展示了(le)Hanno旗下設計(ji)(ji)師(shi)完成設計(ji)(ji)的(de)工作流程，對于(yu)設計(ji)(ji)師(shi)和設計(ji)(ji)機(ji)構(gou)而言(yan)，都是(shi)難得的(de)經(jing)驗分享。

12. Beautiful Maps

這(zhe)里搜集了(le)來自世界各(ge)地(di)的(de)古董(dong)地(di)圖，涵蓋了(le)各(ge)種(zhong)不(bu)同的(de)地(di)形，城市、村莊、海(hai)洋等等。這(zhe)種(zhong)難得的(de)素材你肯(ken)定知道(dao)怎么用吧?

13. 56 Social Icons

顧(gu)名(ming)思義，這組素材是56款社交(jiao)類服(fu)務的圖標素材。其中包(bao)含了EPS、PDF和(he)SVG三種矢量格(ge)式(shi)，此外每(mei)個圖標還被單獨保存為透明的PNG格(ge)式(shi)，包(bao)含64×64和(he)128×128兩(liang)種尺寸(cun)。

14. UI選項卡編輯器

這款UI選項(xiang)(xiang)卡(ka)編輯(ji)(ji)器可以幫你編輯(ji)(ji)UI界面(mian)，自定(ding)義圖標，增加(jia)行或者列，添加(jia)懸停(ting)效果，生成可交互(hu)式(shi)的選項(xiang)(xiang)卡(ka)，調整色彩，等等。

15. Summer UI Kit

這款UI Kit如(ru)同夏日(ri)一樣，收納(na)了(le)各種溫暖(nuan)、清新的(de)色彩，為你(ni)在冬日(ri)的(de)UI上增添一抹靈(ling)動的(de)色彩!

16.網頁風格指(zhi)南資源

這組資源名(ming)字已經很(hen)逆天了(le)……這組資源包(bao)含(han)了(le)大量了(le)的(de)網頁風格指南相關的(de)文章和經驗分享以及素材，幫(bang)你創造出更優秀更系(xi)統的(de)網頁風格指南!

17. Blocs

Blocs是(shi)一款Mac平(ping)臺上(shang)的(de)APP，它可以幫你創(chuang)造風格現(xian)代、響應式的(de)靜態網站，最重(zhong)要的(de)是(shi)，無(wu)需你編(bian)寫代碼(ma)。它主(zhu)要基(ji)于Bootstap 3平(ping)臺，可以調用(yong)Google的(de)網頁字(zi)體，還支持(chi)視網膜屏(ping)幕!

18. 免費的UI Kit資(zi)源

這是(shi)一個扁(bian)平化的界面(mian)工具包，PSD格式(shi)，方(fang)便編輯調用。漂(piao)亮又(you)好(hao)用，下(xia)載用起來!

19. Margot Free Font

Margot是一組非(fei)常吸(xi)引人的英文字體(ti)家族，富有(you)表現力，有(you)性格，大小粗細相宜，不論是用在(zai)(zai)印(yin)刷品上還是用在(zai)(zai)網頁(ye)上，都非(fei)常漂亮!

20. Baron Free Font

和Margot不一樣，Baron字體(ti)更有(you)個(ge)性，靈感來(lai)源于經(jing)典的(de)無(wu)襯線體(ti)，但是Baron更加(jia)現代(dai)。這(zhe)款字體(ti)有(you)許(xu)多不同的(de)粗細大小，非常(chang)適合放在海報(bao)、標題中使(shi)用。

21. Ocean

Ocean是一個新(xin)興的(de)設計(ji)師交流社(she)區(qu)，分享作品，交流心得。沒有Dribbble邀(yao)請碼?來這里玩(wan)玩(wan)!

22. Zion

Zion是一組專門為Mac OS X 優(you)勝美(mei)地而設計(ji)的圖標(biao)集(ji)。缺(que)少漂(piao)亮一致的圖標(biao)?參考Zion圖標(biao)集(ji)試試!

23. Rinse.io

Rinse.io 是一個獨特的攝影(ying)和作(zuo)品分享社區，匯集了大(da)量成熟(shu)和新興的攝影(ying)家和設計師，非常不錯哦。

24. Atomic

Atomic是(shi)一(yi)款UI界(jie)面設(she)計軟(ruan)件，包(bao)含內(nei)建的原型工(gong)具和其他的組合(he)工(gong)具。厭倦了PS，試試這個!

25. Merry Icons

既然是(shi)(shi)圣誕節的干(gan)貨，那么(me)怎(zen)么(me)都需要素材(cai)點點題(ti)吧?這(zhe)組圖(tu)標(biao)集(ji)就(jiu)是(shi)(shi)來點題(ti)用噠!品類(lei)齊(qi)全的圣誕節主題(ti)元素圖(tu)標(biao)，格式也完備(bei)，包(bao)含了(le)AI、EPS、PSD和PNG，并(bing)且PNG圖(tu)片(pian)圖(tu)標(biao)還包(bao)含了(le)4種尺寸!

【往期干貨合集】

《十二月最新資源大放送!不(bu)容錯過(guo)的設計(ji)資源合集!》

《超出(chu)你(ni)想象!100組幫你(ni)展示(shi)作品(pin)的(de)精致(zhi)素材免費下載》

《十一月最新(xin)干貨!不容錯過的設(she)計資(zi)源大合集》

原文地址：codegeekz

優設(she)網譯者：@陳子木

本文由(you)優設網原創翻譯(yi)，請(qing)尊重版權(quan)和譯(yi)者成(cheng)果，轉摘(zhai)請(qing)附上優設鏈接，違者必究。謝(xie)謝(xie)各(ge)位編(bian)輯同仁配合。