选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

Google Material Design 主题在 Sketch 中创建


前不久,谷歌在加利福尼亚州山景城的海岸线露天剧场举办了2018年I/O大会,并发布了一系列激动人心的黑科技,展示了他们对Material Design未来的展望。

随着2014年推出Material Design,Google重新设计了他们的软件设计方法,并使设计师重新设想用户应如何与其应用程序进行交互。Material Design被大量采用,但是虽然可用性得到了改进,但Material Design依然受到限制,许多Material应用程序看起来很相似,并且未能反映它们的设计品牌或产品。这就提出了这个问题 – 你如何构建一个能够提供控制和一致性的设计系统,但又足够灵活,可供各种不同品牌和设计人员使用?

谷歌希望用他们最新版的设计系统来回答这个问题。Material Design的下一个阶段通过提供新的工具和指导方针来扩展现有的基础,从而使设计师能够适应他们自己的品牌、设计语言和风格,从而获得更大的灵动性,同时仍然保持与Material Design统一性。

现在Sketch中有了最令人兴奋的部分,Material Design全新的材质主题编辑器,一个Sketch独占的插件,它允许您在几秒钟内为您的Material应用程序创建一个设计系统,以及主题匹配您现有的品牌。主题编辑器是一个令人难以置信的强大工具,允许您在Sketch中创建自己的品牌组件库,并可控制全局样式,如颜色、形状和排版。

我们喜欢用户来谈论它并作为无限的可能。

— Material主题编辑器Material Design创意总监Rachel Been

控制你的颜色

Sketch的Material主题编辑器使您可以轻松地在整个设计系统中应用颜色主题,让您通过选择主要、次要、背景、文本和图标色调来自动将颜色应用到组件。您可以从材质调色板中选择颜色,从一种颜色生成10个颜色值的色调,甚至检查颜色对比度,以确保您的设计符合可访问性标准。

同步你的图形

选择您的形状和圆角半径,在弯曲或切角之间进行选择,并尝试使用非对称样式来定义组件的基本形状。 然后观看这些样式立即更新到您的Gallery中的所有符号。

创新的图像

Material插件包括一键访问Material设计中的所有图标集合;包括新的华丽的双色图标主题,以前所未有的方式展示您的品牌,并将程式化的系统图标显示在一系列不同的格式、大小和密度中。

改变你的排版

您最多可以为主题添加三个字体,并快速访问流行的Google字体以定义主题的版式。 一旦你选择了字体,Material主题编辑器可以让你自动调整和优化字体的可读性、基于Material排版的指导方针。

Sketch for Material主题编辑器入门

激动吗?如果你想创建你自己的Material Design主题,你可以在这里下载Material Plugin。Google已经制作了大量文档和一个非常实用的视频,以帮助您开始使用Sketch中的Material Theme Editor。

Material Plugin需要Sketch 49或更高版本以及macOS High Sierra 10.13才能运行,并且还提供对Material组件库的访问,以及将画板直接上传到Gallery的能力 – Gallery是用于在Material Design上共享,组织和协作的工具。(一切请科学上网)

我们在这个插件上与Google密切合作,我们对此感到非常兴奋。 Material Design Editor真正展示了Sketch插件系统的可能性。在引擎盖下,这是一个非常复杂的插件,有很多移动部件,但对于Sketch用户来说,它非常简单,并且将构建设计系统的艰巨任务转化为几乎微不足道的任务。

 

翻译 Courier   选自 Medium
云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。