随着iOS 14和macOS Big Sur的推出,我们见证了UI设计中的下一代革新。尽管这些改变并不像7年前的iOS那样具有革命性,但毫无疑问,它们呈现出UI设计师未来将遵循的趋势。让我们看看具体细节:
平面设计不再是趋势
新的Apple操作系统保持极简主义,但是它们的外观获得更多阴影,纹理和3D形状。Apple降低了视觉复杂性,并使设计更加简约。有些元素比较扁平,但感觉却与其他的扁平设计截然不同。除此之外, iOS和macOS都为其用户体验带来了更多3D尺寸。
Tips for designers:考虑在您的设计中运用极简主义设计,并尝试使用简单的效果(例如阴影,半透明)以建立视觉层次。

新的微妙功能
人脑需要一个提示来识别物体。 我们倾向于将3D对象视为交互式对象。 这就是为什么许多按钮仍带有阴影的原因。但动态是另一条线索,苹果设计师知道,macOS工具栏图标丢失了形状以消除视觉复杂性。但是,当用户在周围拖动光标时,他们的背景会突出显示并鼓励他们按下操作。
最后一个明显的区别是颜色差异。 苹果希望设计师使用色调来使活跃元素更加突出。除此之外, 此色调应反映品牌或产品颜色的主色调。
Tips for designers:不要担心没有突出显示所有选项。 并非每个按钮都需要具有形状。 当用户将鼠标悬停在图标表面上时,它可能会出现。 尝试使用色调差异,并尽可能消除视觉上的复杂性。

制作数字材料(digital materials)
从Google的Material Design开始,向我们展示了digital paper的愿景,然后Microsoft引入了Fluent Design,它具有多种数字纹理的概念。 苹果公司紧随其后,而且将其提升到了一个新的高度。这是一个很好的决定,因为数字材料比原始像素正方形更令人愉悦,且使用户界面更加人性化。
Tips for designers:发挥数字材料的概念。 使用深度(depth),阴影(shadows)和半透明(translucency)来创建视觉层次。

微妙的效果以提升用户体验
苹果设计师加入了一些微妙的视觉效果,您无法从模型或屏幕截图中看到所有这些内容,因为其中一些是动态的或声音的(Big Sur引入了数十种新的和增强的UI声音)。设计师最主要看到的是下一代模糊效果-称为渐进式模糊(progressive blur)。
Tips for designers:了解在新OS的何处以及如何使用渐进式模糊。考虑一下如何将其应用到您的设计中。
图标中的新拟态(skeuomorphic)
在过去的几年中,macOS风格使应用程序图标扁平化,这已经改变了。如今,大多数图标都具有“类似于iOS的形状”,但它并不扁平,它是拟态的。
Tips for designers:浏览新图标资源库,了解其他阴影和渐变如何改变完全适合Big Sur图标样式的平面iOS图标的感觉,考虑对某些元素使用3D形状。

使用小部件显示即时信息
iOS 14为小部件带来了全新的方法。 它们直接显示在主屏幕中。 这些小部件在iPad OS上看起来几乎相同,并且与macOS Big Sur上的新部件非常相似。
Tips for designers:考虑您应用中的哪些信息对用户最重要,它可能是小部件的基础。 尝试尝试直接在主屏幕中显示的小部件的新尺寸(小,中和大),同时需要支持黑暗模式。

整体生态系统
所有Apple Systems iOS,iPadOS,macOS甚至watchOS都可以作为单个生态系统工作。他们具有相同的字体,图标和几乎相同的视觉样式。这种一致性使用户感到熟悉和自信。它建立了更多的信任并与品牌建立了更好的联系。
Tips for designers:如果要创建可用于所有设备的全渠道解决方案,请观察Apple应用程序如何在平台之间发生变化。如何跨平台保持设计的一致性?可以参考官方的人机界面指南:
macOS Big Sure准则
https://developer.apple.com/design/human-interface-guidelines/macos/overview/whats-new-in-macos/
感谢阅读:)
除非注明,否则均为UIED用户体验学习平台-交互设计资讯的原创文章,转载必须以链接形式标明本文链接
本文链接:https://www.uied.cn/30689.html