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 是一款适用于编程页面和表单文本的字体，比起传统的等宽字体视觉效果更好，感知上更加流畅。