Material Design提供了设计APP时所需的整套工具和指南,帮助你在用户体验设计过程中遇到困难时做出明智的决策。但当你的app不那么符合特定的使用案例该怎么办?在谷歌,当设计师要做的产品不那么适合这份指南的时候会如何? Material Design指南应当因事制宜。透过此文,我们将细看Keep和Inbox这两个谷歌app,来理解它们设计过程中是如何改变一些规则,领会Material Design指南的整体精神后进行实际应用。 Inbox:探索印刷网格 在谷歌设计一款全新的电子邮件Web应用可谓一个相当有野心的任务,尤其是在Gmail已经存在的情况下。借助新的Materail Design规则,Inbox团队企图创建更密集的UI、更特别的用户体验和品牌标识。就在Inbox设计团队在整合最初的设计时,Material Design尚仍在开发中。这提供了他们一个绝佳的机会:建立Material Design 网页标准,以解决密集UI的设计问题。 密集的UI设计 Inbox最初的设计不够灵活,因为在13英寸屏幕上只有7封邮件的空间。这相比较于Gmail能展示16-20封邮件而言实在太少。Inbox的视觉设计首席Tim Smith解释道: “如果你分别打开Gmail和Inbox,在视觉密度上有很大区别。在内容和留白之间找到理想的平衡就成了我们最大的挑战之一。” 通过调整网格、行高、文字表达,Inbox成功建立了密集型网页UI的设计标准,做到能展示12-17封邮件,每个邮件存在于一张Material Design卡片中。字体大小和外观也被设计成因个人设备不同而有所调整改变。例如,电子邮件的主题行会根据屏幕尺寸的增长而变化字体尺寸。 (责任编辑:admin) |