被开发者/设计师误解的Material Design - 译自 XDA

原文标题：Material Misconceptions: What Developers Get Wrong in Material Design

发布于 11-23，原作者 Falz Malkani

限于篇幅，请点击此处链接跳转到原文，抱歉。

===分隔线===

每一年，Google 举办的 I/O 大会对于开发者们来说都是重要的日子， I/O 2014 更是为整个移动设计领域带来了堪称史上最具突破性的启示。

当 Google 的设计副总裁 Matias Duarte 登台时，他身后的屏幕展现出涟漪效果以及 Google 推行的统一跨平台视觉设计语言之美，而这种美被叫做 Material Design 。

I/O 大会结束后最初的那段日子对于开发者，设计师以及作为用户的爱好者们都可谓是狂欢，他们此时开始尝试拿起纸张，装填墨水，修改他们的设计与代码，甚至让手头设备的主屏样式也反映出 Google 介绍的全新设计规范。但随着时光流逝，应用们似乎都纷纷完成了向 Material Design 转型之时，它本身的规范却由于在翻译与推广中丢失大量片段，而日益显现出问题。

悬浮按钮（Floating Action Button）

这可以说是 Material Design 视觉语言最为标志性的部件。由于其同时具备易用性与典型性风格，因此它在用户和开发者两个群体间均迅速风靡起来。可惜，开发者们歪曲了悬浮按钮（FAB）的重要性，单纯将其视作 Material Design 本身而公然忽视它原本具备的用途——表示最主要操作，并且将它与次级甚至更加无关紧要的操作相关联。

雅虎的 Marissa Mayer 在她提出“应用设计三原则”的著作中解释了正确使用悬浮按钮的实质意义，并认为”任何产品，都应该按照它们有98%的时间会被使用而设计“。

功能性应该大于美观度

就算在不久以前，评判一个好设计的标准还仅仅只有“一个应用是否好看”。而与之相反的是现在人们已经通过应用的感官体验来判断设计水准——这拜过去数年间“用户体验”被极度强化，以及成为界面设计领域中超集（Superset）般的存在所赐。然而，还是有一群开发者尚未意识到应先保证体验基础，再优先进行UI设计，因此会有像是“单单为了符合规范样式和图中这个抽屉汉堡图标的动画效果，在工具栏下方应用抽屉导航，最后使得应用层级混乱，导致用户体验上的凌乱”这种现象存在。

各处的设计师们都在与趋势变化的对抗中不断取得进展，也许趋势的变化会很缓慢，但它是坚定的，并且每一日都在朝向高品质应用生态环境这一目标迈进。

启动画面

曾几何时，在 Material Design 规范的近期更新中，Google 强烈主张“应用在加载时不应使用启动画面”这一观点。然而随着规范的成熟以及用户可能面临的硬件机能和网络状况限制，设计团队扩展了启动画面（Splash/Launch screens）的使用范围，并且给出了条件允许的示例。

尽管规范只希望开发者仅仅在遇到足以影响内容即时呈现的限制时去使用它，但还是有许多开发商却只用它展示自己的品牌，这已经被证明它会强迫用户使用应用之前必须经过无谓的等待，因此对于整体用户体验百害而无一利。

网格系统与参考线

为了让应用设计师们专注在结构与平衡的设计上， Material Design 引入了 8dp 基线网格概念和部分参考线（Keylines），它们使得 Material 风格的应用具备确凿的基础结构与平衡性。其中的一个例子就是对准在 72dp 参考线处的列表项目标签（List item labels），它与工具栏标题（Toolbar title）一同构筑了两者间彼此关联的视觉关系。不幸的是，许多开发者忽视了基线网格与这些参考线存在的重要性，最终使得应用布局失衡并在不经意间打破了用户界面的结构完整性。

导航抽屉（Navigation Drawer）

尽管在出现的早期，设计专家们以“缺乏能见度”为由而回避它，导航抽屉与汉堡菜单按钮的使用率

在近年来仍然经历了快速增长。在已被大众广泛使用的 iOS 以及 Android 这些平台的大力推广下，用户们缓慢地逐渐适应了这种导航形式。但它和所有越过普及阶段的其它事物一样，如今的开发者和设计师们也开始滥用导航抽屉。

根据应用结构层级的不同，导航其实可以采取多种形式，为此 Material 规范中专门有一个部分（此链接为 Google 官方文档）来帮助您决定最适合您应用的导航形式。

屏幕内导航栏（Navigation Bar）

当 Material Design 已正在打通向设计师社区的入口之时，在 API 21 版本中也提供了大量的 API，其中就包括状态栏和导航栏相关的部分。

尽管规范允许对状态栏进行着色，然而各处的设计师们还是严正抗议对导航栏部分进行着色这一行为，他们认为这会打破视觉平衡，让应用看起来像被框住了（Boxes-in）一样，并且使得应用本身的设计和内容令人感到窒息。

下面是文章总结部分。

Design is a delicate subject. 

设计，是一门精妙的学科。

Wrongly used, even the most sound logic can be extremely detrimental to the end-user experience.

因此若使用不当，即使是最为明智合理的逻辑，都会导致最终用户体验被严重损害。

===分隔线===

这是我迄今为止个人翻译过最长的文章，作为一个非科班专科生而言。

翻译过程中参考百度翻译、谷歌翻译以及爱词霸在线词典。

欢迎对照原文对本篇内容中语法和表达错误提出指正，在此衷心感谢大家的任何意见。