为什么使用材料设计？ 权衡利弊

五年多前推出的 Google 材料设计指南已成为其网站和基于应用程序的服务的标志性外观。 他们立即被识别为隶属于谷歌，这对公司的品牌来说是一个福音。

Material Design 也被更广泛的设计社区采用，现在可以在远离谷歌原生平台的网站和应用程序上找到（甚至在竞争平台上）。 例如，Simplenote 在其桌面和移动平台应用程序中使用了 Material Design 美学。 这只是为什么 Material Design 是各种设计实现的绝佳选择的一个例子。

什么是材料设计？

Material Design 由 Google 于 2014 年创建，部分基于 Google Now 中使用的基于卡片的布局。 对基于纸张的设计风格的认可使其与当时广泛使用的平面设计风格区分开来。

与大多数设计系统一样，Material Design 旨在为各种设备、平台和输入法带来统一的用户体验。 与 Apple 将扁平化设计原则作为其标准实施的方式类似，Google 使用 Material Design 来确保无论用户如何访问他们的产品，他们都能获得一致的用户体验。

Material Design 规范包括所有方面的指南：排版、网格、空间、比例、颜色和图像。 但材料设计比仅仅告诉设计师如何让事物看起来更进一步。 它使设计人员能够在最终结果中创建具有层次结构、意义和重点的有意设计。

为什么使用材料设计？

与任何完善的设计系统一样，设计师应该考虑使用 Material Design 的一些主要优点。

Material Design 实际上是一个完整的设计生态系统，而不仅仅是一组样式指南。 如果存在潜在的设计情况，Material Design 可能有一套全面的规则来处理它。 这包括复杂的用例，这些用例往往被不太全面的设计系统所忽视。 对于想要这种结构的设计师来说，这可能是非常令人欣慰的。

Google 维护 Material Design 并保留了大量关于如何使用和实现它的文档。 许多现代设计系统可能缺乏这种支持和文档。

尽管有这些全面性和文档，Material Design 仍然是一个相当灵活的设计库。 在指南中，如何实现设计的许多细节完全由设计人员决定。

Material Design 更精细的优势包括微妙的拟物化，这使它与平面设计不同，并使其对许多用户来说更直观。 另一个用户友好的功能是，用户反馈以触觉反馈、微妙的动画和类似的形式被内置到指南中。 它也具有非常简化的物理意义，这使得交互更加直观。

Material Design 建立在移动优先的敏感性之上，考虑到其最初的目的是设计 Android 应用程序，这是有道理的。 它还促进设计中的动画，既用于用户反馈，也用于暗示不同功能的功能。

最后，提供了深色主题选项，为设计师增加了更多的视觉灵活性。 最初，Material Design 非常轻巧明亮，与某些品牌的美学不符。 添加深色主题指南可解决该问题。

使用 Material Design 的缺点

虽然 Material Design 有非常明显的优点，但这并不意味着使用它就没有缺点。

首先，Material Design 可以立即识别，并且与 Google，特别是 Android 密切相关。 虽然这对每个人都不一定是坏事，但对某些人来说可能是负面的。

它可能是负面的一个重要原因是它在使用设计系统时限制了其他品牌的有效性。 是的，设计师可以结合徽标、调色板（在 Material Design 指南中）和其他差异化因素来支持品牌标识，但遵循 Material Design 规范的产品几乎总是与 Google 相关联。

由于动画和动画是在 Material Design 指南中推广的，因此不包含它的网站或应用程序在用户看来似乎缺少某些东西。 人们将Material Design的运动特性与视觉特性联系起来，可以让设计不缺乏运动。

当然，一种解决方案是始终在遵循 Material Design 规范的设计中加入运动。 但大量动画在移动设备上可能会占用大量资源，从而导致更高的数据使用量和更快的电池消耗。 这是设计师在按照 Material Design 指南工作时必须考虑的平衡行为。

初学者可能会发现 Material Design 规范比平面设计等其他风格更复杂，更难实现。 因为 Material Design 系统非常全面，所以需要考虑和坚持的事情比许多新设计师可能感到舒服的要多得多。

它的全面性也可能导致一些设计师感到束缚，无法充分发挥自己的创造力。 它还可能扼杀创新，因为几乎所有设计挑战都已计划好并提供了解决方案。 虽然在许多情况下很有帮助，但这会阻止设计师采用新的方法来解决问题，同时也会限制可能出现的新想法的数量。

Material Design 中也存在一些可用性问题，这些问题会使网站和应用程序对用户非常不友好。 最大的问题之一是在许多移动设计应用程序上遇到的所谓的“神秘肉”导航。 图标通常用于代替文本，虽然有时图标可以立即识别并且相当可用，但在其他时候则不然。

与以前在大多数 Android 界面中使用的房子图标相比，表示“主页”的圆圈更难识别。 这是将形式置于功能之上的一个典型例子，这是 Material Design 扁平化设计根源的延续。

而且它不只是在较低的导航栏中。 Material Design 对包含圆形浮动操作按钮的偏好也是一个可用性问题。 这些圆形按钮仅包含图标空间，不包含辅助文本。 而且由于图标可以如此开放地解释，在许多情况下，用户会质疑这些按钮的实际作用。

结论

如果一个应用程序主要是为 Android 平台构建的，那么使用 Material Design 是一个简单的选择。 由于 Google 的广泛采用，任何基于 Material Design 原则的应用都会感觉像是原生应用。

也就是说，在 Android 平台之外还有很多其他用例，Material Design 是一个不错的选择。 随着设计系统的进一步成熟，这些情况必然会增加。 设计师至少应该熟悉这些指南，以便他们自己确定何时适合使用 Material Design，以及何时可能更适合其他系统。

• • •

进一步阅读 Toptal 设计博客：

• 如何构建有效的设计框架（带有免费草图文件）
• 为更好的用户体验创建 UI 样式指南
• 了解设计系统和模式
• 基于组件的框架的 A/B 测试 UX
• 设计心理学和真棒用户体验的神经科学