拟物与扁平之间:Google的新设计理念Material Design

甘源 · 2014-07-02
当主管Google搜索界面的设计师Jon Wiley看到Google Now的卡片式交互时,他忍不住问道,“当我滑动卡片的时候,他们下面是什么东西?”这个听上去有些天真的问题启发了Google主管设计的副总裁Matias Duarte,也为Google未来的设计标准打下了基础。 “卡片下面是什么?”Duarte按照这个思路继续思考下去,卡片的材质是怎样的?卡片是什么颜色的?人们是怎样拿起卡片的?最终,Duarte带领一群设计师按照这个方向探索,并将其称为“Material Design”。

当主管Google搜索界面的设计师Jon Wiley看到Google Now的卡片式交互时,他忍不住问道,“当我滑动卡片的时候,他们下面是什么东西?”这个听上去有些天真的问题启发了Google主管设计的副总裁Matias Duarte,也为Google未来的设计标准打下了基础。

“卡片下面是什么?”Duarte按照这个思路继续思考下去,卡片的材质是怎样的?卡片是什么颜色的?人们是怎样拿起卡片的?最终,Duarte带领一群设计师按照这个方向探索,并将其称为“Material Design”。

Duarte的Material Design和苹果以前的拟物设计并不尽相同。拟物设计是尽力利用美工和交互在设计上模拟实物。而Material Design则更为抽象,它不关心实物是什么,只关心它的质感,层次,深度,和其他物体的叠放逻辑。从某种程度上来说,Material Design更像是把交互界面变成了一张张的纸。因此,此前曾传出Google会将新的设计标准命名为Quantum Paper(量子纸)。

拟物与扁平之间:Google的新设计理念Material Design

具体的区别我们可以看上图。观察左上图我们可以发现,Material Design的按键和内容的设计都是扁平的,然而它们的阴影却在提醒我们,这是一个3维空间,他们是有深度的,也可以产生重叠,覆盖等逻辑关系。它的阴影比苹果拟物化时代的高光阴影用的更轻,但比起现在的纯扁平设计又显得更拟物。

上图的右方则是一个简单的交互演示,这也显示了Material Design的交互并非是纯拟物的。按钮和显示框等可以产生伸长,放大,缩小的交互,这在交互逻辑上似乎和扁平设计更接近。

因此,Material Design更像是拟物设计和扁平设计的结合。

拟物与扁平之间:Google的新设计理念Material Design

尽管Material Design同时带有拟物化和扁平化的特征,Duarte对苹果目前的扁平设计并不满意。他认为界面的交互应该是符合人类的习惯和期待的,“我们不会把一堆东西“唰”的甩给你,我们做的是遵循物理法则,却又在现实世界中不存在的交互”。想想在iOS7上打开任意一个应用后你看到的,你就懂他的意思了...

Duarte强调交互设计要符合人的直觉,要好像一幕舞台剧一样,有铺垫有发展,而不能像跳帧的电影一样,从一幕“唰”的就跳到了下一幕。

同时,Duarte极为赞扬当年施乐实验室发明的图形界面交互,认为它不仅是将虚拟的物体实体化了,更是明晰了计算机上的物体之间的逻辑。一个文件夹是包含了另一个文件夹,还是完全不同,里面有哪些类型的文件,网页浏览器在记事本的上面还是下面...苹果的手势操作也加深了人机交互的逻辑联系。而Duarte希望在Google以语音输入,算法等新的交互发生深化这种逻辑,让人类能够以一个模型理解计算机在做什么。

这不禁让我想到,Duarte才是继承了乔老爷子的思想呀,怎么跑Google去了...

尽管Duarte已经胸有成竹,不过Material Design还是一个理念,具体何如需要等到Google推出更多基于Material Design的应用和页面我们才会知晓。

+1

好文章,需要你的鼓励

参与评论
登录后才能参与讨论哦...
后参与讨论
提交评论0/1000

请回复有价值的信息,无意义的评论将很快被删除,账号将被禁止发言。

甘源氪星老友

我的半径是3,过(-3,0)和(0,3),请问我的心离原点多远?

下一篇

同种火热玩法的不同产品或衍生品貌似都是扎堆出现的,比如各种 Falppy Brids 们、2048们、打车应用们,以及最近新出现的一群类似TapTalk、Slingshot、Yo、Yo, Hodor 的“奇葩”社交新秀们。 Love emoji 同样属于社交应用新秀,还未正式上线,已经通过宣传片在各大媒体上火了一把,片中的“不用打字,没有垃圾信息,只有 emoji” 说的也是煞有介事。从功能上讲,它是一款只能给其他用户发送 emoji 表情的社交应用,而它跟 Yo、Yo,Hodor 等不同的是,emoji 有严格的用户名注册机制:你只能用 emoji 表情注册用户名。目前官方 Twitter 账号说它的注册用户已经破 1万了 (点这里申请)。

2014-07-02

36氪APP让一部分人先看到未来
36氪
鲸准
氪空间

为你推送和解读最前沿、最有料的科技创投资讯

一级市场金融信息和系统服务提供商

聚集全球最优秀的创业者,项目融资率接近97%,领跑行业