设计教程 ·

google i/o 2018上material design 的新变化

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

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

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

 

材料主题

这是Material Design的重大升级!材料主题是“系统”定制材料设计以更好地反映产品品牌的能力。让我在这里解释系统的含义:

品牌通过颜色,印刷和形状在视觉上的呈现。

所以我们需要一种方法来改变材质组件中的这些东西!
之前做出这样的改变,我们不得不使用多个插件来更新Sketch 符号/库,但是现在我们有了“ 主题编辑器 ”。

一些很酷的功能:

1. 更改/添加/更新颜色:这很酷,它可以了解颜色的使用位置,并相应地生成阴影/色调。

1

 

2. 字体管理:这允许您创建视觉上相似的类型层次结构!

2

 

 

3. 形状:这是新东西,是材料设计的核心,因为这是关于更新材料(卡片/形状)的!您可以根据品牌定义自定义形状。

3

 

4. 新的图标样式:你是否像我一样被图标和固定样式的选择所困扰呢?那么,现在我们有5种不同风格的图标。

4

 

画廊

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

5 6

而现在,Google的画廊回来了!现在它可以在一定程度上解决您设计上的切换的问题。让我们看看它到底是怎么样的。

1. 它允许附加Google文档,表格和幻灯片!因此,我们可以从需求文档到用户研究,到最终的设计方案,在一个地方完成。

2. 它新增了“项目和收藏”的概念。这与我们的Sketch文件类似,并且有多个页面!对我来说这是一件很大的改进。

3. 如果您上传的文件名称相同,则会创建该文件的版本。这有助于了解您的线框如何变成真正的设计。或者只是看看反馈如何影响您的用户界面。

4. 检查模式:规范生成器!不是一个普通的,它可以检测符号并显示你链接到该组件的代码!此外,它可以识别字体家族并显示Google字体的链接!

5. 当然,它是免费的!不再用Sketch Measure,Zeplin,Marvel或Invison

其他主要更新

1. iOS,Android,Web和Flutter的材质组件:

https://material.io/develop/

2. Google如何创建自定义Material主题:解释Google如何处理其Material Design规则。

https://material.io/articles/how-google-created-a-custom-material-theme.html#01

3.Material design合作伙伴:了解诸如Lyft,Genius,NPR,Pocket Casts和Zappos等应用如何将Material设计赋予新的表现力。

https://material.io/articles/material-partner-studies.html#01

翻译自medium

参与评论