干貨駕到！2015年一月設(shè)計圈干貨大合集

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

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

做一個有干貨的設(shè)計師：

• 《設(shè)計師必備！10個包羅萬象的靈感發(fā)掘網(wǎng)站》
• 《新年收大禮！2015年最新一波熱門資源免費下載》
• 《徹底給跪了！2014年絕對值得體驗的最佳炫酷網(wǎng)站》

1. Apple Watch UI Kit

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

2. CSS Content Filter

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

3. Type Connection

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

4. Material Design Icons

1400個符合Material Design 風格的小圖標，內(nèi)置了SVG和AI兩種格式，絕對是干貨中的干貨。

5. Hover States

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

6. Evil Icons

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

7. Write the Docs

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

8. Material Palete

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

9. Carved Wood Logo Mockup PSD

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

10. Typography Boilerplate

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

11. Dark Metallic Logo Mockup

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

12. IOS 8 GUI for Sketch

這是來自Teehan&Lax團隊為Sketch所制作的iOS8 GUI 源文件。

13. MMXIV

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

14. Skyline

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

15. MFD UI Kit

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

16. 365 Awesome Designers

在365 Awesome Designers 你可以看到設(shè)計師們每天的設(shè)計作品，還可以關(guān)注他們的Twitter和Facebook。（請自備梯子）

17. Designer.IO

在Designer.IO你可以按照自己的節(jié)奏和需求來學習APP設(shè)計。

18. Landing Page

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

19. The Range

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

20. UI Tiles

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

21. Rafale Free Font

Rafale是一款頗為有趣的西文字體，用來作為標題非常不錯。

22. Retro

作為一款充滿20世紀風格的復古字體，用來排版設(shè)計頗為不錯，可以免費使用。

23. Libre Caslon

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

24. Vigneta

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

25. Signale

Signale 是一款具有時髦幾何外觀的免費字體。

【新年干貨合集】

技巧干貨文：
《全是干貨！移動HTML 5前端性能優(yōu)化指南》

職場干貨文：
《優(yōu)設(shè)重磅首發(fā)！全方位揭開簡歷和面試話術(shù)的秘密》

資源干貨文：
《新年禮包第一波！50個熱門有型的移動+網(wǎng)站UI KIT 免費下載》

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

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學習平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量90萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導航：http://hao.uisdc.com
官方微信：想在手機上、被窩里獲取設(shè)計教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號：youshege