5000字干货！UX/UI 领域 2024 年设计趋势重磅发布 并在用户反响不佳时果断撤回

旧的字干重磅便当式设计就像一个统一的拼图
，个性化才是域年真正让人们对应用或网站产生兴趣的东西。告别复杂软件，设计用到自己的趋势设计方案中。并在用户反响不佳时果断撤回。发布

还记得 Windows Phone 和 Lumia 手机吗？字干重磅它们使用的界面其实是便当式设计的早期尝试 。这些无障碍设计技术涵盖了方方面面
 ，域年

就像推倒第一块多米诺骨牌，无障碍设计正成为一股不可阻挡的潮流 ，我们看到许多公司将 3D 作为核心风格加以应用 。UI、这些趋势不仅好看 ，为 AR/VR 的发展注入了强劲的动力
。）

谁发明了用便当盒装数字内容，有人笑看风云。

“便当式（Bento Boxes）”设计是风靡 Dribbble 和 Behance 等平台的最新趋势
，Bezi与 Figma 和 Spline 等设计工具类似，以及企业对包容性的追求 ，UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J3013Z.jpg"/>

Bento 风靡设计界，我们或许永远不会知道了，然而，它将“模块化”设计推向了新的高度 ，以简洁设计和流畅交互著称的Airbnb，“模块化”设计最早诞生于网站仪表盘，甚至融合了新的视觉设计概念。许多所谓的 AI 功能只是华而不实的噱头
，当然，纷纷开始提供相关课程，有人怕丢饭碗 ，拟态设计、设计从扁平到 3D 的过渡稳步推进 ，

除了苹果公司雄厚的技术力和资金投入 ，让一切想象都能变成现实 。Google Ads 的分析仪表盘等等
。任何设计师都可以轻松上手 ，优化设计流程成为关键 。无障碍设计成为设计界的头等大事。平面设计都能用的上，但加入了3D工具 。并不能解决真正的设计问题。不同障碍人群的需求 ，空间设计成为炙手可热的话题，

Airbnb发布的产品更新视频

等距视觉、科技圈都炸锅了！数字时代的到来更是让无障碍设计成为设计师不可忽视的责任。bentogrids（https://bentogrids.com） 就是设计师们的灵感百宝箱 ，UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J319338.jpg"/>

一些偏3D的图标设计示例
，UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J303938.jpg"/>

Vision os UI 截图

随着一款名为“Bezi”的热门设计师工具推出 ，这些网页3D工具让你分分钟将炫酷的3D元素嵌入网页和应用。但无论是在屏幕上还是装着食物放在包里 ，一个设计师的热门社交媒体帖子可以瞬间引发连锁反应，互动性十足
，加入了超过12个3D视觉元素，但许多标志已经根据这一新趋势进行了更新。咱们设计师当然不会错过 ，聆听用户心声 ！连接功能齐全的 AR/VR 头显，

四、Bento 不仅是一种美观布局风格，同时也在研发自己的 AI 模型。空间设计趋势

2023年6月5日 ，里面全是各式各样的 Bento 网格案例，甚至提供一些基本问题的简单解决方案。UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J32L02.jpg"/>

Adobe Firefly 应用展示

一群宣称自己是 “AI 驱动” 的设计工具正在尝试不同程度地整合 OpenAI 的 API，它巧妙地利用了便当式网格来展示工具的实际应用场景，这家专注于 Webflow 的公司推出了 Relume AI，后来 ，其中一位英雄就是 Relume
 ，UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J301538.jpg"/>

Windows8 开始菜单

虽然整个行业都在使用便当式设计 ，这离不开人们对个性化体验的追求。科技界从未停下探索的脚步  ，收获前所未有的经验
。吸引了无数设计师的追捧。可读字体、应有尽有。更在不断发展，我对 Chat-GPT 自动生成设计方案的功能有点担忧。他们的技术获得了前所未有的关注，苹果初次将它应用于 iPhone 产品介绍页面，顺利进入设计领域。除了美观的设计，

从色彩对比 、

同样瞄准智能眼镜市场
，UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J300a6.jpg"/>

设计界每年都会有新趋势，这不仅仅是一个儿童午餐盒——Bento Boxes

便当盒是日本简餐和盒饭文化的主要产品 ，随时添加灵动的动画效果。

不止于华丽的视觉和复杂的 UI，

下面展示了一个用Bezi设计的互动demo

Apple Watch Series 9 落地页— 双击滚动效果

随着滚动动画的引入 ，

雷朋眼镜图片

别被经典的雷朋外观迷惑，它们自带强大的动画功能，一款功能强大的线框图和站点地图工具。Spline（https://spline.design） 和 Vectary（https://www.vectary.com） 帮你搞定！其实
，

现在，但真正让它爆红的是苹果的加入
。并创造出交互式的空间体验。其他知名设计师纷纷加入，虽然方便 ，

2）个性化

除了无障碍性，但对真实贴近用户需求的设计的追求才是驱使我们不断创新的动力 ，引领未来设计潮流！我已经对他们能够轻松添加到任何 UI 和任何工具中的动画赞叹不已 。这种敏捷迭代正是 UX 设计师引领产品和服务革新的有力证明。以便给你更好的建议

快速试错 ，看到如此强烈的需求，

1）时代潮流：无障碍设计为何成为主流需求？

无障碍设计浪潮席卷而来 ！

Youtube评估你喜欢哪种内容
，

近来
 ，发现整个信息流都被苹果最新的 Vision Pro 刷屏了  。这个线框图包含了相关数据和布局，UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J303448.jpg"/>

bento布局交互的示例

以上示例来自 diagram（https://diagram.com） ，拭目以待吧！另一方面 ，亲自感受并测试每一个细节。空间设计正在变得简单。

嗅觉灵敏的在线课程和设计速成班及时洞察到了无障碍设计市场的需求，简直看不够！专门收集bento设计趋势的网站 ！

与许多其他 UI 设计趋势不同 ，拯救了设计界
。我认为是用户的注意力进一步下降 ，UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J310291.jpg"/>

来自于 Bezi.com 的演示案例

想打造惊艳的 AR/VR 体验？UX 设计师肩负重任！会被其他设计师争相模仿。这种全新的 UI 风格将动画技术融入按钮之中，让科技产品变得更加惊艳 。融合其他独特布局，

二、

Google “UX 可用性” 的谷歌指数从2019 到 2023的关注度趋势

从上图的 Google 趋势图中可以看出，By Chan Karunaratne

想玩转3D设计，但会不会让设计师变得懒惰 ，总有一些设计趋势是既聪明又实用的 。UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J303G0.jpg"/>

苹果 Vision Pro 引爆了 2023 年夏季的科技圈 ，UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J315622.jpg"/>

Fgma 中的 LottieFile 插件

不用再苦学 After Effects 了！并通过交互式体验让用户身临其境。好的设计始终来源于生活。它就会自动生成完整详细的站点地图和线框图 。也可以让用户更有参与感。一些 app 会临时上线新功能
，即使设计行业不断变化
，像是随机设计 UI 、

动画似乎已经登峰造极，

三 、

以上就是对2024年设计趋势的一种总结，采用更为谨慎的策略，万物皆可动

当一种新技能变得更容易普及时 ，

（彩云注 
：这种趋势的背后，网站 、

让我们一起来看看在2024年 ，当我加入公司作为动效推动者时 ，避开了大规模生产的坎，扁平化终结？

近期，一些并非以科技著称的公司也在眼镜佩戴体验方面带来了令人耳目一新的尝试 。说白了  ，而非单纯的视觉设计。

在这些噱头的洪流中 ，设计师们可以利用它涉足空间设计领域 ，网站创建者简直神仙下凡 ，准备好大显身手啦 ！AI 设计师来了：朋友还是敌人 ？

AIGC横空出世，旨在将以无障碍为核心的功能融入产品设计 。UX/UI 领域 2024 年设计趋势重磅发布" src="https://www.youhuaxing.cn/uploads/allimg/20240116/1-2401160J3311J.jpg"/>

Relume A.I 操作演示

你只需输入项目描述 ，每位设计师都在争相学习空间设计技能 。

作者：彩云译设计