快看！2017年10月設計圈超實用干貨大合集

長假已經過去一周了，是時候投放干貨干干活兒，靜候雙11的到來了……這個月的干貨合集搜集了不少適合冬天使用的圖標合集和展示性字體，搭配新鮮出爐的設計工具以及代碼片段，應該能讓你接下來的設計工作更加便捷。

閑話少敘，咱們來看看具體有哪些干貨吧~

DROPBOX DESIGN

國內的網盤服務大多談不上有啥突出的設計，而國外著名的網盤存儲服務供應商 Dropbox ，這是業內著名的設計輸出型的企業。最近Dropbox 推出了屬于他們的系統設計框架，這個名為 Dropbox Design 的網站中，包含了屬于 Dropbox 的設計思想，配色，相關素材。如果你熱衷于標準化的設計，Dropbox Design 絕對是不容錯過的。
?

KHROMA

仍處于Beta 階段的 Khroma 是一個為設計師所準備的“AI色彩工具”，其中默認包含了50種色彩，并且可以借助內置的算法，通過篩選色彩來培訓它生成符合你口味的配色。

DATA VIZ PROJECT

如何盡可能好地將數據可視化地呈現出來？這是一個棘手的設計問題。這個項目通過大量的圖表和表單案例，來為你展示如何視作易于理解的可視化信息。

DEVICES.CSS

想使用純粹的CSS代碼來繪制最新的數碼設備？你可以在 Devices.css來獲取代碼，無論是iPhone X 還是Google Pixel ,你想要的一應俱全。

URL TO PDF

URL to PDF 是一項用來將 HTML+CSS 內容轉化為 PDF的微服務，其中API 借用 Puppeteer 來實現這一功能的。

BUBBLY BACKGROUNDS

這個工具能夠幫你創造帶有氣泡的動態背景。它所包含的代碼不超過1kB，生成的動畫能夠填滿整個視野。氣泡動效的外觀你可以根據自己的需求進行定制。
?

DRAGGABLE

這個源自 Shopify 的小工具非常實用，它是一個可托拽使用的模塊化設計庫，你可有通過托拽快速構建響應式布局。

MODULATOR

這款工具能夠幫你更好地控制柵格和設計系統，通過單位、間距、寬度等屬性來控制整個柵格系統。
?

NESTED SYMBOLS AND AUTO-UPDATING STYLEGUIDES FOR SKETCH

對于 Sketch 用戶而言，一套智能的模板是開啟全新設計項目的鑰匙。這套Sketch模板包含有按鈕、輸入框、下拉菜單、通知、分頁、工具提示等諸多常用的素材，只需要加載并拖放元素即可生成相應的設計。

FLOW.AI

Flow.ai 是一款用來結合聊天機器人生成可用的對話式交互界面的工具。界面可以通過托拽來搭建，其中還包含了一些進階的功能。
?

UNTITLED SLIDER

Nathan Taylor 所設計的這個 Untitled Slider在動態效果上區別于普通的Slider，有著旋轉、變色等許多新奇有趣的效果。

STICKY SIDEBAR

Sticky Sidebar 是一款存在的JS插件，用來制作智能和高性能的側邊欄。
?

WIRED DOTS

Wired Dots 是一組免費的Bootstrap 主題、元素和組件的合集。

CLOCKIFY

Clockify 是一款全新的、免費的時間跟蹤工具，幫你和你的團隊更加有效地執行任務，跟蹤項目執行和效果。

MOOCHA

是否覺得找一個靠譜的、符合自己的需求的在線課程很麻煩？Moocha 能夠幫你更好地確定哪些在線課程更合適，精確定位不同主題下不同的課程，幫你更好的篩選。
?

HALLOWEEN VECTOR TOOLKIT

這個是矢量素材包是為萬圣節主題定制的，這些元素可以用來設計網站也能用來印刷。

HAPPTIZENS CHARACTER CREATOR SET

這是一組充滿可愛風格的矢量人物插畫，每個角色看起來都頗為簡約，如果你需要設計類似的人物形象，這組素材能夠作為不錯的起點。
?

IOS 11 GLYPHS

這是一組開源的iOS 11 風格的圖標，整個設計風格和蘋果的官方指南保持一致。

JAM ICONS

Jam Icons 是一組包含422款像素完美的線性圖標的圖標集，圖標所覆蓋的主題非常多，可用性極強。你可有將它們設置為字體或者SVG文檔，和CSS結合起來使用。

TYPESTRAP

TypeStrap 是一款基于CSS 的工具包，它可以幫助用戶模塊化地排版。這款工具是在Bootstrap 4 的基礎上構建而成。

FUTURE FONTS

這是一票字體設計師所創建的項目，是為那些既使用字體又設計自己的設計師所準備的。Future Fonts 允許用戶使用它們的字體，并且需要他們提供輔助讓這個平臺的字體更加優秀。
?

ARCHIA

Archia 是一款非常簡單的字體，有著均勻筆觸和不那么明顯的襯線。這套字體有6種不同的風格，其中僅有一種是可以免費下載的。

JULLIAN SCRIPT

Jullian 是一款有趣的手寫字體，古怪但是非常有質感，帶有水彩筆的視覺特征。
?

MOURON

Mouron 是一款漂亮的、現代的非襯線體字體，全大寫，用來做展示字體非常不錯。

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

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

原文地址：webdesignerdepot
原文作者：CARRIE COUSINS
優設譯文：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com