Material Design的九大设计原则

移动开发 Android
谷歌发布新操作系统“ L Developer Preview”后,也同步推出了可视化语言Material Design,它的设计美学将会融入到谷歌所有的平台之中,包括Chrome OS和网页,它也将形成一个统一的外观,将所有的产品捆绑在一起。扁平化的设计,加上明亮的色彩,Material Design的外观还是很吸引人的。此外,谷歌对动画效果也做了相应的调整,让体验变得更加好玩儿。

6-798x310

谷歌发布新操作系统“ L Developer Preview”后,也同步推出了可视化语言Material Design,它的设计美学将会融入到谷歌所有的平台之中,包括Chrome OS和网页,它也将形成一个统一的外观,将所有的产品捆绑在一起。扁平化的设计,加上明亮的色彩,Material Design的外观还是很吸引人的。此外,谷歌对动画效果也做了相应的调整,让体验变得更加好玩儿。

除了在Google+社交媒体上发布了相关内容之外,谷歌还给与会者发送了一些艺术印刷套件,其中就包括一些极具特色的明信片,这些明信片很漂亮,也向人们展示了新设计语言的设计原则。

谷歌是这样介绍的:“设计是创造的艺术,我们的目标就是要满足不同的人类需要。人们的需要会随着时间发展,我们的设计,实践,以及理念也要随之提 升。我们在自我挑战,为用户创造了一个可视化语言,它整合了优秀设计的经典原则和科学与技术的创新。这就是Material Design。”

1-730x1096

1、材料是个隐喻

材料隐喻是合理空间和动作系统的统一理论。谷歌所谓的“材料”是基于触觉现实,灵感来自于对于纸张和墨水的研究,也加入了想象和魔法的因素。

2-730x1096

2、表面是直观和自然的

表面和边缘为现实经验提供了视觉线索。使用熟悉的触觉属性,可以直观地感受到使用情景。

3-730x1096

3、维度提供交互

光、表面和运动是展现交换的关键因素。逼真的光影效果显出了各部分分离,划分了空间,指示了哪些部分可以进行操作。

4-730x1096

4、适应性设计

底层设计系统包括了交互和空间两部分。每一个设备都能反映出同一底层系统的不同侧面。每一设备的界面都会按照大小和交互进行调整。只有颜色,图标,层次结构和空间关系保持不变。

5-730x1096

5、目录用黑体和图形设计,并带有意图

黑体能突出层次、意义,显现焦点。深思熟虑的色彩选择,层次分明的图像,大范围的铺陈和有意的留白可以创造出浸入感和也能让表达更清晰。

6-730x1096

6、颜色、表面和图标都强调动作效果

用户行为就是体验设计的本质。基本动作效果是转折点,他们可以改变整个设计,可以让核心功能变得更加明显,更为用户指明了“路标”。

7-730x1096

7、  用户发起变化

操作界面中的变化来自于用户行为。用户触摸操作产生的效果要反应和强化用户的作用。

8-730x1096

8、  动画效果要在统一的

所有动画效果都在统一的环境下显示。即使发生了变形或是重组,对对象的呈现也不能破坏用户体验的连续性。

9-730x1096

9、动作提供了意义

动作是有意义的,而且是恰当的,动作有助于集中注意力和保持连续性。反馈是非常微妙和清晰的,而转换不仅要有效率,也要保持一致性。

责任编辑:闫佳明 来源: leiphone
相关推荐

2014-12-08 14:35:51

Material De真实动作

2014-12-08 13:40:10

Material De色彩

2014-07-22 10:44:21

Material De

2014-08-19 16:10:05

Material DeUI设计趋势

2018-04-25 09:06:32

Chrome浏览器语言

2014-08-07 14:19:46

Material DeGoogle

2014-08-11 11:19:19

Material De

2014-08-21 15:29:29

Material De概述

2014-07-02 10:26:52

Material DeGoogle

2017-02-14 13:35:15

AndroidMaterial De动画

2014-12-08 15:03:17

Material De图像

2015-07-21 15:02:37

设计扁平

2014-08-07 10:13:43

谷歌Material De设计规范

2015-08-07 10:24:17

AndroidMaterialDes

2014-12-08 14:15:48

Material De字体排版

2016-01-31 13:50:55

Material DeChrome浏览器

2014-08-21 15:40:53

Material De真实动作

2022-01-20 20:08:38

MaterialpalettesMaterial 3

2012-03-15 11:15:13

Java设计模式

2014-10-27 14:18:06

Material De交互响应
点赞
收藏

51CTO技术栈公众号