每個(gè)月的設(shè)計(jì)圈干貨合集都能集合來自世界各地不同設(shè)計(jì)領(lǐng)域的靠譜設(shè)計(jì)資源，多種多樣的類別和前沿實(shí)用是這些資源的特性。

同往常一樣，這次的干貨合集涵蓋了3D文字特效、精心打造的表情符合集、各種各樣的UIKit、漂亮的字體、精致的著陸頁模板、Wordpress 主題、各種實(shí)用的代碼片段與合集、新興的設(shè)計(jì)和編程工具、新鮮出爐的CSS框架等等等等。不論你是程序員還是設(shè)計(jì)師，總會(huì)有一些資源符合你的需求！

Dripicons V2

這是一組驚艷的線性圖標(biāo)合集，其中包含了200個(gè)圖標(biāo)，有SVG、PSD 、網(wǎng)頁字體和Sketch四種格式。

Barista & coffee icon set

這是一組包含50個(gè)線性圖標(biāo)的圖標(biāo)合集，這些圖標(biāo)能夠完美匹配iOS的圖標(biāo)網(wǎng)格。每個(gè)圖標(biāo)文件都有128px和256px兩種規(guī)格和EPS、SVG與PNG三種格式。

?

91k realistic desktop icons bundle

超過 91000 款圖標(biāo)的大合集，橫跨29個(gè)不同的行業(yè)與組織，絕對(duì)的干貨。

Flat transportation icons

一組涵蓋大量交通行業(yè)的矢量圖標(biāo)的合集，包含了SVG、AI和PNG三種格式。

Let’s Build Instagram with Ruby on Rails (book)

這本電子書是教授你如何使用Ruby on Rails 從零開始搭建一個(gè)Instagram。

Chat dashboard PSD

這是一個(gè)帶有清晰分層結(jié)構(gòu)的儀表盤布局PSD，其中包含了聯(lián)系人列表、側(cè)邊欄、聊天等必備的布局控件。

Elegant brand identity PSD & AI

這是一個(gè)餐飲機(jī)構(gòu)的品牌設(shè)計(jì)視覺稿，奇特而簡(jiǎn)約，包含有PSD和AI兩種格式。

Showtime 3D text effect

Showtime 是一款為Photoshop而準(zhǔn)備的字體特效，借助它能創(chuàng)建出漂亮的3D字體排版。

12 free lightroom presets

這是一組12個(gè)不同的Lightroom 預(yù)制效果，從黑白到HDR，品類齊全。

Creative flat emojis

這2100中創(chuàng)意十足的表情符是為移動(dòng)端而設(shè)計(jì)的，被劃分為5個(gè)大類，包含了AI、SVG和PNG等多種格式。

Architect letterhead template

這是一個(gè)專業(yè)而又創(chuàng)意十足的信箋模板，整體使用的扁平化風(fēng)格，主題適合建筑類的機(jī)構(gòu)，內(nèi)含了PSD、AI和ID等多種格式。

Vintage poster mockup

專業(yè)的視覺稿模板，4種不同的效果、清晰的分層結(jié)構(gòu)、高分辨率的圖片占位符、清晰的文件組織結(jié)構(gòu)，一切都幫你省時(shí)省力。

App display screen PSD

漂亮的APP展示用視覺稿PSD，精致的陰影設(shè)計(jì)營(yíng)造出獨(dú)特的3D效果，PSD格式。

Windows 10 Sketch UI kit

這是為Sketch平臺(tái)所準(zhǔn)備的Windows 10 UI Kit，有黑白兩種主題，包含桌面端和移動(dòng)端兩個(gè)平臺(tái)的UI控件。

Helium UI: Colorful Sketch UI kit

Helium UI 是一款炫酷漂亮的UI Kit，色彩絢麗，各種UI控件也齊全，Sketch 平臺(tái)可用。

Android M Sketch GUI kit

這同樣是為Sketch平臺(tái)所準(zhǔn)備的UI Kit，這套UI Kit包含了目前流行的全部Android M 的UI控件。

Mercury: iOS 9.3 Sketch & AI UI kit

這套iOS 9.3 的UIKit 和其他的不太一樣的地方在于，它包含的兩個(gè)格式一個(gè)是Sketch，另一個(gè)是AI。

Bootstrap 4 Illustrator GUI pack

這是一套包含全部BootStrap 4 的UI 控件合集，格式是AI。

Material Design style Bootstrap 3 UI kit

這套為BootStrap 3 所準(zhǔn)備的UIKit 使用的是Material Design 的風(fēng)格，這些控件是用CSS寫的。

Lumberjack font

這套字體包含4種樣式，覆蓋了5種不同的語言，相應(yīng)的數(shù)字、符號(hào)也都包含其中。

Little Wizzy font

Little Wizzy 是一款充滿童話氣息的手寫襯線體。

Toma?font

Toma 是一款現(xiàn)代風(fēng)的非襯線體，字體包含7種不同的字重，支持多種語言，其中Regular 部分是免費(fèi)的。

Zaio?font

Zaio 是一款充滿吸引力的字體，字體的圓角和厚重的字形充滿了親和力，它支持多種語言。

Abyssopelagic?font

Abyssopelagic 是一款風(fēng)格獨(dú)特個(gè)性十足的超細(xì)英文大寫字體。

Renome PSD

Renome 是一款漂亮的餐飲業(yè)網(wǎng)頁模板PSD，包含桌面端和移動(dòng)端的版本，用色漂亮而簡(jiǎn)約。

New Providence?template

這是一款專業(yè)的為APP類的網(wǎng)站所設(shè)計(jì)的著陸頁模板，PSD格式。

tanX?theme

tanX 是一款漂亮的極簡(jiǎn)風(fēng)Wordpress主題，模板使用的是PSD格式，其中包含風(fēng)格高度一致的5種配色不同的主題。
?

YellowMoon PSD landing page

YellowMoon 也是一款足夠?qū)I(yè)的PSD格式著陸頁模板。

Typecore?theme

Typecore 是一款令人驚艷的現(xiàn)代風(fēng)格Wordpress主題，可以用作新聞、雜志和博客類站點(diǎn)，左側(cè)側(cè)邊欄上會(huì)顯示最近回復(fù)和最新發(fā)布的文章。

Slanted?theme

Slanted 是一款設(shè)計(jì)頗為有意思的Wordpress主題，風(fēng)格更偏向博客，整體的配色和樣式非常接近Material Design的設(shè)計(jì)風(fēng)格。

Flexible?landing page

Flexible 是一款現(xiàn)代風(fēng)格的響應(yīng)式著陸頁模板，使用Bootstrap 來搭建，樣式干凈極簡(jiǎn)，還是單頁設(shè)計(jì)。

Visualize?template

Visualize 是一款用來做個(gè)人作品展示的網(wǎng)頁模板，整體的設(shè)計(jì)樣式非常像Pinterest。

Spotify’s artist page snippet

這是一組HTML、CSS和JS的代碼片段，它是著名音樂服務(wù)Spotify 的藝術(shù)家頁面的桌面版。

Tearable Cloth JS snippet

這是一段相當(dāng)驚艷的JS代碼片段，能夠模擬窗簾的飄動(dòng)效果，如果你用右鍵單機(jī)拖動(dòng)還能產(chǎn)生撕裂的效果。

Mix-blend-mode

這是一段用在背景上的圖片色彩疊加效果的代碼。

QLOCKTWO

QLOCKTWO 是使用CSS和JS開發(fā)的時(shí)鐘，它能使用五種不同的語言來告訴你時(shí)間，并且背景色彩還可以選擇。

CSS3-only polaroid effects

這是一段使用純CSS3代碼創(chuàng)建的立得拍效果，當(dāng)鼠標(biāo)懸停在其上的時(shí)候，灰色的相片會(huì)變成彩色。

Pure CSS overlay slider

這是一個(gè)純CSS構(gòu)建的輪播控件，順滑而易用。

MongoDB resources, libraries, tools, and applications list

這個(gè)列表上的資源包括了針對(duì)MongoDB的各種庫、工具和應(yīng)用，并且都被清晰地組織起來分好類，并且借助GitHub更新。

Privacy: in-browser Credit Cards

Privacy 是一款使用的谷歌瀏覽器插件，對(duì)于喜歡網(wǎng)上購(gòu)物的朋友而言，它的安全保護(hù)機(jī)制能確保你的信用卡和銀行卡安全，并且以合理的形式幫你提交信息。

Outline Mail

Outline Mails 是一款直觀的電子郵件框架。

Foundation for Emails 2

Foundation 可以使用CSS和SASS幫你搭建電子郵件系統(tǒng)。

WordPress Development Kit

WPDK是一款兼容Wordpress 的PHP開發(fā)環(huán)境的框架，幫你優(yōu)化WP的核心、提升基本功能和類，使得整個(gè)體系效率更高。

Herbert WordPress plugin framework

Herbert 是一個(gè)標(biāo)準(zhǔn)結(jié)構(gòu)化的框架幫你開發(fā) WordPress 插件。

Superpowers,?open source game making environment

Superpowers 是一個(gè)HTML5 的開發(fā)環(huán)境，可以用來開發(fā)2D和3D的游戲。

Chrome development tools & resources

這是一組針對(duì)谷歌瀏覽器的開發(fā)工具和資源合集，包括知識(shí)學(xué)習(xí)、NodeJS，Debug 協(xié)議、網(wǎng)絡(luò)檢查、多媒體工具和主題開發(fā)。
?

JS-Bits

JS-Bits 是一組獨(dú)特的JS概念解釋大合集。

Administrate

Administrate 是一個(gè)基于Rails 用來創(chuàng)建靈活強(qiáng)大的管理員儀表盤的框架，雖然目前處于 Pre 1.0的階段，但是它的更新非常迅速。

Free web development?courses

如果你對(duì)于知識(shí)有無窮的渴求，那么這組免費(fèi)的網(wǎng)頁開發(fā)課程對(duì)你而言非常實(shí)用。

Transformable hamburger?buttons

這所以組獨(dú)特的CSS漢堡圖標(biāo)，可以轉(zhuǎn)變?yōu)椴煌男螤睢?/p>

Filterizr

Filterizr 是一款酷炫的jQuery 插件，它擁有一個(gè)漂亮的響應(yīng)式圖片庫，你可以對(duì)它進(jìn)行搜索、排序、過濾。

Hocus-Pocus

Hocus-Pocus 是一款Sass框架，靈感來源于 Primer 和 IntuitCSS，它擁有目前最常見的功能和足夠輕量樣式表，這意味著你可以輕松改變每個(gè)控件的外觀，靈活地禁用某個(gè)功能。

Superplaceholder.js

Superplaceholder.js 是一款驚艷的JS庫，通過循環(huán)多重指令加入占位符，它支持AMD和CommonJS。

Stellar

Stellar 是一款LESS庫，允許你直接導(dǎo)入腳手架Web應(yīng)用，節(jié)省了相當(dāng)多的時(shí)間。

Basil.js

Basil.js 集本地存儲(chǔ)、Cookie和Session Storage API于一體，使得前端的存儲(chǔ)管理更加方便，允許完全的本地存儲(chǔ)。

Min

Min 是一款包容性極強(qiáng)的CSS框架，它甚至支持 IE 5.5 ，同時(shí)還支持火狐3、Opera 9甚至Safari 4。

Lavalamp.js

對(duì)于目前所流行的無限滾動(dòng)式交互而言，Lavalamp 是一款不錯(cuò)的替代品，它更加順滑，操作上更加方便。

Attendize

Attendize 是一個(gè)偉大的開源、自托管的售票和事務(wù)管理平臺(tái)，對(duì)于移動(dòng)端極為友好，方便管理，功能完備。

Atrament.js

Atrament.js 是一個(gè)偉大的JS 庫，它可以讓你直接在HTML畫布上手繪和書寫。
?

Circuit.js

Circuit.js 是一個(gè)在瀏覽器中運(yùn)行的電子電路模擬器，最初是由Paul Falstad 作為Java Applet 而寫的。

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

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

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

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(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"是國(guó)內(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ì)微博：擁有粉絲量104萬的人氣微博@優(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