从拟物化到扁平，再到Material Design

Google I/O 2014提出Material Design，这段时间听到不少关于Material Design的解读，至此Google已经定位了自己的设计语言，我个人看来就是Android和iOS设计语言更加接近了。

说到Material Design，首先要说的是乔布斯倡导的拟物化设计(Skeuomorph)，在智能手机初期，明确讲是触摸屏智能手机的初期，想让人们去接受和理解一个新的材质(电子触摸屏)，最好的方式或许就是类比，这也是人类接触新生事物时最本能的想法，即这东西跟我们看到的过的什么类似？这这个时间拟物化能更好地给用户提示，这是相机，这是笔记本，这是图片。在早期的iPhone上你可以明显感觉到这一点。

然而拟物化也有他的缺点，对于设计师和用户来说，最大的缺点是：不统一。这是设计中的大忌，这会带来两个结果：

• 同一套设计，对不同的人理解存在偏差。你可以参考iPhone中的游戏图标。
• 设计师的水平对设计结果影响很大。你可以参考Apple自家的图标和一些第三方的图标。

 

苹果的乔纳森.艾维(Jonathan Ive)想解决的是第一个问题，即随着应用的大规模增加，各式各样的界面层出不穷，怎么样才能让iOS统一化这种用户体验，让设计师和用户可以很快的设计，理解并接受一个新的应用。其次乔纳森.艾维自己也说过，现在的触摸屏已经是一个“斯通见惯”物件了。最早的拟物化给用户提示的优点正在逐渐减小，而拟物化设计不统一这个特性带来的缺点却在逐渐放大。乔.艾维在iOS 7和即将发布的iOS 8中给出了自己的解。我想说的这不是推翻乔布斯的设计，我个人更觉得是乔布斯设计的一种进化，拟物化遇到了新的问题，乔纳森.艾维想办法解决，就是这样。

相反Google试图解决的是第二个问题，设计师的水平对结果影响很大，从丑陋的Android应用图标可见一斑。所以在会有小米和锤子的从绘图标运动。Google为此提出了Material Design。Material Design更像是WP扁平化的一个升级。但所带来的意义远超过扁平化，WP的扁平化唯一的优点就是来自Metro——辨识度很高，很容易做老人机。但是失去了美感，更重要的是被拍平了之后物件失去了质感，失去了物件的物理特性。Material Design将跑偏的Flat Design带回来了。用统一的，物理的，抽象的去作为自己的设计语言。

Material Design强调了：

• 空间关系
• 运动
• 运动带来的空间关系的变化

Material Design中的阴影，是为了体现这种空间关键的手段，也是这样Floating Action Button才出现了。卡片式的堆叠才变的生动和合适起来。

然而物件不都是静止的，我们的交互(触摸)其实都是一种运动，运动带来了物件的变化。当我们按下了Button，阴影变小了，这反应了受我们按下的作用力两层之间的间隔缩小了。我们从排序列表是，当我们点击一行不动，这行变大了，我们知道它浮动起来了，我们可以在行间之间自由移动了。

我们以一个小示例结尾：

 

Reference:

http://en.wikipedia.org/wiki/Skeuomorph

www.google.com/design/spec/material-design/introduction.html

http://zhuanlan.zhihu.com/bigertech/19787211