完全在 Sketch 中创建和自定义您的 Google Material Design 主题

上周，谷歌在加利福尼亚州山景城的 Shoreline Amphitheatre 举办了 I/O 2018 大会，并在一系列激动人心的公告中，公布了他们对 Material Design 未来的愿景。

早在 2014 年 Material Design 推出时，谷歌就彻底改变了他们的软件设计方法，这使得设计师们重新构想用户应该如何与他们的应用程序互动。该系统运行良好并被大规模采用，但是，虽然可用性得到了提高，但 Material Design 具有局限性，许多 Material 应用程序看起来相似，并且未能反映它们所设计的品牌或产品。这就引出了一个问题——如何构建一个设计系统，该系统既提供控制和一致性，又足够灵活，可以被各种不同的品牌和具有截然不同个性的设计师使用？

谷歌希望通过最新迭代的设计系统来回答这个问题。 Material Design 的下一阶段扩展了他们现有的基础，通过提供新的工具和指南来授权那些希望调整 Material Design 以适应他们自己的品牌、设计语言和风格的设计师——在保持 Material Design 闻名的卓越可用性标准的同时，允许更大的灵活性。

对于我们在 Sketch 来说，最令人兴奋的部分是，有了新的 Material Theme Editor，这是一款 Sketch 独家插件，它让你在几秒钟内为你的 Material 应用程序创建一个设计系统，并对其进行主题化以匹配你现有的品牌，现在比以往任何时候都更容易为 Material 进行设计。 Theme Editor 是一款非常强大的工具，它允许你创建你自己的品牌 Sketch 中的符号库，完全控制全局样式，例如 颜色、形状和 排版。

“我们喜欢将其称为无限的可能性，但带有护栏。”

你可以在这里查看 Rachel Been 关于 Material Theme Editor 的主题演讲，或继续阅读以了解有关 Sketch 中 Material 插件的无限可能性的更多信息。

控制您的颜色

Sketch 的 Material Theme Editor 可以非常轻松地将颜色主题应用到您的整个设计系统中，通过选择主要、次要、背景、文本和图标色调，让您自动将颜色应用到组件。

您可以从 Material 调色板中选择颜色，仅从一种颜色生成 10 种颜色值的色调调色板，甚至可以检查颜色对比度以确保您的设计符合辅助功能标准。

同步您的形状

选择您的形状和圆角半径，在弯曲或切割的角之间进行选择，并尝试不对称样式来定义组件的基本形状。然后观察这些样式传播到您库中的所有符号，立即生效。

创新图标

Material 插件包括一键访问 Material Design 中的所有图标集合，包括新的、华丽的双色调图标主题。以前所未有的方式表达您的品牌，使用风格化的 系统图标，这些图标具有多种不同的格式、大小和密度。

转换您的排版

您可以向您的主题添加最多三种字体，并快速访问流行的 Google 字体来定义您的主题的排版。一旦你选择了你的字体，Material Theme Editor 允许你基于 Material 排版指南自动调整大小并优化你的字体以提高可读性。

开始使用 Sketch 的 Material Theme Editor

兴奋吗？如果您想创建自己的 Material Design 主题，您可以在此处下载 Material 插件。谷歌制作了广泛的文档和一个非常有用的视频来帮助您开始在 Sketch 中使用 Material Theme Editor。

Material 插件需要 Sketch 49 或更高版本和 macOS High Sierra 10.13 才能运行，并且还提供对 Material 组件库的访问以及将画板直接上传到 Gallery 的能力 — 这是一种用于共享、组织和协作处理您的 Material Designs 的工具。

我们与谷歌密切合作开发了这个插件，我们对此感到非常兴奋。Material Design Editor 真正展示了 Sketch 插件系统的可能性。 在底层，这是一个非常复杂的插件，有很多移动部件，但对于 Sketch 用户来说，它非常简单，并将构建设计系统的艰巨任务变成了一个几乎无关紧要的任务。

如果您是一名开发人员，并且您想构建像这样的插件，请与我们联系。我们有一个充满活力的开发者社区和一个广泛的插件生态系统，我们希望您成为其中的一部分。 请通过 developer@sketch.com 与我们联系，或访问 www.sketchplugins.com 了解更多信息。