推荐Lovart 中文版 - 一站式 AI 设计平台推荐一人企业Vibe Coding社区!热门AI设计工具新品免费AI编程工具 Trae - 智能编码助手Seedance2.5已上线新用户注册即领免费算力
UIED.CN今天偷学哪一招,朋友

探索2024年UX/UI设计趋势,提升产品用户体验

1JWc344gGRaKczLTKDKOKBw

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

空间 UX/UI 设计——Apple Vision Pro、Oculus VR 等。

15VqfqheOtPfdVSzaFkJ21A
Apple Vision Pro 界面

自从 Apple Vision Pro 发布以来,空间 UX/UI 设计就变得非常重要。Meta 和微软等其他公司也在同一行业投资了数十亿美元。随着 AR/VR 行业的发展,该领域对设计师的需求也在增长。

AR/VR 设计(也称为空间设计)为我们为手机和笔记本电脑制作的 UI 设计带来了许多新变化。由于您是为新的三维空间进行设计,因此有很多新事物需要探索。甚至我们用手势和手指手势进行交互的方式也使交互变得独一无二。AR/VR 耳机上的 UI 设计非常生动,具有特殊的网格,并且专注于可用性和可访问性。

用于 UI 设计的 Bento Grids

1WxQ8fLFOAb5auQhUZKk65g
Bento Grid 示例

Bento 网格的设计灵感来自日本流行的便当盒 — “Bento Boxes”。该概念将各种功能和图像分成独特的网格和布局,并加入创意素材和图形(如上图所示)。

当 Apple 开始在其网站、海报甚至广告中到处使用 Bento Grids 时,Bento Grid 才真正出名。每个网格块都有一个大而粗体的图像,并有一个恰当的标题来定义该图像。这也有助于品牌轻松地在小部分/区域中显示大量信息。这些 Bento Grids 可以通过悬停动画和 3D 样式进行交互。

这些 Bento Grids 确实可以拓展设计师的创造力。Bento Grids 的用途真的没有限制。

Bento Grids 的一些有趣资源:

3D 和新形态设计

1H-LZl3j2wFhtsNAF8ku-fA
迷宫 3D 网站

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

19etR7ON3PRBbh3CdF8Yb1w

Reddit 徽标重新设计

由于市场上推出了许多新的 3D 设计工具,这一趋势变得非常容易接受。Spline 就是这样一种设计工具,它允许非 3D 设计师只需单击几下即可轻松创建 3D 图形。然后,您可以将这些设计进一步嵌入到您的实时网站或导出 3D 对象。

更多动画无处不在!

Apple Watch 网站的屏幕录制

动画非常酷,可以为任何体验增添许多乐趣。借助新的网络技术和动画工具,为任何设计添加动画变得更加容易。这些动画从滚动动画(当用户向下滚动时发生事件)一直到我们在线订购食物时的庆祝动画。

随着科技世界的不断进步和竞争的加剧,网站和应用程序需要在其平台中添加更多的动画,以脱颖而出并使其变得更有趣。

文章声明

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

标签

评论 0

最新评论

登录后发布评论并参与互动。

暂无评论,欢迎抢沙发。

推荐阅读

查看更多