在2024 年,我们将看到许多可用于应用程序、网站甚至平面设计的新设计趋势。其中许多设计趋势是由 Apple 和 Microsoft 等公司创建的,现在正被许多 UX/UI 设计师广泛使用。
空间 UX/UI 设计——Apple Vision Pro、Oculus VR 等。

自从 Apple Vision Pro 发布以来,空间 UX/UI 设计就变得非常重要。Meta 和微软等其他公司也在同一行业投资了数十亿美元。随着 AR/VR 行业的发展,该领域对设计师的需求也在增长。
AR/VR 设计(也称为空间设计)为我们为手机和笔记本电脑制作的 UI 设计带来了许多新变化。由于您是为新的三维空间进行设计,因此有很多新事物需要探索。甚至我们用手势和手指手势进行交互的方式也使交互变得独一无二。AR/VR 耳机上的 UI 设计非常生动,具有特殊的网格,并且专注于可用性和可访问性。
用于 UI 设计的 Bento Grids

Bento 网格的设计灵感来自日本流行的便当盒 — “Bento Boxes”。该概念将各种功能和图像分成独特的网格和布局,并加入创意素材和图形(如上图所示)。
当 Apple 开始在其网站、海报甚至广告中到处使用 Bento Grids 时,Bento Grid 才真正出名。每个网格块都有一个大而粗体的图像,并有一个恰当的标题来定义该图像。这也有助于品牌轻松地在小部分/区域中显示大量信息。这些 Bento Grids 可以通过悬停动画和 3D 样式进行交互。
这些 Bento Grids 确实可以拓展设计师的创造力。Bento Grids 的用途真的没有限制。
Bento Grids 的一些有趣资源:
- Bento Grids 灵感 — https://bentogrids.com/
- Bento UI 套件 — https://www.figma.com/community/file/1305970366720880942/figma-bento-grid-template
3D 和新形态设计

越来越多的网站和品牌将重点从平面设计转向 3D 设计。一个很好的例子就是他们最近推出的 Reddit 重新设计,采用全新的 3D 徽标、插图和图形。(如下所示)

由于市场上推出了许多新的 3D 设计工具,这一趋势变得非常容易接受。Spline 就是这样一种设计工具,它允许非 3D 设计师只需单击几下即可轻松创建 3D 图形。然后,您可以将这些设计进一步嵌入到您的实时网站或导出 3D 对象。
更多动画无处不在!
动画非常酷,可以为任何体验增添许多乐趣。借助新的网络技术和动画工具,为任何设计添加动画变得更加容易。这些动画从滚动动画(当用户向下滚动时发生事件)一直到我们在线订购食物时的庆祝动画。
随着科技世界的不断进步和竞争的加剧,网站和应用程序需要在其平台中添加更多的动画,以脱颖而出并使其变得更有趣。