這個月的干貨比我們想象中的要多，上次的干貨合集中更多的是開發相關的素材，而這次的合集中，圖標、字體、主題等偏設計的干貨會更多一些。當然，無論如何，既然是設計圈干貨合集，各類型的資源都不會缺席，不論你是設計師還是開發者，總有幾款適合你。

Flat office vector icons

這是一組包含150款響應式圖標的合集，合集包含EPS、PDF、SVG以及四種不同尺寸的PNG，你可以根據需求進行選擇。
?

50 company line icons

這組線性圖標使用了粗細不同的線條勾勒而成，邊角的處理有的圓潤有的鋒利，雖然每個圖標都不復雜，但是看起來信息量很足。目前這個合集提供的格式是AI。

Colorful icons set

這組圖標數量超過500個，色彩柔和，輪廓是用灰色線勾勒出來的，許多細節還遵循扁平化2.0適當地增添了微妙的光影效果。目前提供了AI、SVG和PNG格式。

Humongous 80k iPhone icons set

這個圖標合集既然敢用“堆積如山”來形容，自然是有原因的——圖標數量多達8萬個。這個合集中的圖標都是遵循iPhone的設計規范來設計，提供了AI和SVG格式文檔，覆蓋20多個行業，成千上萬不同的含義與內容。

Old weathered wood textures

這是一組精心制作的木質紋理合集，總計18款。

Chalkboard Photoshop text effect

這是一組為PS而準備的文本紋理特效，已經被制作成智能對象圖層，可以輕松調用，其中包含兩種色彩，一是文字本身，一是陰影效果。

Cardboard box mockup

這是一個不太一樣的紙箱視覺稿，PSD格式的視覺稿可供編輯，5個面的內容都可以編輯調整，通過調整智能對象的透明度、灰度和紋理來實現不同的效果。

Sketch Apple Watch templates

這是一組比例可調的矢量可編輯的Apple Watch 模板，這套模板中包含了幾乎所有版本的手表和表帶，格式為Sketch。

Dark tri-fold template

這是一個專業的三折頁模板，擁有PSD和AI兩種格式，模板涵蓋的內容和樣式比較豐富。
?

Oh My!

這是一款驚艷的設計工具，其中包含了場景制作工具，視覺稿模板、LOGO生成器、文本特效，并且可以在Photoshop中使用。
?

Wyre

Wyre 是一組包含超過120款網頁布局的模板，主要是用來制作網站地圖的。其中包括AI、EPS和SVG格式三種不同類型的文檔，可以根據需求取用。

Translucid dashboard

這是一款漂亮的控制面板視覺稿，配色柔和細節到位，設計師提供了PSD格式文檔下載。

Neptun

Neptun 是一組包含了六個界面模板的UI視覺稿，模板風格極簡而現代，提供了PSD格式文檔下載。

WatchOS2 UI?design kit

這是為Apple Watch 所設計的UIkit，其中包含了超過1000種不同的元素和超過186屏界面，并歸類到了18個不同的目錄中。

Avital

Avital 是一款時尚的UIkit，主要針對使用iOS8設備，其中包含的界面涵蓋了7個不同類別，包含21個不同的界面。為了迎合主流需求，設計師給出了Sketch和PSD兩種格式。

Retina-ready iOS9 UI Kit

這是一款相當完整的retina iOS9 UIkit，其中超過300個UI元素被制作成矢量素材，這套UIKit 是AI格式的。

Exodus

Exodus 是一款漂亮的大寫字體，其中包括6種不同粗細。

Sweet Sorrow

Sweet Sorrow 是一款老派復古的英文字體，展示性很強，充滿了上世紀50年代的氣質，具有OTF和TTF兩種格式。

Quantum

Quantum 是一款有個性的非襯線體，以簡約的線條和柔和的弧線構成，有三種字重。

Jitzu

Jitzu 是一款非常比較奇特的襯線體字體，有標準和斜體兩種造型、5種字重，對于不同的語言支持也比較完善。
?

Fantastic collection of 50 font pairings

對于網頁和印刷品而言，字體的搭配都是相當重要的。這組合集就是為此而誕生的，50套實用的字體搭配，幫你搞定挑選字體這件麻煩事。無論是設計名片還是設計博客網站，都能從中找到合適的。

Restaurant website PSD template

這是一套擁有專業布局的飯店類PSD網站模板。

Patagonia

Patagonia 是一組精心打造的電商網站Uikit，其中元素設計干凈，配色多彩。

Clemo

Clemo 是一款博客網站模板，提供PSD格式文檔下載。這套模板的設計干凈清爽，內容組織嚴密，并提供類似Pinterest的圖庫。

Gratia

Gratia 是一款餐飲類網站模板，使用的是帶有深色紋理的背景，多彩的食材等視覺元素讓網站看起來鮮艷而漂亮。

Llorix One Lite

這是一個制作用心的Wordpress主題，整體設計清爽而專業。

BlurAdmin

這是一個管理員儀表盤設計面板，微妙的漸變背景和多樣的控件，整飭的結構與交互非常適合使用。
?

Garage

Garage 是一個為汽車銷售而生的Bootstrap 主題模板，功能完善，功能分類清晰。

Spore

Spore 是一款HTML5模板，布局簡約，背景采用的是高清全屏大圖，整個頁面采用的是響應式的布局，過渡平滑。
?

Animated Animals

Animated Animals 中的動物都是使用純粹的CSS和SVG 構建而成，多層布局之下整個場景也相當具有層次感。

WebGL image slider transition

這段使用WebGL技術的JS代碼可以讓圖片切換過程中產生漂亮的顆粒過渡效果。

Responsify

在這不超過250行的代碼中，使用了Jade、SCSS和Babel的代碼，可以讓你測試網站的響應式設計在四種類型的設備中的兼容性。

Responsive column layout

可折疊式的分欄，每個部分都有獨有的標簽以作標記，當你點擊展開的時候，都有對應的扁平風特效作為過渡。

CSS animated puzzle

這是一個拼圖式的動態圖庫，當你鼠標懸停在其上的時候，混亂的拼圖會自動組織調整，組成完整正確的圖像。
?

CSSX

CSSX 是一組工具讓你可以在JS使用CSS代碼，目前可以和Webpack與Gulp 進行良好的聯動。目前并不需要使用新的語法。

DeckHub

DeckHub 是一款桌面端Github客戶端，功能完備。

Cocycles

Cocycles 是一款還處于測試階段的工具，可以幫你根據功能來研究開源低阿媽，目前支持JS，隨后將會支持Java、PHP和Python。

Caddy

Caddy 是一款針對HTML/2的網絡服務，能夠全面管理SSL，支持IPv6，Markdown，WebSockets，FastCGI，模板等等。設計師、博主和開發者都可以用它。

Collection of coders’ games

這個合集是為全世界開發者所準備的游戲和比賽的大合集，不論你是初學者還是資深程序員，總能找到合適的。

Kite

這是一款革命性的工具，可以將你從海量的編程語言學習中解放出來，提升生產力，幫你將最好的代碼、文檔和案例篩選出來，提升探索的效率。

Bootstrap 4 cheat sheet

這是對 Bootstrap 4.0.0-alpha.2 的完整說明。
?

Awesome tools and resources

這里涵蓋了超過100款網頁開發者的工具、資源，從JS庫到前端框架，不一而足。

CodeTasty

CodeTasty 是一個功能強大的開發環境，能夠實現云托管。
?

Jam API

Jam API 能幫助你將任何一個網站轉化為使用CSS選擇器、JSON可訪問的API。
?

Turntable.js

這是一個響應式的jQuery 的滑塊，它可以承載一系列的圖片，并且使用鼠標滾動實現類似3D那樣的展示效果。
?

360 degrees product viewer

這個使用CSS和jQuery開發的庫可以讓你將產品以3D的形式展現出來。

Sierra

Sierra 是一款輕量級的SCSS庫，壓縮后只有8.9kB，它可以讓你自定義一個簡約風的網站。

Expounder

Expounder 是一款使用JS和CSS編寫的庫，它可以幫你隱藏鏈接后的文字，而這些文字可以幫助用戶檢索相關信息。
?

Timedropper

Timedropper 是一款使用jQuery 制作的精美的時間選擇器，只需要幾行代碼就可以輕松安裝。

【技多不壓身的設計師才有高薪資！】

1. 平面設計：《超贊！設計師完全自學指南》
2. 交互設計：《交互設計師修煉指南！教你從零開始成為優秀交互設計師》
3. UI設計：《超實用新手指南！零基礎如何自學UI設計？》
4. 前端開發：《天貓高手來教你！零基礎如何系統地學習前端開發？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎知識學起來！為設計師量身打造的DPI指南》
8. 交互設計自學路徑圖：《零基礎入門！給非科班生的自學路徑圖之交互設計篇》

原文地址：webdesignerdepot
原文作者：JUAN PABLO SARMIENTO
優設譯文：@陳子木