设计师可能正处于平面设计和更详细的三维设计元素的十字路口。 以下是一些最近的示例,可让您先睹为快。
设计趋势来来去去,但有一种趋势已经存在了一段时间,那就是扁平化设计——你到处都能看到它;UI 上的按钮、徽标、图形等。 我们可能正处于这种方法的转型时期,以下是我最近遇到的一些例子,这些例子可能会使这成为现实。
在本文中,我主要关注数字界面以及该领域的设计如何随时间变化。
2013 年,当 Apple 推出 iOS 7 时,扁平化设计开始流行,我们看到了界面设计方法的一夜之间发生了转变。 当然,他们已经采用了其他制造商已经在实施的元素,但苹果对行业内其他公司(作为潮流引领者)的影响是无与伦比的。
iOS 7 见证了 iOS 设计语言的巨大飞跃。 与其前身更复杂的拟物化设计相比,Apple 引入了更简单、更扁平的设计。 蒂姆·库克(Tim Cook)称其为“自iPhone以来iOS的最大变化”。
正如你在上面看到的(左边是iOS 6,右边是iOS 7),为了让iOS 7界面更平坦,大部分3D元素都被移除了,这种变化是有原因的,世界需要摆脱拟物化设计,让用户熟悉下一代界面。
快进 10 年,大多数现代界面仍然在其产品上使用这种设计语言。 然而,随着设计开始变得更加复杂和 3D(再次!它的某些方面也开始发生变化。 让我们举几个最近的例子。
让我们从最近的一个开始。 Reddit最近用新的符号和单词标签重新设计了其徽标。 正如你所看到的,与旧标志相比,代表Snoo(Reddit的吉祥物)的符号具有一些三维性。 我们很少看到非平面标志,而 Pentagram 也与许多世界上最大的品牌合作,它采取了这个方向,这意味着我们将看到更多这样的标志。
现代标志通常是扁平的,因为它们是可读的和可扩展的。 在不久的将来,看看其他公司如何处理他们的品牌会很有趣。
让我们回到几年前的2024年。 同年 11 月,Apple 发布了 macOS Big Sur 并更新了图标集。 就我个人而言,我认为在这段时间里,出现了一种更详细地设计3D效果的新趋势,因为我看到关于这个问题的大多数讨论都是在这个时期开始的。
借助 Big Sur,Apple 开始为其原生应用程序图标添加更多细节,使它们看起来不那么扁平。 如上图所示,图标现在具有更深的阴影和渐变。 这有助于增加深度并使图标看起来更详细。
许多其他第三方应用程序开发人员也纷纷效仿并更新了他们的应用程序图标,使它们看起来比以前更 3D。
一如既往,苹果对界面设计的影响可以从越来越多的公司和个人追随这一新趋势这一事实中看出。
Airbnb 在他们的应用程序上进行了夏季和冬季设计更新,并实施了一系列更复杂的 3D 设计,看看他们新的“访客护照”功能,其中访客护照图标被设计成类似于真正的“书”,当与它交互时,有一个模仿现实生活中书籍开头页面的动画。
访客护照的内视图还在顶部添加了阴影,以增加看起来不那么平坦的深度。
Airbnb的另一个例子是他们的“客人最爱”和新改进的“月份选择器”设计。 如上所述,新的“访客收藏夹”部分为评级添加了精美的 3D 效果。 新的月份选择器(右)还具有更逼真的表盘设计。
Shopify 使用新的设计语言更新了其流行且广受赞誉的设计系统 Polaris。 旧的扁平按钮现在更小,触感更强。
重新设计是有道理的。 根据该团队的说法,最初的扁平化设计使界面更简洁,使事情更容易理解,体验感觉更高效。 但随着时间的流逝,商家开始将管理员的体验归类为:"杜尔"、"镇压"跟"乏味"。
主要目标是提升设计系统,让管理员感觉更像是一个“专业工具”。
您可以在此处阅读有关此项目的更详细案例研究。
那么这一切意味着什么呢?对我来说,我认为我们正在从完全扁平化的设计向前迈进。 扁平化设计有好处,但我认为现代设计正在以一种增加更多细节的方式发展。 设计人员和开发人员应该准备好将这些更改添加到他们的系统中,因为它们在大型品牌和产品中变得越来越普遍。