新年福利！2017年1月設(shè)計(jì)圈實(shí)用干貨大合集

每個(gè)月設(shè)計(jì)圈干貨大合集又來了！現(xiàn)在每月你都會(huì)在優(yōu)設(shè)看到這些最新的、最熱的干貨，這當(dāng)中有最新的工具，最熱的項(xiàng)目，還在測試的新銳資源，從字體到圖標(biāo)，從文檔到JS庫，你幾乎每次都會(huì)從里面找到一些能用得到的好東西。

BULMA

Bulma 是一款基于Flexbox的現(xiàn)代CSS框架，它能夠讓框架快速加載，并且提供最新的布局加載工具。響應(yīng)式、模塊化、輕量級(jí)和免費(fèi)是它的特色。
?

FLAWLESS TYPOGRAPHY CHECKLIST

這是Typewolf 提供的完美排版列表，其中包含的100個(gè)項(xiàng)目涵蓋了詳細(xì)的視覺設(shè)計(jì)指南，讓你能夠設(shè)計(jì)出完美的排版。
?

FIGMA

Figma 是一款界面工具，為你提供實(shí)時(shí)協(xié)作，適用與從圖標(biāo)設(shè)計(jì)到響應(yīng)式布局設(shè)計(jì)等諸多設(shè)計(jì)流程。

KICKSTARTER APP CODE

想不想做一個(gè)類似Kickstarter 這樣的iOS/Android APP？那么你一定不要錯(cuò)過剛剛開源的 KickStarter APP 的源代碼。你現(xiàn)在可以在Github 上找到相關(guān)資源。
?

RELLAX

Rellax 是一款輕量級(jí)的 JavaScript 庫，幫你實(shí)現(xiàn)視差滾動(dòng)效果。
?

MUSICFORPROGRAMMING

MusicForProgramming 是一個(gè)讓你專注編程的音樂合集，充滿復(fù)古風(fēng)格的命令行界面是它的另外一大特色，相信它能幫你度過編程的日日夜夜。
?

MATERIAL.IO

這是Google 所推出的一個(gè)全新的網(wǎng)站，其中包含了Material Design 所需要的全部資源。
?

PATTERNINJA

Patterninja 是一個(gè)能夠借助圖片來生成圖案的工具，你可以將你的圖片庫轉(zhuǎn)化為網(wǎng)頁可用的各種圖案。
?

ATOMIC DESIGN

Brad Frost 的新書 Atomic Design 目前有了在線的版本了，其中詳細(xì)介紹了 Frost 的界面設(shè)計(jì)體系，可以幫你在新的一年更為輕松的設(shè)計(jì)UI。

PROTOPIE

Protopie 是一個(gè)全新的無代碼移動(dòng)端交互設(shè)計(jì)工具，它先天支持多種手勢、加速度和速度傳感器以及麥克風(fēng)，你可以輕松地借助它設(shè)計(jì)各種微交互，基于場景搭建你想要的交互。
?

SMASH

Smash 是一款實(shí)用的工具，無需下載任何工具你就可以從任何設(shè)備上查看照片、圖片、視頻和文檔。這項(xiàng)服務(wù)最大的優(yōu)勢在于，它不會(huì)受到文件尺寸的影響。
?

TYPE NUGGET

Type Nugget 是一個(gè)全新的項(xiàng)目，它可以將你設(shè)計(jì)的排版轉(zhuǎn)化為干凈整潔的CSS。

PROSPERO

Prospero 是一款幫助設(shè)計(jì)師創(chuàng)建項(xiàng)目提案的工具，它目前還處于測試階段。
?

ANIME.JS

這是一款強(qiáng)大的使用JS開發(fā)的動(dòng)效庫，支持 CSS，DOM，SVG，和JS對象。
?

YOGA

Yoga 是一個(gè)跨平臺(tái)的排版布局引擎，適合團(tuán)隊(duì)內(nèi)協(xié)同使用。Facebook 已經(jīng)開始使用這一工具，并且對外發(fā)布了相應(yīng)的CSS布局。
?

COGGLE

Coggle也是一款腦圖工具，可以讓設(shè)計(jì)師或者團(tuán)隊(duì)以視覺化的方式快速高效地分享筆記。
?

@COLORSCHEMEZ

Colorschemer 是一個(gè)非常有趣的Twitter 機(jī)器人，它會(huì)發(fā)布隨機(jī)的配色方案，讓你靈感不斷。
?

DRAWING CHALLENGE

這個(gè) Drawing Challenge 能夠幫你從設(shè)計(jì)的角度更好地思考問題，尋求解決方案。在此過程中，你會(huì)對于PS、AI和AE有更為深入的理解。

EVIL ICONS

Evil Icons 是一套免費(fèi)的SVG 圖標(biāo)合集，它包含了對于 Rails、Sprockets、Node.js、Gulp、Grunt和CDN的支持。
?

BARKING CAT

Barking Cat 是一款有趣的新奇字體，充滿了童真。
?

NUNITO SANS

Nunito Sans 是一款具有高度可讀性、平衡的非襯線字體，你可以通過Google Fonts 下載。
?

MERTHY

Merthy 是精心設(shè)計(jì)的華麗字體，整個(gè)風(fēng)格非常的女性化。

ABHAYA LIBRE

Abhaya Libre 是一款簡單的襯線體字體合集。
?

PAINTER

Painter 是一款風(fēng)格老派的、裝飾性明顯的英文手寫字體。
?

CULRS

Culrs 為你提供了一系列精心設(shè)計(jì)的配色方案。

【2016年干貨大合集都在這里】

1. 《干貨｜2016年11月開發(fā)者超實(shí)用干貨大合集》
2. 《設(shè)計(jì)師專場！2016年10月設(shè)計(jì)圈實(shí)用干貨大合集第二波》
3. 《開發(fā)者福利！2016年10月設(shè)計(jì)圈實(shí)用干貨大合集》
4. 《再來一發(fā)！2016年9月設(shè)計(jì)圈實(shí)用干貨第二波》
5. 《開學(xué)福利！2016年9月設(shè)計(jì)圈超實(shí)用干貨大合集》
6. 《高溫福利！2016年8月設(shè)計(jì)圈最新干貨大合集》
7. 《再來！2016年7月設(shè)計(jì)圈干貨大合集第二波！》
8. 《超贊！2016年7月新鮮出爐的設(shè)計(jì)圈實(shí)用干貨大合集》
9. 《精準(zhǔn)投放！2016年六月設(shè)計(jì)圈超實(shí)用干貨大合集》
10. 《月底福利！2016年5月第二波超實(shí)用設(shè)計(jì)圈干貨》
11. 《上手就用！2016年五月設(shè)計(jì)圈新鮮干貨大合集》
12. 《姍姍來遲！2016年四月設(shè)計(jì)圈干貨大合集》
13. 《質(zhì)量保證！2016年三月可靠實(shí)用的設(shè)計(jì)圈干貨》
14. 《多多益善！2016年二月設(shè)計(jì)圈實(shí)用干貨第二波》
15. 《開工福利！2016年二月設(shè)計(jì)圈實(shí)用干貨大合集》
16. 《干貨干貨干貨！2016年第二波設(shè)計(jì)圈干貨大合集》

原文地址：webdesignerdepot
原文作者：CAMERON CHAPMAN
優(yōu)設(shè)譯文：@陳子木

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

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com