为什么要使用材料设计(权衡利弊)

本文概述

  • 什么是材料设计?
  • 为什么要使用材料设计?
  • 使用材料设计的缺点
  • 总结
Google的Material Design指南于5年前推出, 已成为其网站和基于应用程序的服务的标志性外观。他们立即被认作是Google的会员, 这是该公司品牌的福音。
Material Design也已为更广泛的设计社区所采用, 现在可以在Google本机平台以外的网站和应用程序上找到, 甚至可以在竞争平台上找到。例如, Simplenote在其针对台式机和移动平台的应用程序中使用了Material Design美学。这只是材料设计为什么是各种设计实现的绝佳选择的一个例子。
为什么要使用材料设计(权衡利弊)

文章图片
Simplenote是基于Material Design的界面的一个示例, 该界面已在Google的本机平台之外使用。
什么是材料设计? Material Design由Google于2014年创建, 部分基于Google Now中基于卡片的布局。对基于纸张的设计风格的认同使它与当时广泛使用的平面设计风格有所不同。
像大多数设计系统一样, Material Design的创建是为了在各种设备, 平台和输入方法上带来统一的用户体验。与苹果公司将平面设计原则作为其标准的方式类似, 谷歌使用Material Design来确保无论用户如何访问其产品, 他们都将获得一致的用户体验。
材料设计规范包括所有内容的指南:版式, 网格, 空间, 比例, 颜色和图像。但是Material Design不仅要告诉设计师如何使外观看起来更进一步。它使设计师能够创建具有层次结构, 含义并专注于最终结果的有意设计。
为什么要使用材料设计(权衡利弊)

文章图片
罗勒(Basil)基于卡片的结构在很大程度上源自Material Design的布局指南。
为什么要使用材料设计? 与任何完善的设计系统一样, 设计人员应考虑使用材料设计的一些主要优点。
材料设计实际上是整个设计生态系统, 而不仅仅是一组样式准则。如果存在潜在的设计情况, 则Material Design可能具有一套全面的规则来处理它。这包括复杂的用例, 而这些用例通常被较不完善的设计系统所忽略。对于想要这种结构的设计师来说, 这可能会非常令人安慰。
Google维护Material Design, 并保留有关如何使用和实施它的大量文档。许多现代设计系统可能缺少这种支持和文档。
为什么要使用材料设计(权衡利弊)

文章图片
Shrine使用许多复杂的布局, 包括基于卡片的产品页面。
尽管具有如此全面和文档化的设计, 但是Material Design仍然是一个相当灵活的设计库。在指南中, 如何实施设计的许多细节完全由设计者决定。
Material Design的更多粒度优势包括微妙的拟态, 这使它不同于平面设计, 并使许多用户更直观。另一个用户友好的功能是, 以触觉反馈, 细微动画和类似内容的形式提供用户反馈。它也具有非常简化的物理意义, 这使得交互更加直观。
【为什么要使用材料设计(权衡利弊)】Material Design建立在移动优先的敏感性之上, 考虑到其最初的目的是设计Android应用, 这是有道理的。它还可以促进设计中的动画效果, 以获取用户反馈并暗示不同功能的功能。
最终, 提供了深色主题选项, 为设计师提供了更大的视觉灵活性。最初, Material Design非常轻便明亮, 与某些品牌的美学效果不符。添加深色主题指南可解决此问题。
为什么要使用材料设计(权衡利弊)

文章图片
拉力赛在实现深色材质设计主题方面做得非常出色。
使用材料设计的缺点 尽管Material Design具有明显的优点, 但这并不意味着使用它不会带来任何弊端。
首先, 可以立即识别Material Design, 并且与Google(尤其是Android)紧密相关。虽然这不一定对每个人都是坏事, 但对某些人来说却可能是负面的。
可能是负面的一个重要原因是, 它限制了使用设计系统时其他商标的有效性。是的, 设计师可以结合徽标, 调色板(在” 材料设计指南” 中)和其他差异化因素来支持品牌标识, 但是遵循” 材料设计” 规范的产品几乎也总是与Google相关联。
由于动画和动画是在《材料设计指南》中进行宣传的, 因此未合并动画和动画的网站或应用对用户来说似乎就像是在丢失某些东西。人们将” 材料设计” 的运动特征与视觉特征相关联, 从而可以使设计缺少运动。
当然, 一种解决方案是始终将运动纳入遵循材料设计规范的设计中。但是, 大量的动画可能会在移动设备上占用大量资源, 从而导致更高的数据使用率和更快的电池消耗。设计人员在” 材料设计” 指南中进行操作时必须考虑的平衡点。
初学者可能会发现” 材料设计” 规范比诸如平面设计的其他样式更复杂且更难以实现。由于” 材料设计” 系统是如此全面, 因此要考虑和坚持的东西比许多新设计师可能会感到满意的要多。
为什么要使用材料设计(权衡利弊)

文章图片
Crane使用浅色和深色主题来创建复杂且美观的设计。
它的全面性还可能导致某些设计师感到受束缚, 无法充分实现自己的创造力。由于实际上已经针对任何设计挑战进行了计划并提供了解决方案, 因此它也可以抑制创新。尽管在许多情况下很有用, 但这可以防止设计人员采用新方法解决问题, 同时还限制了可能出现的新想法的数量。
Material Design中还存在一些可用性问题, 这些问题会使网站和应用程序变得非常不友好。最大的问题之一是在许多移动设计应用程序中遇到的所谓的” 神秘肉” 导航。图标通常用于代替文本, 有时有时可以立即识别出图标并且相当有用, 但有时却不能。
与以前大多数Android界面中使用的房屋图标相比, 标识” 房屋” 的圆圈要难得多。这是将表单置于功能之上的主要示例, 它是Material Design平面设计根源的保留。
它不仅在下部导航栏中。 Material Design偏好包含圆形浮动动作按钮也是一个可用性问题。这些圆形按钮仅包含图标空间, 不包含辅助文本。而且由于图标可以公开解释, 因此在许多情况下, 用户不得不质疑这些按钮的实际作用。
为什么要使用材料设计(权衡利弊)

文章图片
回复通过包含文本标签的更详细的滑出菜单解决了浮动导航图标。
总结 如果主要为Android平台构建应用, 则使用Material Design是一个简单的选择。由于Google的广泛采用, 任何基于Material Design原理的应用都将感觉像是本机应用。
也就是说, 除了Android平台之外, 还有很多其他用例, 其中Material Design是一个不错的选择。随着设计系统的进一步成熟, 这些情况必将增加。设计人员至少应该熟悉准则, 以便他们可以自己确定何时使用Material Design, 以及何时可能更适合使用其他系统。
? ? ?
在srcmini设计博客上进一步阅读:
  • 如何建立有效的设计框架(带有免费的草图文件)
  • 创建UI风格指南以获得更好的UX
  • 了解设计系统和模式
  • 基于组件的框架的A / B测试UX
  • 优秀UX的设计心理学和神经科学

    推荐阅读