比肩苹果的谷歌新设计语言 Material Design

上月底的谷歌I/O大会上,新发布的产品和系统固然令人惊喜,但是最大亮点之一,却是谷歌在设计方面的提升。为了进一步整合安卓设备、适应跨平台需求, 谷歌发表了新的设计语言 “Material Design(材料式设计)”,下面就来看看这一设计理念的独特之处吧。

谷歌为什么要开发新设计语言?

过去的谷歌产品,每个都相对独立,尤其在设计上,即使看logo就会发现不同风格,如果说这种混乱无序曾是谷歌的“风格”的话,现在已逐渐成为谷歌的一大痛处,高管之间的不合作也许也是根源之一。

在拉里·佩奇成为Google CEO之后,他致力于将管理策略从放任自由,转变为更加紧凑整合。除了让不同产品之间更加开放合作以外,他还大胆改变谷歌一向“以工程师为主”的文化。要知道,与苹果出色的设计能力相比,谷歌的设计一向是弱势。

为此,他启动了“肯尼迪”项目,让设计师重新设计每个产品,试图寻找一种共同的设计语言,最终完成的就是“卡片式设计”,同时他还突破性的让设计师参与早期的产品设计开发,成功开发出了一款卡片式设计的跨设备产品:Google Now。

card design

而Material Design的诞生,体现出不懂设计的谷歌已经成为过去时。

同时,为了进一步解决Android过于碎片的现状,谷歌对于此次设计上的重大转变,显得相当强势,从Android系统到衍生的Android Wear(穿戴)、Auto(汽车)和TV(电视)设备,这一设计都贯穿始终,甚至不允许第三方修改界面和交互设计,力图维护这种一致性,给用户连贯的体验。

Material Design与众不同?

google design

从卡片式设计到Material Design、拟物与扁平设计之间、大胆的色彩、运动元素、适应跨平台…...一起来围观这一设计新宠吧。

(直接跳到文章最后欣赏48秒介绍视频)

-- 从卡片式设计到Material Design(材料式设计)

Google 主管设计的副总裁 Matias Duarte称,这一设计的灵感是来源于一个问题“卡片下面是什么?”,沿着这个思路继续思考,卡片的材质是怎样的?卡片是什么颜色?人们怎样拿起卡片?最终设计师们探索出了新的设计理念,被命名为“Material Design”。

-- 拟物与扁平设计之间

Material Design与苹果以前的拟物设计不同。拟物设计是尽量用美工和交互,在设计上模拟实物。而Material Design更加抽象,更倾向于物体的质感、层次、深度,和其他物体的叠放逻辑,而不是一味的模拟接近实物。

material

但是Material Design又与目前流行的扁平化设计不同。设计师们把卡片看做真实有形的实际物体,也就是所谓的“材料(Material)”,它并不是扁平设计中的一个颜色块,它虽然形状扁平,但是略浮于背景表面,拥有一致的阴影和照明光线。

如上图,它给人的感觉是这是一个三维空间,是有深度的,它们可以重叠、覆盖。这种阴影比苹果拟物设计所用的高光阴影更轻,但比扁平设计显得更拟物。它就像是真实的物质,不会消失,而只是移动到了其他地方,在用户没有进行移动时,它不会自己挪动。

上图的右方是一个简单的交互演示,按钮和显示框可以伸长、放大、缩小,这在交互逻辑上更接近扁平设计。因此,Material Design就像是拟物设计和扁平设计的结合。

-- 大胆的色彩

除此上面的特色之外,Material Design还充分使用了大胆、明亮的颜色,以及大字体。整体上,给人一种多彩的感觉,但又不显得过于艳丽,反而为了能使图案变的沉稳,有意混入一点灰色,并且加入淡淡的阴影。

colorful design

色彩还用来提示现实中的动作。现在我们按下屏幕当中的按钮时,可以看到按钮颜色迅速发生变化,向石头投入湖面一样,产生了一波涟漪。

这样设计是因为Material Design中的按钮都处于一个平面,不再突起,因此它必须采用和以往不同的表示方法,以表明自己已经被按下。

-- 运动元素

Material Design还规范了Android的运动元素,按钮的弹入弹出、卡片的滑入滑出、从一个界面变成另一个界面的方法,都是有秩序的。Material Design中只有在高亮动作以及改变交互状态时,才会使用运动元素来表示。

-- 适应跨平台

material 00

Material Design的重大目标,就是要在不同设备屏幕上表现出一致、美观的视觉和交互体验,让用户在切换设备时,仍能保持连贯的体验。为此,Material Design不再让像素处于同一平面,而是让他们按照规则处于空间当中,具备不同维度,就像海拔高度一样,不同层面的元素,都是可预测的、有原则可循的,不让用户感到无所适从。

-- 未来的目标

material design

尽管Material Design的基本概念已经形成,但是Duarte和谷歌设计师团队仍在摸索和改进,他认为面的交互应该是符合人类的习惯和期待的,“我们不会把一堆东西“唰”的甩给你,我们做的是遵循物理法则,却又在现实世界中不存在的交互”。要好像一幕舞台剧一样,有铺垫有发展,而不能像跳帧的电影一样,从一幕“唰”的就跳到了下一幕。

可见Material Design 的野心,不仅仅是统一 Google 的产品,或者给 Android 一个新面貌,更是对人机交互方式的全新思考。也许等到谷歌推出基于Material Design的应用和页面后,就能有更多的惊喜带给我们。

48秒Material Design简介视频:

Jus de Raisin为你提供丰富的网站App设计开发方案,你有任何问题和想法,都可以随时联系我们

 

若你喜欢我们的文章,使用下方按钮分享至:Google+、微博Weibo、Facebook或Twitter。

有话想说?请在下方留言框留言,期待与你的交流。

Laisser un commentaire