两个月前，谷歌I/O大会发布AndroidL并推出MaterialDesign，重新统一了谷歌的设计语言，确立了谷歌未来的设计方向。那么，什么是材料设计？我简单翻译为“本质设计”。顾名思义，这是一种考虑事物本质的设计，将电子屏幕中的UI元素当作现实世界中不存在的新材料，赋予其物理特性。因此，MaterialDesign不是去拟物化设计。很多设计师反对扁平化和拟物化，但其实这两者并不是对立的。但我更愿意将谷歌的新设计语言称为抽象。无论是苹果的设计语言，还是谷歌的设计语言，甚至是Windows的ModernUI和Facebook的Paper设计语言，大方向都是一样的，只是在细节上分道扬镳。苹果和谷歌几乎垄断了移动设备的操作系统，那么我们就从新发布的MaterialDesign谈起无线设备的设计趋势。1.纸的形态模拟正如前言所说，MaterialDesign不是消除拟物化的设计，也不是强调拟物化的设计。我们知道电子屏幕是完全平面的，不像现实中的物体是3D的。书中每一页之间的空间关系非常清晰，但电子屏幕上的所有对象都在同一个平面上。电子屏幕虽然没有空间感，但信息内容却具有空间层次感。MaterialDesign的解决方案是将现实世界中纸张的特性搬到电子屏幕上，将信息内容呈现在这张虚拟的纸张上。纸张（信息内容）与纸张之间存在层次关系，用投影来模拟纸张。空间感。MaterialDesign的投影不是我们以往使用图片或者样式代码的投影，而是系统根据纸层的位置实时渲染，投影会根据纸张的空间关系。谷歌几年前推出的Card设计是一种模拟纸张物理形态的设计方法，但MaterialDesign将其提升到了系统信息架构的层面。另外，iOS的模糊效果本质上和MaterialDesign的纸上设计解决的问题是一样的。通过模拟景深效果来表达内容信息的层次关系。2.过渡动画以前我们的页面只有X轴和Y轴。当打开一个新页面时，我们会直接跳转到新页面，而不会指出页面的空间层次。但是iOS7和Material强调了Z轴，也就是页面之间的空间层次关系。在iOS中打开一个应用程序，页面将从您单击的应用程序图标的中心点展开。同样的设计在AndroidL上随处可见，通过过渡动画，告诉我们这个页面从哪里来，到哪里去，它在整个APP或系统中的空间位置是什么。此外，不仅是页面层面的动画转场，对象操作也伴随着动画转场，可以从动画中感受到操作过程的变化。比如在删除的时候，垃圾桶图标会有倾倒的动画，或者通过指示条的旋转告诉你删除的过程。另一方面，转场动画赋予界面控件物理特性，模仿橡皮筋在空间拉伸回弹时的物理特性。值得一提的是，FacebookePaper在转场动画的设计上非常突出。3.图标动画交互动画在一些应用中开始流行，尤其是FacebookPaper的动画让人印象深刻。未来交互动画将成为标配，更多设计师将目标转向图标。图标主要分为入口功能和操作功能。操作功能的图标被点击后，通常会变成另一种对应的形式。比如“返回”与“菜单”、“选中”与“未选中”、“收藏”与“收藏”、“点赞”与“取消点赞”等状态的切换。目前的设计中，图标两种状态的切换通常比较生硬，图标动画会让点击后的反馈更强，让界面活泼性感。4.大面积色块动作条MaterialDesign设计语言不仅交互动画丰富，还大量使用了鲜艳的色块。过去，安卓让人觉得冷酷、科技感十足，给人一种距离感。新设计采用了与以往相反的做法，在系统中大面积使用色块，用色块突出主要内容和标题，让界面的主次感更加突出，并且也让原本灰黑色的界面有了时尚与活力。色块的颜色选择多采用饱和度高、明度适中的颜色，整体视觉冲击力比较强，但又不会过于刺眼。ActionBar也由灰黑配色改为彩色，状态栏与之融为一体，与iOS7的设计非常相似。5.FAB按钮（FixedActionButton）在谷歌的宣传视频中，最引人注目的新事物就是这个调皮的圆形按钮。从宣传视频来看，这个按钮的功能并不局限于“新建”、“播放”、“收藏”和“更多”等功能。和整个界面的颜色形成了比较大的反差，所以这个按钮在界面中会显得非常的亮眼。从这个设计的角度来看，这个按钮的任务将是整个界面的主要操作。虽然有点类似于Path中的“+”按钮，但由于iOS系统本身并没有这样的设计，所以这会成为与iOS最不同的交互设计，可能会成为交互设计师双方的交互设计和产品经理。一个挑战。6、无边框按钮在iOS7的设计中，我们已经看到了这样的影子。最典型的就是“返回”按钮只有箭头和文案，去掉了原有的按钮质感。MaterialDesign的actionbar也采用了这种设计，直接用图标来表达按钮功能。尤其是Material的键盘设计风格，键盘风格最早的极简设计是微软的WindowsPhone，其次是Android和iOS。但这次Material走得更极端，把键盘的按键边框全部去掉，只保留英文字母的按键。我们不能说这样的设计一定是好的。这样的设计可能会让用户无法更快地判断点击的准确性，缺乏安全感。好处是在小屏手机上，去掉边框的拥挤感，会给字母留出更多的空间。另外，无边框按钮的设计也体现在提示框的按钮上。如何区分无边框按钮和内容文本，需要设计师考虑的不仅仅是配色，还需要考虑按钮出现的场景，这对设计师解读应用场景也是一个挑战。7.关注大图。与屏幕一样宽，在垂直方向上大约占屏幕一半的大图像。去掉操作栏，只保留后退按钮的设计。一两年前在非常火的summly应用中就已经很火了。后来，一些应用也沿用了这种设计（比如淘宝），但并没有大规模流行起来。MaterialDesign大胆地使用了这样的设计。在谷歌的引领下，这样的设计风格很可能会流行起来。原文：MaterialDesign最新设计趋势
