iOS 14&macOS Big Sur

当前位置:首页>设计文章>产品>iOS 14&macOS Big Sur

随着iOS 14macOS Big Sur的推出,我们见证了UI设计中的下一代革新。尽管这些改变并不像7年前的iOS那样具有革命性,但毫无疑问,它们呈现出UI设计师未来将遵循的趋势。让我们看看具体细节:

平面设计不再是趋势

新的Apple操作系统保持极简主义,但是它们的外观获得更多阴影,纹理和3D形状。Apple降低了视觉复杂性,并使设计更加简约。有些元素比较扁平,但感觉却与其他的扁平设计截然不同。除此之外, iOSmacOS都为其用户体验带来了更多3D尺寸。

Tips for designers:考虑在您的设计中运用极简主义设计,并尝试使用简单的效果(例如阴影,半透明)以建立视觉层次。

iOS 14&macOS Big Sur

新的微妙功能

人脑需要一个提示来识别物体。 我们倾向于将3D对象视为交互式对象。 这就是为什么许多按钮仍带有阴影的原因。但动态是另一条线索,苹果设计师知道,macOS工具栏图标丢失了形状以消除视觉复杂性。但是,当用户在周围拖动光标时,他们的背景会突出显示并鼓励他们按下操作。

最后一个明显的区别是颜色差异。 苹果希望设计师使用色调来使活跃元素更加突出。除此之外, 此色调应反映品牌或产品颜色的主色调。

Tips for designers:不要担心没有突出显示所有选项。 并非每个按钮都需要具有形状。 当用户将鼠标悬停在图标表面上时,它可能会出现。 尝试使用色调差异,并尽可能消除视觉上的复杂性。

iOS 14&macOS Big Sur

制作数字材料(digital materials)

GoogleMaterial Design开始,向我们展示了digital paper的愿景,然后Microsoft引入了Fluent Design,它具有多种数字纹理的概念。 苹果公司紧随其后,而且将其提升到了一个新的高度。这是一个很好的决定,因为数字材料比原始像素正方形更令人愉悦,且使用户界面更加人性化。

Tips for designers:发挥数字材料的概念。 使用深度(depth),阴影(shadows)和半透明(translucency)来创建视觉层次。

iOS 14&macOS Big Sur

微妙的效果以提升用户体验

苹果设计师加入了一些微妙的视觉效果,您无法从模型或屏幕截图中看到所有这些内容,因为其中一些是动态的或声音的(Big Sur引入了数十种新的和增强的UI声音)。设计师最主要看到的是下一代模糊效果-称为渐进式模糊(progressive blur)。

Tips for designers:了解在新OS的何处以及如何使用渐进式模糊。考虑一下如何将其应用到您的设计中。

图标中的新拟态(skeuomorphic)

在过去的几年中,macOS风格使应用程序图标扁平化,这已经改变了。如今,大多数图标都具有类似于iOS的形状,但它并不扁平,它是拟态的

Tips for designers:浏览新图标资源库,了解其他阴影和渐变如何改变完全适合Big Sur图标样式的平面iOS图标的感觉,考虑对某些元素使用3D形状。

iOS 14&macOS Big Sur

使用小部件显示即时信息

iOS 14为小部件带来了全新的方法。 它们直接显示在主屏幕中。 这些小部件在iPad OS上看起来几乎相同,并且与macOS Big Sur上的新部件非常相似。

Tips for designers:考虑您应用中的哪些信息对用户最重要,它可能是小部件的基础。 尝试尝试直接在主屏幕中显示的小部件的新尺寸(小,中和大),同时需要支持黑暗模式。

iOS 14&macOS Big Sur

整体生态系统

所有Apple Systems iOSiPadOSmacOS甚至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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
产品

UI基础设计原则

2023-9-2 11:12:41

产品

设计情感UI

2023-9-2 22:56:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索