編者按：資源庫(kù)就是設(shè)計(jì)師挑戰(zhàn)世界的底氣，實(shí)用靠譜的工具是設(shè)計(jì)師攻城略地的利器，每一個(gè)成功的設(shè)計(jì)項(xiàng)目背后，都有在這些素材和工具的一份功勞。于是，時(shí)常更新素材庫(kù)，發(fā)掘新工具，成了設(shè)計(jì)師的必修課。

新年新開端，移動(dòng)端設(shè)計(jì)風(fēng)起云涌，網(wǎng)頁(yè)設(shè)計(jì)也呈現(xiàn)新趨勢(shì)。為此，我們也專門整理了一下設(shè)計(jì)圈最新的干貨，有新鮮出爐的字體，有可靠的排版工具，也有上手易用的模板，還有便捷的Web應(yīng)用，實(shí)用的UI Kits。不管你是設(shè)計(jì)師，還是前端開發(fā)者，總有你需要的工具。

1. Apple Watch UI Kit

這是一套扁平化的Apple Watch UI Kit，源自TheDesignBlog。雖然UI Kit主色調(diào)采用了紅色，但是你也可以換成任何你喜歡的色彩。

2. CSS Content Filter

這是Codyhouse所設(shè)計(jì)的一套易于定制、便于集成的CSS內(nèi)容過濾工具。

3. Type Connection

Type Connection是一個(gè)小游戲，讓你在字體配對(duì)的過程中對(duì)字體有更多的了解。

4. Material Design Icons

1400個(gè)符合Material Design 風(fēng)格的小圖標(biāo)，內(nèi)置了SVG和AI兩種格式，絕對(duì)是干貨中的干貨。

5. Hover States

Hover States 是一個(gè)新鮮有趣的用戶界面和交互設(shè)計(jì)的合集。Hover States 旨在幫助設(shè)計(jì)師和網(wǎng)站開發(fā)者獲取靈感，制作效果經(jīng)驗(yàn)的設(shè)計(jì)作品。

6. Evil Icons

Evil Icons是一組開源的SVG圖標(biāo)合集，其中還包括用來(lái)支持圖標(biāo)的各種代碼，包括Rails、Sinatra、Node.js、Gulp 和 Gunt。

7. Write the Docs

Write the Docs 是一個(gè)頗為不錯(cuò)的文檔社區(qū)，在這里你可以了解更多書寫文檔的藝術(shù)和技巧。

8. Material Palete

Material Palette 是一個(gè)Material Design 配色工具生成器，非常好用。

9. Carved Wood Logo Mockup PSD

這是雕刻木質(zhì)紋理Logo的原型PSD素材，其中包含2種不同的材質(zhì)。

10. Typography Boilerplate

Tpesettings.css 是一個(gè)極簡(jiǎn)博客項(xiàng)目的樣板樣式，所有的排版樣式均是基于傳統(tǒng)的平面設(shè)計(jì)。

11. Dark Metallic Logo Mockup

這是一個(gè)頗為不錯(cuò)的LOGO模板，擬物化的設(shè)計(jì)讓整個(gè)LOGO具有立體感，紋理的使用使得整個(gè)LOGO富有質(zhì)感。你可以借助這個(gè)PSD文件修改成自己喜歡的樣子。

12. IOS 8 GUI for Sketch

這是來(lái)自Teehan&Lax團(tuán)隊(duì)為Sketch所制作的iOS8 GUI 源文件。

13. MMXIV

MMXIV是一個(gè)2014年優(yōu)秀設(shè)計(jì)的大合集，你不僅可以看到2014年每月前三名的設(shè)計(jì)，還能看到候選的名單。

14. Skyline

Skyline 可以幫你為網(wǎng)站設(shè)計(jì)出一整套體系，不僅是一整套完備的CSS架構(gòu)，而是一整套可重用可維護(hù)的代碼庫(kù)。

15. MFD UI Kit

這是一款包含12個(gè)控件的UI Kit，可以個(gè)人使用，也可以商用。

16. 365 Awesome Designers

在365 Awesome Designers 你可以看到設(shè)計(jì)師們每天的設(shè)計(jì)作品，還可以關(guān)注他們的Twitter和Facebook。

17. Designer.IO

在Designer.IO你可以按照自己的節(jié)奏和需求來(lái)學(xué)習(xí)APP設(shè)計(jì)。

18. Landing Page

這是一款免費(fèi)、多用途的Bootstrap著陸頁(yè)模板，你可以用在自己的網(wǎng)站和Web APP中。

19. The Range

這是一個(gè)漂亮的單頁(yè)式PSD模板，時(shí)尚的紫色色調(diào)非常能抓住用戶的眼球哦。

20. UI Tiles

UI Tiles 是一個(gè)內(nèi)置72屏、用來(lái)構(gòu)建網(wǎng)站地圖和視覺流程的Web項(xiàng)目。整個(gè)項(xiàng)目的設(shè)計(jì)優(yōu)雅，也便于定制。

21. Rafale Free Font

Rafale是一款頗為有趣的西文字體，用來(lái)作為標(biāo)題非常不錯(cuò)。

22. Retro

作為一款充滿20世紀(jì)風(fēng)格的復(fù)古字體，用來(lái)排版設(shè)計(jì)頗為不錯(cuò)，可以免費(fèi)使用。

23. Libre Caslon

這是一款面向Web的出色字體，擁有頗為不錯(cuò)的可讀性，尤其是在小屏幕上。字體可以免費(fèi)下載使用。

24. Vigneta

Vigneta 是一款富有女性氣息的手寫字體。

25. Signale

Signale 是一款具有時(shí)髦幾何外觀的免費(fèi)字體。

原文地址：codegeekz
優(yōu)設(shè)網(wǎng)譯者：@陳子木

轉(zhuǎn)自：優(yōu)設(shè)網(wǎng)