Material Design 更新了?

自2014年推出Material Design以来,它一直是使用最多(也是最受喜爱)的视觉设计语言之一!主要是因为这两个原因:

  • 统一:跨平台运行的可视化语言
  • 直觉:Material设计的核心原理是“Material/Surface”的行为方式。这使得用户几乎可以看到交互中会发生什么

但Google希望Material Design不仅仅是另一种视觉语言,Google正在构建工具来改进我们的设计开发工作流程!以下是今年Google I / O发布的重要消息:

Material主题

这是Material Design的巨大升级!Material主题是“系统”定制以更好地反映产品品牌的能力。让我在这里解释系统的含义:
品牌通过颜色,排版和形状在视觉上呈现。
所以我们需要一种方法来改变Material组件中的这些东西!
之前做出这样的改变,我们不得不使用多个插件来更新Sketch符号/库,但是现在我们有了“Material Theme Editor”。

一些很酷的功能:

  • 更改/添加/更新颜色:这很酷,它可以了解颜色的使用位置,并相应地生成阴影/色调。
  • 字体管理:这允许您创建视觉上相似的类型层次结构!
  • 形状:这是新东西,是Material设计的核心,因为这是关于更新Material(卡片/形状)的!您可以根据品牌定义自定义形状。
  • 新的图标样式:你是否像我一样被图标和固定样式的选择所困扰?那么,现在我们有5种不同风格的图标。

Gallery

你们是否记得去年呢?这是Google发布的一项工具,声称这将简化您的设计工作流程,但它所能做的只是允许用户对图像版本进行评论!

Google的Gallery回来了!现在它提供了一定能解决您的设计切换头痛的功能。让我们看看它可以做什么。

  • 它允许附加Google文档,表格和幻灯片!因此,我们可以将所有内容从需求文档,用户研究,设计到一个地方!
  • 它有“项目和收藏”的概念。这与我们的Sketch文件类似,并且有多个页面!对我来说这是一件很大的事情。
  • 如果您上传的文件名称相同,则会创建该文件的版本。这有助于了解您的线框如何变成真正的设计。或者只是看看反馈如何影响您的用户界面。
  • 检查模式(Showstopper😎):规范生成器!它可以检测符号并显示你链接到该组件的代码!此外,它可以识别字体系列并显示Google字体的链接!
  • 当然它是免费的!

其他主要更新

  1. iOS,Android,Web和Flutter的材质组件。
  2. Google如何创建自定义材质主题:解释Google如何处理其材质设计规则。
  3. Material合作伙伴研究:了解Lyft、Genius、NPR、Pocket Casts和Zappos等应用如何将Material的新表现能力带入生活。

 

翻译 Courier  选自 Medium
分享到:

评价交流

返回页顶