Material Design的九大设计原则

2015.08.21 20:00 bizhongbio 1558 8

一、前言

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

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

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

nine-principle-material-design-1

二、“Material Design”的九大设计原则

2.1 材料是个隐喻

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

nine-principle-material-design-2

2.2 表面是直观和自然的

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

nine-principle-material-design-3

2.3 维度提供交互

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

nine-principle-material-design-4

2.4 适应性设计

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

nine-principle-material-design-5

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

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

nine-principle-material-design-6

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

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

nine-principle-material-design-7

2.7 用户发起变化

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

nine-principle-material-design-8

2.8 动画效果要在统一的

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

nine-principle-material-design-9

2.9 动作提供了意义

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

转载自:雷锋网 (http://www.leiphone.com/news/201406/nine-principle-material-design.html)

感谢你的阅读,本文版权归 双鱼bizhongbio 所有,转载时请注明出处。
注明出处格式:双鱼bizhongbio(https://bizhongbio.github.io/article/nine-principle-material-design/

上一篇:
下一篇:

分享到

相关文章

8条评论

  1. 双鱼bizhongbio 2015.09.12 09:39

    大设计师,好忙。

  2. T
    T.O.P 2016.02.15 06:33

    Está bien.

  3. 游客 2016.03.02 06:28

    值得学习

  4. H
    HAHA 2016.03.14 07:35

    不错

  5. 匿名 2016.03.25 08:56

    好棒的网站,赞!

  6. G
    GD 2016.04.22 03:41

    Google Design is very nice.

  7. 大牛 2016.04.22 18:23

    很喜欢谷歌的 Material Design。

发表评论