近些年来，扁平化设计席卷UI和UX领域，它以极简主义闻名，而与之分足鼎立的是材料设计，以明显的UX设计相似性而闻名。那么下文中，Pixso将与大家分享扁平化设计和材料设计是如何起源的，又有什么不同。
1. 什么是扁平化设计
扁平化设计与拟态设计相反的，拟态设计是指使用模仿现实生活中物体的3D图像来进行设计。而扁平化设计则是将3D的物体简化为2D。这样的设计不仅提高可用性，并且会提升UI的美感、减少设计时间，还减少了应用程序和网站的加载时间。
如下图来自Pixso资源社区的网球运动信息web端数据页案例，将所有UI元素都通过2D的图像来呈现。
其次，扁平化设计更真实地体现了数字景观，因为人们已经不再需要隐喻和指引来理解如何使用技术了，所以在这种时候，极简主义和扁平化设计齐头并进，许多扁平化设计看起来故意留白。
然而，对于那些不想使用扁平化设计的人来说，在拟态设计和前者之间确实存在一个中点：中胚设计。
中态主义假设了扁平化设计的许多极简主义影响，同时通过使用颜色并将它们与背景混合来增加图像的深度。话虽如此，中态设计和扁平化设计之间的差异非常微妙。
扁平化设计的优势
-
整洁、无干扰的设计
-
高可读性，排版清晰
-
易于调整，实现响应式设计
-
在浏览器和应用程序中加载速度更快
扁平化设计的缺点
-
缺乏深度会使元素看起来不太容易点击
-
创意设计和脱颖而出更难
-
没有像其他设计系统那样的设计指南
2. 什么是材料设计
材料设计在所有Android设备上无处不在，它源于创建连贯、实用和可访问的视觉语言的意图。其目的是设计基于并充分利用触觉屏幕的Web和移动体验，从纸张和墨水中汲取灵感。
材料设计的设计原则是尝试使用z轴将纸张的物理特性转换为屏幕。数字屏幕的背景充当一张纸，UI的元素和行为模仿纸张剪切和大小，如Pixso资源案例中的Dog hotel 工作台，通过阴影的设置体现出按钮的立体感，让人更想点击。
与扁平化设计不同，纸张等材料会投射阴影，从而为UI元素营造出深度感。它们还可以改变形状，并由用户以多种方式操纵。
在许多方面，材料设计旨在从扁平化设计和拟态设计中吸取双方的的优势。和扁平化设计一样，材料设计也旨在使用大胆的色彩和2D图像，但目的是部署一个图形和有设计感的UI。
材料设计的优势
-
统一和简单的界面
-
原则和目标为设计师提供一致性
-
Z 轴创建深度
-
使用直观
-
使用运动向用户显示屏幕上发生的情况
材料设计的缺点
-
浮动操作按钮等元素可能是多余的
-
设计仅适用于安卓设备
-
与谷歌密切相关，品牌推广空间较小
-
无运动设计的UI通常缺乏直观性
3. 扁平化设计与材料设计有什么不同
功能性
观察设计语言之间差异的最好方法，是查看它们与拟态设计的关系。扁平化设计旨在使自身与拟态设计之间尽可能拉开差距，完全平坦。
但是，材料设计并没有完全拒绝它的拟态远房表亲，它在某种程度上试图模仿物理世界，不过是通过使用z轴以更平坦、更微妙的方式来进行模仿。这种模仿可以展现元素层次结构、可点击性，也可以作为交互的提示。
相反，扁平化设计不使用任何阴影，也不利用z轴，而是让所有内容都牢牢扎根于第二维度，这样的设计不仅简约化，而且可以大大减少页面加载时间，但是如果按钮没有给用户“可以点击”的提示，则可用性降低。
美学
扁平化设计倾向于使用有限但大胆的颜色来减少干扰，而扁平化的UI元素设计的简约性注重效率和功能。
材料设计也倾向于简化，但是从不同的角度而言：材料设计是与现实世界元素（如纸张）的基本交互。这和扁平化设计形成鲜明对比，扁平化设计不试图模仿现实世界中的任何东西。
灵感
扁平化设计从包豪斯等设计运动中汲取灵感，而包豪斯的一个重要原则是“功能遵循形式”。这就是为什么扁平化设计没有多余的装饰。
另一方面，材料设计的灵感主要来源于印刷设计和自然。
易于设计
扁平化设计主要是一种旨在拒绝拟态设计的反动运动，它始于一种设计趋势，没有组织设计它。因此，在设计扁平化UI时，需要遵守的规则和准则较少。对于一些喜欢无拘束的设计师来说，这可能是解放，但对于另一些设计师来说，缺乏方向可能是一个障碍。
但是，有一件事是肯定的，那就是扁平化设计UI肯定比材料设计UI更快。因为它们纯粹而简单。相反，材料设计需要更多的细节，尤其是在为UI元素添加微妙的深度时，作为一个与谷歌有关的设计系统，它还需要更严格地遵守其指导方针。
4. 该选择扁平化设计 or 材料设计
很明显，扁平化和材料设计系统都有自己的优点和缺点。同样明显的是，他们的原则和目标略有交叉。但对于设计团队来说，扁平化设计的转瞬即逝的性质可能意味着它不会持续下去，但材料设计明确定义的指导方针为它提供了一个坚实的基础，可以在此基础上进行构建和改进。
看到这里，如果你也想亲身体验一下扁平化设计和材料设计的不同，可以进入Pixso尝试一下，Pixso内置海量设计资源案例，为设计师们提供各形各色的灵感源泉和参考内容！
