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

Flat office vector icons

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

50 company line icons

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

Colorful icons set

這組圖標(biāo)數(shù)量超過500個，色彩柔和，輪廓是用灰色線勾勒出來的，許多細節(jié)還遵循扁平化2.0適當(dāng)?shù)卦鎏砹宋⒚畹墓庥靶Ч?。目前提供了AI、SVG和PNG格式。

Humongous 80k iPhone icons set

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

Old weathered wood textures

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

Chalkboard Photoshop text effect

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

Cardboard box mockup

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

Sketch Apple Watch templates

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

Dark tri-fold template

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

Oh My!

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

Wyre

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

Translucid dashboard

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

Neptun

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

WatchOS2 UI?design kit

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

Avital

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

Retina-ready iOS9 UI Kit

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

Exodus

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

Sweet Sorrow

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

Quantum

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

Jitzu

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

Fantastic collection of 50 font pairings

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

Restaurant website PSD template

這是一套擁有專業(yè)布局的飯店類PSD網(wǎng)站模板。

Patagonia

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

Clemo

Clemo 是一款博客網(wǎng)站模板，提供PSD格式文檔下載。這套模板的設(shè)計干凈清爽，內(nèi)容組織嚴(yán)密，并提供類似Pinterest的圖庫。

Gratia

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

Llorix One Lite

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

BlurAdmin

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

Garage

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

Spore

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

Animated Animals

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

WebGL image slider transition

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

Responsify

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

Responsive column layout

可折疊式的分欄，每個部分都有獨有的標(biāo)簽以作標(biāo)記，當(dāng)你點擊展開的時候，都有對應(yīng)的扁平風(fēng)特效作為過渡。

CSS animated puzzle

這是一個拼圖式的動態(tài)圖庫，當(dāng)你鼠標(biāo)懸停在其上的時候，混亂的拼圖會自動組織調(diào)整，組成完整正確的圖像。
?

CSSX

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

DeckHub

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

Cocycles

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

Caddy

Caddy 是一款針對HTML/2的網(wǎng)絡(luò)服務(wù)，能夠全面管理SSL，支持IPv6，Markdown，WebSockets，F(xiàn)astCGI，模板等等。設(shè)計師、博主和開發(fā)者都可以用它。

Collection of coders’ games

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

Kite

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

Bootstrap 4 cheat sheet

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

Awesome tools and resources

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

CodeTasty

CodeTasty 是一個功能強大的開發(fā)環(huán)境，能夠?qū)崿F(xiàn)云托管。
?

Jam API

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

Turntable.js

這是一個響應(yīng)式的jQuery 的滑塊，它可以承載一系列的圖片，并且使用鼠標(biāo)滾動實現(xiàn)類似3D那樣的展示效果。
?

360 degrees product viewer

這個使用CSS和jQuery開發(fā)的庫可以讓你將產(chǎn)品以3D的形式展現(xiàn)出來。

Sierra

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

Expounder

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

Timedropper

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

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

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

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