“平面样式”和“材料设计”之间有什么区别？

Windows 8发行后，所有人都谈论“ Metro UI”，后来谈论“ Flat design”。现在，Android Lollipop出现后，所有人都在谈论“材料设计”。有人可以解释一下“材料设计”和“平面样式”之间的区别吗？

材料设计的原理与平面设计无关。材质设计是拟态的，它是一种尝试，使网页设计在描绘元素时更加逼真，使用图层和动画以一种在浏览器之外有意义的方式。目前，视觉上的平面设计和材质设计相似，但是材质设计可以应用于非平面设计。

遵循3条原则

1. 物质是隐喻
2. 大胆，图形，故意
3. 赋予运动意义

材质设计中的分层是通过使元素沿z轴前后移动以及与用户之间来回移动，并添加逼真的阴影以传达更多含义来完成的。动画元素（例如，当删除列表项时具有影响位置的动画）旨在改善用户流程和理解，同时使体验更流畅。这样，与平面设计相比，材料设计可以体现更多的含义。

_{Google设计师制作了纸模型，以找出其材质设计的层次和阴影。}

还有其他设计指南，涉及间距，颜色，可用性以及有关位置和动画的更多详细信息，您可以在Google的网页中查看有关该主题的信息。

了解有关材料设计及其实现方法的一个好方法是使用Google使用材料设计创建的应用程序并了解设计细节，这是Brian Invin在Inbox应用程序上编写的。

人们可能会认为材料设计是平面设计的一种扩展，但实际上原理是不同的。目前的趋势是制作干净，扁平的设计，谷歌现在使用该设计，但是材料设计的原理已经超越了这些界限，并且也可以应用于其他设计方法。

平面设计 =通用术语，指的是块状平面图标和色块的现代UI美学。

Metro设计 = 用于Windows 8的Microsoft新UI设计（现称为Microsoft设计语言），使用平面设计的视觉美感。

物料设计 = Google的Android新UI设计，使用了平面设计的视觉美感。

（请注意，Metro和Material不仅仅是平面设计的美感。它们还讨论交互设计，流程，模式库等。）

感谢Johannes指出了Microsoft UI的名称更改。

材质设计不是平坦的，它是一堆由“材质”构成的扁平层，它们在Z轴上间隔很小。这意味着这些对象具有阴影，当它们出现在屏幕上时应该来自某个地方，而当不再需要它们时则离开它们。这意味着它们不仅会淡入淡出。

还有很多设计准则，用于指定布局的颜色，间距和许多其他方面。

这里是其中一些，但是您可以通过一些Google搜索找到更多内容。

http://www.google.com/design/spec/material-design/introduction.html#

正如他们在上面向您解释的那样，“平面设计”不是真正的“拟形”设计，而是“拟形平面设计”。“材料设计”使用扁平的物件并将其在Z轴上对齐以具有“ 3D扁平设计”。希望对您有所帮助。

实际上，平面设计在素材背景上会显得更加简单，此外，所有这些动画都更多地针对用户与移动设备而非网站的交互。此外，如果更自觉地和哲学地进行设计工作，则没有人会禁止在单一产品中使用这两种方法。至于拟态，它试图以更熟悉，用户友好的方式引入界面元素：该对象在现实世界中的外观，但是许多人对周围事物有不同的看法，因此创建一个这种方法的风格几乎是不可能的……要补充一些信息有什么区别：平面设计与材料设计