這個(gè)月的設(shè)計(jì)圈干貨大合集有一個(gè)非常集中的主題：色彩。這次的素材合集當(dāng)中，包括了大量有趣有用的配色的資源和工具。當(dāng)然，諸如字體、圖標(biāo)和各種新鮮好玩的工具同樣不會(huì)缺席。

Logo Lab

Logo Lab 是一款新鮮出爐的工具，它可以幫你衡量LOGO的設(shè)計(jì)是否合理，只需要上傳你的 LOGO ，它就能通過可視化的方法，來幫你測(cè)試它的縮放效果，輪廓和平衡等諸多關(guān)鍵性因素。Logo Lab 會(huì)提供 10個(gè)系統(tǒng)性的測(cè)試，包括色盲模擬器和可伸縮性測(cè)試。你只需要上傳 PNG 或者 SVG 格式的LOGO就行。

ColorBox

ColorBox 是一款來自 Lyft Design 的工具，它可以幫你創(chuàng)建超級(jí)漂亮的配色組合，之后無論是應(yīng)用、收藏還是分享都非常方便。ColorBox 內(nèi)置大量的配色選項(xiàng)，可以輕松創(chuàng)建各種配色板和色彩組合，無論是普通的配色還是漸變色都行。

New Werner’s Nomenclature of Colours?

Nicholas Rougeux 將1821年的色彩指南整個(gè)翻新了，按照更加現(xiàn)代的方式來命名和呈現(xiàn)，讓數(shù)字時(shí)代的我們更便捷地使用。

GraphQLEditor

GraphQLEditor 讓你可以無需代碼創(chuàng)建可視化圖標(biāo)，它使用 Graphql 的模式來運(yùn)作，當(dāng)你創(chuàng)建連接塊的時(shí)候，編輯器可以直接將它們轉(zhuǎn)化為代碼。

Firefox Reality

Firefox Reality 是一個(gè)虛擬現(xiàn)實(shí)瀏覽器，Mozilla 說它是「專門用來解決 VR 中瀏覽器面臨的所有的新機(jī)遇和挑戰(zhàn)」。它目前已經(jīng)支持 Vivepot、Oculus Go 以及 Google Daydream 等主流VR設(shè)備。

Google Dataset Search

Google Dataset Search 是一個(gè)新的測(cè)試工具，它幫你在數(shù)據(jù)集中搜索和查找信息，以下是 Google 對(duì)于這個(gè)項(xiàng)目的描述：

「數(shù)據(jù)集搜索讓用戶能夠?qū)?Web 成千上萬存儲(chǔ)庫的數(shù)據(jù)集變得可用、有用且便于訪問。我們讓用戶在單個(gè)界面當(dāng)中，實(shí)現(xiàn)跨存儲(chǔ)庫的直接搜索，借此徹底改變數(shù)據(jù)的呈現(xiàn)、傳輸和獲取的方式。我們認(rèn)為，這個(gè)項(xiàng)目還能帶來額外的好處：創(chuàng)建數(shù)據(jù)共享的生態(tài)系統(tǒng)，鼓勵(lì)數(shù)據(jù)發(fā)布者遵循數(shù)據(jù)存儲(chǔ)和發(fā)布的最佳實(shí)踐；通過更加科學(xué)的方式來讓科學(xué)家了解數(shù)據(jù)集對(duì)于他們工作的影響。」

Zipsell

Zipsell 是一個(gè)開源的自托管平臺(tái)，用來提供數(shù)字下載服務(wù)。在這里你可以建立自己的商店，添加了產(chǎn)品之后，用戶就可以訪問你的商店購買產(chǎn)品，使用 Stripe 付款，并且能夠基于你的品牌進(jìn)行定制。

GraphJS

GraphJS 是一個(gè)開源的「貼紙」合集，讓你可以在任何網(wǎng)頁上實(shí)現(xiàn)社交功能。無論是身份驗(yàn)證、論壇、個(gè)人資料頁還是群組管理、私信、評(píng)論都可以用到它。它是完全開源的。

Landing Pages

Davide Pacilio 為初創(chuàng)公司創(chuàng)建了四種不同的著陸頁模板，可以免費(fèi)下載。每個(gè)模板都有著相當(dāng)靈活的布局，便于實(shí)現(xiàn)各種不同網(wǎng)頁功能。

Gitbird

將這個(gè)工具添加到你的項(xiàng)目的Git 當(dāng)中，就能夠幫你在更新項(xiàng)目之后，自動(dòng)發(fā)布推文，幫你推廣。設(shè)置好了之后，當(dāng)你完成更新之后，系統(tǒng)會(huì)自動(dòng)運(yùn)行。

Accurately Measuring Layout on the Web

關(guān)于瀏覽器渲染通告和網(wǎng)頁加速，你想不想了解更多？開發(fā)者 Nolan Lawson 撰寫了這篇文章以更加清晰易懂的語言，幫你解釋了這些功能都是怎么運(yùn)作的，幫你更好地做 Web開發(fā)。

The Font Loading Checklist

The?Font Loading Checklist 是一個(gè)來自設(shè)計(jì)師 Zach Leatherman 所制作的檢查清單，其中涵蓋了關(guān)于字體加載的全部重要的知識(shí)點(diǎn)，以及一份完善的策略和四步執(zhí)行清單。

Slang

Slang 是一個(gè)基于 JavaScript 的音頻編程語言，整個(gè)編程環(huán)境就是瀏覽器。它的運(yùn)作原理并不復(fù)雜，借助Ohm.js 的自定義語法來解析，使用 CodeMirror 的編輯器來管理語法定義，運(yùn)行的則是借由 Web Audio API 和 JS 在瀏覽器中實(shí)現(xiàn)。

Design+Code 3

Design+Code 3 包含了超過60個(gè)小時(shí)的培訓(xùn)視頻供你下載，用來幫助你學(xué)習(xí) React 和 Swift 。付費(fèi)版當(dāng)中還包括更全面的內(nèi)容，包括設(shè)計(jì)和開發(fā)。

Scriptgun

Scriptgun 是一個(gè)幫你節(jié)省編寫代碼的工具。它使用通用代碼，幫你快速啟動(dòng)設(shè)計(jì)。它是一個(gè)完全集成 Angular 的項(xiàng)目，還包括100%的數(shù)據(jù)庫配置。

DBDiagram

DBDiagram 是一個(gè)快速而簡(jiǎn)單的工具，幫你使用 DSL 語言來繪制數(shù)據(jù)庫關(guān)系圖和流程。

Realtime Board Mind Map

Realtime Board Mind Map 是一個(gè)團(tuán)隊(duì)工具，可以幫你構(gòu)建想法，進(jìn)行頭腦風(fēng)暴會(huì)議。它能夠幫你映射任務(wù)，記錄想法，構(gòu)建用戶故事地圖，路線圖或者用戶歷程地圖。

500 Error

500 Error 是一個(gè)眼花繚亂的動(dòng)畫效果頁面，你的報(bào)錯(cuò)頁面可以借用它來實(shí)現(xiàn)。確實(shí)很酷。

Trendy Palettes

Trendy Palettes 是一個(gè)精心制作的配色合集，可以用于各種不同的項(xiàng)目。

Baseline Icons

Baseline Icons 是一組包含75個(gè)免費(fèi)圖標(biāo)，一致的外觀，簡(jiǎn)單的元素，可以用于個(gè)人和商業(yè)項(xiàng)目。

Autumn Kawaii Icon Set

Autumn Kawaii Icon Set 是一組免費(fèi)圖標(biāo)合集，每個(gè)圖標(biāo)都是可編輯的、可隨意縮放的，你可以將這些圖標(biāo)調(diào)整成為你所偏好的樣式。

Color Leap

Color Leap 是一款新型的配色生成器。你可以查看不同時(shí)期的歷史節(jié)點(diǎn)配色，幫你快速獲取靈感。

Azonix

Azonix 是一款風(fēng)格現(xiàn)代的無襯線字符集，它的設(shè)計(jì)靈感來自于科幻和未來風(fēng)格電影。

Rolleston

Rolleston 是一個(gè)適用范圍足夠廣的字體家族，具有強(qiáng)烈的性格和引人矚目的襯線細(xì)節(jié)。這種字體最引人矚目的，是它的連體字字符的設(shè)計(jì)。

Sometype Mono

Sometype Mono 是一款適用于編程頁面和表單文本的字體，比起傳統(tǒng)的等寬字體視覺效果更好，感知上更加流暢。