時(shí)光匆匆，轉(zhuǎn)眼2016年就要過(guò)半了，而現(xiàn)在我們要奉上的是6月份的設(shè)計(jì)圈干貨大合集。這個(gè)月的合集中，幾乎所有的資源素材都是免費(fèi)的了，從應(yīng)用程序要博客主題，從CSS框架到配色方案，從生產(chǎn)力工具到JS庫(kù)，從移動(dòng)端開(kāi)發(fā)工具到圖形編輯工具，免費(fèi)字體和免費(fèi)圖標(biāo)，所有的這一切都不會(huì)讓你失望！
?

Proud

Proud 是一款時(shí)間管理類(lèi)應(yīng)用，它為工作生活忙碌的人而準(zhǔn)備，幫你專(zhuān)注于真正重要的事情。目前這款應(yīng)用開(kāi)發(fā)了iOS和Mac兩大平臺(tái)的版本。
?

Perma

Perma 是一款生產(chǎn)力工具，可以個(gè)人用，也適宜于團(tuán)隊(duì)協(xié)作，從組織規(guī)劃，到協(xié)作和討論，它都可以輕松應(yīng)付。

Picnic CSS

Picnic CSS 能夠?qū)δ愕脑鶫TML元素進(jìn)行加速，確保你的表現(xiàn)類(lèi)不會(huì)同HTML代碼混淆。它的模塊化程度很高，便于修改和測(cè)試。
?

Mega Boilerplate

Mega Boilerplate 是一組精心挑選的項(xiàng)目，為了保證易用性它們都經(jīng)過(guò)了簡(jiǎn)單的優(yōu)化。它們可以同Node.js、靜態(tài)HTML5站點(diǎn)等進(jìn)行聯(lián)動(dòng)。
?

Real Time Users

Real Time Users 可以在一分鐘內(nèi)為你的網(wǎng)站加入一個(gè)實(shí)時(shí)用戶計(jì)數(shù)器，你還可以簡(jiǎn)單設(shè)置一下它的樣式風(fēng)格。

Bench

對(duì)與團(tuán)隊(duì)協(xié)作而言，Bench 絕對(duì)是贊到爆的工具。所有參與團(tuán)隊(duì)討論的用戶將會(huì)從Bench 獲得一個(gè)加密鏈接加入會(huì)議。Bench 目前提供免費(fèi)和付費(fèi)兩個(gè)版本。
?

Smock

Smock 可以幫你制作視覺(jué)稿，并且在移動(dòng)端設(shè)備生生成預(yù)覽網(wǎng)頁(yè)。
?

Adobe Spark

Adobe Spark 可以輕松地將你的想法轉(zhuǎn)化為社交圖形，在線故事和動(dòng)畫(huà)視頻，僅僅只需幾分鐘。
?

Color Schemr

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

Colicious

Colicious 是一款用來(lái)探索和發(fā)現(xiàn)色彩的應(yīng)用，你只需要點(diǎn)擊空格鍵或者點(diǎn)擊屏幕就可以獲得一種新的色彩。
?

Illustrio

Illustrio 是一個(gè)為非設(shè)計(jì)師所生的定制化的圖片庫(kù)。

Pills

Pills 是一款小型、響應(yīng)式的CSS柵格習(xí)題，它是移動(dòng)端優(yōu)先，并且采用了HTML5 模板，所有現(xiàn)代瀏覽器都可以很好的兼容。
?

React D3 Library

這個(gè) React D3 庫(kù)讓開(kāi)發(fā)者可以在React 中使用D3，它靈活易用，并且可以同模板一起聯(lián)用。
?

Nicely Done

Nicely Done 是一個(gè)能獲取靈感的數(shù)字設(shè)計(jì)圖庫(kù)。

Elementor

Elementor 是一個(gè)Wordpress 頁(yè)面生成器，通過(guò)托拽就可以搞定一切。它會(huì)將你的整個(gè)設(shè)計(jì)推到一個(gè)新的高度。
?

Kickresume

Kickresume 可以幫你在短短的幾分鐘內(nèi)創(chuàng)建一個(gè)優(yōu)秀的簡(jiǎn)歷和求職信。
?

New VSCO

新版的 VSCO 采用的全新的設(shè)計(jì)，在編輯和發(fā)布的體驗(yàn)上更加無(wú)縫順滑了。
?

Hillo

如果你用過(guò)Trello，那么你也應(yīng)該試試Hillo。它可以幫你更加方便的跟蹤Trello 中的活動(dòng)。
?

Holmes

Holmes 可以更加快速便捷的在頁(yè)面內(nèi)搜索，搜索結(jié)果會(huì)隨著你的輸入實(shí)時(shí)改變。
?

Proppy

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

Cucumbertown

Cucumbertown 是一個(gè)免費(fèi)的美食類(lèi)的博客平臺(tái)，可以讓你通過(guò)簡(jiǎn)單的工具與食材烹飪出充滿創(chuàng)造力的美食。
?

Dopamine

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

Messaging Design Kit

如果你想要?jiǎng)?chuàng)建功能豐富細(xì)節(jié)美觀而且體驗(yàn)優(yōu)異的信息溝通界面，Messaging Design Kit 可以幫你搞定這一切。
?

TypeNetwork

TypeNetwork 是一個(gè)為字體設(shè)計(jì)師所開(kāi)發(fā)的新模塊，在字體設(shè)計(jì)、開(kāi)發(fā)、授權(quán)和使用方便都非常便捷。
?

Family.scss

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

Cutestrap

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

Discover.typography

Discover.typography 是一組字體設(shè)計(jì)靈感合集，來(lái)自于供職于 H&Co 的設(shè)計(jì)師。
?

PixelSquid

PixelSquid 是一個(gè)強(qiáng)大的圖片庫(kù)，它可以將3D設(shè)計(jì)引入你的設(shè)計(jì)流程。你可以在這里下載分層的PSD或者半透明的PNG甚至Photoshop 插件。
?

Checkbox.css

Checkbox.css 是一個(gè)給復(fù)選框設(shè)計(jì)的CSS3動(dòng)效。
?

CreateBrief.com

CreateBrief.com 是一個(gè)簡(jiǎn)單易用的問(wèn)卷模板生成器，只需要簡(jiǎn)單回答幾個(gè)問(wèn)題就可以創(chuàng)建模板，無(wú)需注冊(cè)。

Butler

Butler 是一個(gè)可讀性極強(qiáng)的非襯線體。

Star Full Inline

這個(gè)Star Full Inline 這個(gè)字體當(dāng)中 Bold 這個(gè)字重的字體是免費(fèi)的，另外7種是收費(fèi)的。
?

Shelby Inline

Shelby Inline 是一個(gè)路線復(fù)古且擁有圓潤(rùn)邊角的字體。
?

Black Mask

Black Mask 是一款靈感來(lái)自酒標(biāo)的大寫(xiě)展示型字體，適合用于新聞出版行業(yè)。

Bernier

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

Bravery

Bravery 是一款裝飾意味非常濃厚的免費(fèi)藝術(shù)字體。
?

Haze

Haze 是一款非常有質(zhì)感的免費(fèi)筆刷字體。
?

Magnitude

Magnitude 是一款展示性非常強(qiáng)、充滿未來(lái)感的非襯線體。

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

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

原文地址：webdesignerdepot
原文作者：CAMERON CHAPMAN
優(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)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量160萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com