每個月的設(shè)計圈干貨大合集都是素材云集，這個月也是一樣。新的網(wǎng)站搭建工具，不一樣的CMS系統(tǒng)，從未見過的CSS框架，流行的配色工具，各路生產(chǎn)力工具，新鮮出爐的圖標(biāo)，還有永遠(yuǎn)不會缺席的字體，一次讓你看個夠。

同樣的，不論你是設(shè)計師還是開發(fā)者，合集中的素材是不會讓你失望的，總會有幾款你能正好用上。
?

StringBean

StringBean 是一款輕量級CSS框架，僅有4k大，但是其中包含的24點柵格系統(tǒng)比起傳統(tǒng)的12點柵格系統(tǒng)更加靈活。

Gutenberg

Gutenberg 是一款入門級別的網(wǎng)站排版工具，靈活而易用。
?

Frend

Frend 是一一組現(xiàn)代前端組件合集，溫和而無依賴性。

RichCSS

RichCSS 是一款干凈、面向?qū)ο笄铱蓮?fù)用的CSS框架。

Microsoft Bot Framework

微軟的機器人框架可以幫你構(gòu)建和連智能機器人，無論你的機器人在哪里都可以讓用戶與之進(jìn)行互動。
?

Min

Min 是一款“更智能”的網(wǎng)絡(luò)瀏覽器，他使用DuckDuckGo作為搜索引擎，并且集成了計算器等其他的功能。你可有使在Fuzzy搜索和輸入推薦系統(tǒng)的幫助下，搜索并跳轉(zhuǎn)到幾乎所有網(wǎng)站。

Runner

Runner 可以幫你提速Sketch工作流程。它直觀的交互界面可以極大的改變你每天的工作流程。

Flexbox Patterns

Flexbox Patterns 是一組基于Flexbox 的用戶界面模式的合集，包含了案例和對應(yīng)的代碼。

Email Toolbox

Email Toolbox 是一組為設(shè)計師和營銷人員而精心挑選的電子郵件設(shè)計、案例、學(xué)習(xí)、使用的資源合集。

Material Color

Material Color 是一款Material Design 的配色工具，并且可以生成代碼、哈希值和RGB值。

Microsoft Flow

Microsoft Flow 是微軟版的IFTT，它可以將你最喜歡的應(yīng)用和服務(wù)連接到一起形成自然的工作流，并提供提醒、數(shù)據(jù)搜集等多種功能。

Bookmark

Bookmark 是一個網(wǎng)站搭建工具，通過托拽來定制界面，簡單易用，也靈活可靠。

MJML App

MJML App 可以同MJML的桌面端聯(lián)動，導(dǎo)入、管理模板、渲染還可以編輯電子郵件。
?

Simplified JavaScript Jargon

Simplified JavaScript Jargon 是一款來自于社區(qū)的流行詞匯表。

UTM Builder

如果你需要為你的連接增加UTM標(biāo)簽，那么使用 UTM Builder 來創(chuàng)建會更加方便。
?

Create

Create 是一個強大的移動端創(chuàng)意和圖形設(shè)計應(yīng)用，使用圖形、圖標(biāo)、字體、線條和圖片來創(chuàng)建設(shè)計作品。

Stashes.io

Stashes.io 可以幫你構(gòu)建可供分享的資源合集。

Showbox

Showbox 可以幫你在瀏覽器中創(chuàng)建工作室級別的高素質(zhì)視頻。

Sympli

Sympli 是一個同Xcode、Android Studio 、Sketch 和Photoshop 聯(lián)動的協(xié)作平臺。

Fontea

Fontea 可以幫你在Photoshop中直接調(diào)用涵蓋700多款在字體的Google Fonts。
?

Maki

Maki 是一款為地圖設(shè)計師所設(shè)計的圖標(biāo)合集，其中包含了114種不同的圖標(biāo)，類型包括公園、博物館、宗教場所等等。
?

FourZeroFour

FourZeroFour 是一個囊括了許多漂亮的404設(shè)計作品的圖庫。

Smartmockups

Smartmockups 是一個免費的產(chǎn)品視覺稿合集。

Carrd

Carrd 可以讓你簡單便捷地設(shè)計單頁網(wǎng)站。

Logo Foundry

LOGO Foundry 是一個用來制作LOGO的手機應(yīng)用。

Flexbox Grid

Flexbox Grid 是一款基于Flex顯示屬性的響應(yīng)式柵格系統(tǒng)。

Fwrdto.me

Fwrdto.me 是一款輕量級的書簽工具，可以讓你將網(wǎng)頁一鍵發(fā)送到你的郵箱。

Pitch Card

Pitch Card 是一款社交類的工具，可以讓你將想法濃縮到200個字符以內(nèi)，并且更輕松地獲得反饋。
?

Sherbit

Sherbit 可以幫你分析和理解APP和設(shè)備所搜集的關(guān)于你自己的數(shù)據(jù)，生成視覺化的分析報告，讓你更深層地洞悉自己。

Pagekit

Pagekit 是一款現(xiàn)代的開源內(nèi)容管理系統(tǒng)，模塊化，靈活，界面簡約。

Worona

Worona 可以方便地將你的Wordpress 網(wǎng)站轉(zhuǎn)化為iOS或者Android平臺的應(yīng)用。

Homizio Nova

Homizio Nova 是一款免費的無襯線字體。

Sweet Sorrow

Sweet Sorrow 是一款復(fù)古的手寫字體，非常適合用來做標(biāo)識、印刷品等展示類的場合。
?

Ludicrous

Ludicrous 是一款免費的手寫字體。
?

Goldin

Goldin 是一款邊角圓潤的非襯線體，可作為品牌推廣和展示之用。

South Rose

South Rose 是一款漂亮的展示用字體，靈感來源于巴黎圣母院的南方玫瑰窗。

Wadon

Wadon 是一款充滿復(fù)古氣息的現(xiàn)代風(fēng)格字體。
?

Asteroid

Asteroid 是一款時髦的幾何字體，看起來非常的科幻。
?

Nighttime & After Midnight

Nighttime & After Midnight 是一款免費的字體，邊角圓潤，看起來整齊而適合展示。

【技多不壓身的設(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
原文作者：Cameron Chapman
優(yōu)設(shè)譯文：@陳子木