時光匆匆，轉眼2016年就要過半了，而現在我們要奉上的是6月份的設計圈干貨大合集。這個月的合集中，幾乎所有的資源素材都是免費的了，從應用程序要博客主題，從CSS框架到配色方案，從生產力工具到JS庫，從移動端開發工具到圖形編輯工具，免費字體和免費圖標，所有的這一切都不會讓你失望！
?

Proud

Proud 是一款時間管理類應用，它為工作生活忙碌的人而準備，幫你專注于真正重要的事情。目前這款應用開發了iOS和Mac兩大平臺的版本。
?

Perma

Perma 是一款生產力工具，可以個人用，也適宜于團隊協作，從組織規劃，到協作和討論，它都可以輕松應付。

Picnic CSS

Picnic CSS 能夠對你的原生HTML元素進行加速，確保你的表現類不會同HTML代碼混淆。它的模塊化程度很高，便于修改和測試。
?

Mega Boilerplate

Mega Boilerplate 是一組精心挑選的項目，為了保證易用性它們都經過了簡單的優化。它們可以同Node.js、靜態HTML5站點等進行聯動。
?

Real Time Users

Real Time Users 可以在一分鐘內為你的網站加入一個實時用戶計數器，你還可以簡單設置一下它的樣式風格。

Bench

對與團隊協作而言，Bench 絕對是贊到爆的工具。所有參與團隊討論的用戶將會從Bench 獲得一個加密鏈接加入會議。Bench 目前提供免費和付費兩個版本。
?

Smock

Smock 可以幫你制作視覺稿，并且在移動端設備生生成預覽網頁。
?

Adobe Spark

Adobe Spark 可以輕松地將你的想法轉化為社交圖形，在線故事和動畫視頻，僅僅只需幾分鐘。
?

Color Schemr

Color Schemr 是一款配色生成工具，可以幫你生成配色方案，適配透明度，并且通過簡單的模板幫你預覽配色的效果。
?

Colicious

Colicious 是一款用來探索和發現色彩的應用，你只需要點擊空格鍵或者點擊屏幕就可以獲得一種新的色彩。
?

Illustrio

Illustrio 是一個為非設計師所生的定制化的圖片庫。

Pills

Pills 是一款小型、響應式的CSS柵格習題，它是移動端優先，并且采用了HTML5 模板，所有現代瀏覽器都可以很好的兼容。
?

React D3 Library

這個 React D3 庫讓開發者可以在React 中使用D3，它靈活易用，并且可以同模板一起聯用。
?

Nicely Done

Nicely Done 是一個能獲取靈感的數字設計圖庫。

Elementor

Elementor 是一個Wordpress 頁面生成器，通過托拽就可以搞定一切。它會將你的整個設計推到一個新的高度。
?

Kickresume

Kickresume 可以幫你在短短的幾分鐘內創建一個優秀的簡歷和求職信。
?

New VSCO

新版的 VSCO 采用的全新的設計，在編輯和發布的體驗上更加無縫順滑了。
?

Hillo

如果你用過Trello，那么你也應該試試Hillo。它可以幫你更加方便的跟蹤Trello 中的活動。
?

Holmes

Holmes 可以更加快速便捷的在頁面內搜索，搜索結果會隨著你的輸入實時改變。
?

Proppy

Proppy 可以幫你快速生成漂亮、可交互的提案，這可以幫你保持較高的組織性，便于同他人進行合作。

Cucumbertown

Cucumbertown 是一個免費的美食類的博客平臺，可以讓你通過簡單的工具與食材烹飪出充滿創造力的美食。
?

Dopamine

Dopamine 通過更強健的API 幫你提升用戶的參與度和忠誠度，僅需幾分鐘的部署，就可以省去很多事情。

Messaging Design Kit

如果你想要創建功能豐富細節美觀而且體驗優異的信息溝通界面，Messaging Design Kit 可以幫你搞定這一切。
?

TypeNetwork

TypeNetwork 是一個為字體設計師所開發的新模塊，在字體設計、開發、授權和使用方便都非常便捷。
?

Family.scss

Family.scss 是一組智能的 Sass 混入組件，幫你管理樣式。
?

Cutestrap

Cutestrap 是一款時髦的CSS框架，是一款小巧的 BootStrap 替代方案。
?

Discover.typography

Discover.typography 是一組字體設計靈感合集，來自于供職于 H&Co 的設計師。
?

PixelSquid

PixelSquid 是一個強大的圖片庫，它可以將3D設計引入你的設計流程。你可以在這里下載分層的PSD或者半透明的PNG甚至Photoshop 插件。
?

Checkbox.css

Checkbox.css 是一個給復選框設計的CSS3動效。
?

CreateBrief.com

CreateBrief.com 是一個簡單易用的問卷模板生成器，只需要簡單回答幾個問題就可以創建模板，無需注冊。

Butler

Butler 是一個可讀性極強的非襯線體。

Star Full Inline

這個Star Full Inline 這個字體當中 Bold 這個字重的字體是免費的，另外7種是收費的。
?

Shelby Inline

Shelby Inline 是一個路線復古且擁有圓潤邊角的字體。
?

Black Mask

Black Mask 是一款靈感來自酒標的大寫展示型字體，適合用于新聞出版行業。

Bernier

Bernier 是一款免費的字體，字體擁有三種不同的樣式。
?

Bravery

Bravery 是一款裝飾意味非常濃厚的免費藝術字體。
?

Haze

Haze 是一款非常有質感的免費筆刷字體。
?

Magnitude

Magnitude 是一款展示性非常強、充滿未來感的非襯線體。

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

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

原文地址：webdesignerdepot
原文作者：CAMERON CHAPMAN
優設譯文：@陳子木

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

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

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量160萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com