2018年10月設計圈超實用干貨大合集

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

Logo Lab

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

ColorBox

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

New Werner’s Nomenclature of Colours?

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

GraphQLEditor

GraphQLEditor 讓你可以無需代碼創建可視化圖標，它使用 Graphql 的模式來運作，當你創建連接塊的時候，編輯器可以直接將它們轉化為代碼。

Firefox Reality

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

Google Dataset Search

Google Dataset Search 是一個新的測試工具，它幫你在數據集中搜索和查找信息，以下是 Google 對于這個項目的描述：

「數據集搜索讓用戶能夠將 Web 成千上萬存儲庫的數據集變得可用、有用且便于訪問。我們讓用戶在單個界面當中，實現跨存儲庫的直接搜索，借此徹底改變數據的呈現、傳輸和獲取的方式。我們認為，這個項目還能帶來額外的好處：創建數據共享的生態系統，鼓勵數據發布者遵循數據存儲和發布的最佳實踐；通過更加科學的方式來讓科學家了解數據集對于他們工作的影響。」

Zipsell

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

GraphJS

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

Landing Pages

Davide Pacilio 為初創公司創建了四種不同的著陸頁模板，可以免費下載。每個模板都有著相當靈活的布局，便于實現各種不同網頁功能。

Gitbird

將這個工具添加到你的項目的Git 當中，就能夠幫你在更新項目之后，自動發布推文，幫你推廣。設置好了之后，當你完成更新之后，系統會自動運行。

Accurately Measuring Layout on the Web

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

The Font Loading Checklist

The?Font Loading Checklist 是一個來自設計師 Zach Leatherman 所制作的檢查清單，其中涵蓋了關于字體加載的全部重要的知識點，以及一份完善的策略和四步執行清單。

Slang

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

Design+Code 3

Design+Code 3 包含了超過60個小時的培訓視頻供你下載，用來幫助你學習 React 和 Swift 。付費版當中還包括更全面的內容，包括設計和開發。

Scriptgun

Scriptgun 是一個幫你節省編寫代碼的工具。它使用通用代碼，幫你快速啟動設計。它是一個完全集成 Angular 的項目，還包括100%的數據庫配置。

DBDiagram

DBDiagram 是一個快速而簡單的工具，幫你使用 DSL 語言來繪制數據庫關系圖和流程。

Realtime Board Mind Map

Realtime Board Mind Map 是一個團隊工具，可以幫你構建想法，進行頭腦風暴會議。它能夠幫你映射任務，記錄想法，構建用戶故事地圖，路線圖或者用戶歷程地圖。

500 Error

500 Error 是一個眼花繚亂的動畫效果頁面，你的報錯頁面可以借用它來實現。確實很酷。

Trendy Palettes

Trendy Palettes 是一個精心制作的配色合集，可以用于各種不同的項目。

Baseline Icons

Baseline Icons 是一組包含75個免費圖標，一致的外觀，簡單的元素，可以用于個人和商業項目。

Autumn Kawaii Icon Set

Autumn Kawaii Icon Set 是一組免費圖標合集，每個圖標都是可編輯的、可隨意縮放的，你可以將這些圖標調整成為你所偏好的樣式。

Color Leap

Color Leap 是一款新型的配色生成器。你可以查看不同時期的歷史節點配色，幫你快速獲取靈感。

Azonix

Azonix 是一款風格現代的無襯線字符集，它的設計靈感來自于科幻和未來風格電影。

Rolleston

Rolleston 是一個適用范圍足夠廣的字體家族，具有強烈的性格和引人矚目的襯線細節。這種字體最引人矚目的，是它的連體字字符的設計。

Sometype Mono

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