
每年,我们都会看到一些新的设计趋势,有些设计浪潮实际上展现出了聪明而实用的特质。这些特质包括在更有限的空间内容纳更多信息的能力,以及建立更为深入的用户互动。
接下来,让我们来看看一些继续存在并即将成为互联网主流的设计趋势!
01.
便当盒设计风格
Bento box
近期在互联网流行的Bento box设计风格:

图片来源 — Freepik
日本的Bento box(便当盒文化)以井然有序的方式储存食物同时也能保持物品清洁而闻名,格子用来区分食物,极其讲究组合的美感。Bento UI即用户界面如同便当盒的结构,有清晰的区块划分,整齐整体的将内容排布。

Bento box的设计趋势,在 Dribbble 和 Behance 等平台上掀起波澜,供数百万设计师学习。然而 "模块化 "设计的概念是从网站的仪表盘开始的,例如 PayPal 等销售和财务仪表板、Google Ads 等分析工具等等。
Windows Phone 和 Lumia 它们使用的用户界面基本上就是便当设计的早期迭代。后来,微软在 Windows 8 中也将这一概念应用到了 Windows 桌面的开始菜单中。

Windows 8 开始菜单
虽然 Bento box 设计已被业界广泛使用,但当苹果公司决定首次使用 Bento box 设计时,Bento box 设计彻底火爆起来。他们最初将其用于 iPhone 的登陆页面,但很快就扩展到了苹果公司的活动幻灯片和演示文稿中。

另一张苹果海报
老式便当式设计与新趋势的最大区别在于,网格的每个部分都代表着一个独特的空间,而不是一组的一部分。
与许多其他UI设计趋势不同,Bento box 设计实际上已经不仅仅是一种漂亮的布局风格。现在,它已经发展到包括产品演示,与其他一些独特的布局混合,甚至采用新的视觉设计概念进行风格化。

上面的案例来自 diagram.com,它使用Bento box 设计通过互动体验来展示其工具的实际功能。这使得该工具具有吸引力,并告诉用户他们应该做什么。
Bentogrids.com网站收集了大量用于用户界面和图形的Bento box 设计,专门提供便当设计灵感,有兴趣的同学可以收藏一下~
02.
空间设计趋势和技术飞跃
Spatial Design Trends & Leaps in Technology
北京时间2023年6月6日凌晨,苹果2023年全球开发者大会发布了MR(混合现实)头显——Apple Vision Pro。在接下来的几周里,科技界都在谈论这个话题,每个设计师都在努力学习空间设计技能。

图片来源 — Apple.com
除了设计趋势之外,各种 AR/VR 初创公司也走到了前沿,他们的技术终于被人们津津乐道。也真正推动了 AR 和 VR 的发展。
有了伟大的技术,也就有了伟大的设计潜力。从智能手表到折叠手机,设计师们总是站出来展示他们的适应能力,空间设计也不例外。

这是随着一款名为“Bezi”的流行设计师工具,它非常接近 Figma 和 Spline 等设计工具,但增加了三维空间。设计师们可以进入空间设计领域,连接可工作的 AR/VR 头显,创造交互式空间体验。
简要了解 Bezi 允许我们创建的内容:

来自Bezi.com的演示
更好的用户体验是更好的 AR/VR 体验的一大促进因素。深入了解设计背后的技术、使用实际的 VR 头显、在空间环境中进行测试,这都是设计师工作的一部分。随着时间的推移,我们对用户体验的现有理解肯定会有很多新的变化。
除了想象力丰富、财大气粗的苹果公司,还有一些不那么精通技术的公司也为佩戴眼镜带来了全新的体验。
尽管谷歌的 "谷歌眼镜 "项目从未真正投入大规模生产,但太阳镜公司RayBan已凭借其新款Meta Wayfarer 眼镜加入了智能可穿戴设备的竞争行列。

图片来源 — RayBan
不要被RayBan的普通设计所迷惑,内置摄像头和智能功能可让用户存储视频/图像,并在社交媒体上进行直播,这为用户体验带来了全新的维度。也许,这是 2025年的设计趋势?谁知道呢?
03.
每个人都能制作动画
Everyone Can Animate!
当一种新技能能够为更多人所掌握时,新趋势往往就应运而生。
LottieFiles可以在任何工具的任何用户界面上轻松添加动画。考虑到对Lottie动画的需求,他们甚至为 Figma 推出了一个插件,允许用户将Figma动画转换为可导出的 Lottie JSON 文件。

Figma 的 LottieFiles 插件
这消除了 After Effects 和类似软件的学习曲线。因此,更多的设计师可以自行快速制作动画。
如今,我们会发现每家公司的登陆页面上都会出现诱人的互动。因为网站访客对差异化体验的需求不断增长,以及对将讲故事作为销售产品/服务的工具的更高要求。
以下面的登陆页面互动为例:

Apple Watch Series 9 登陆页面 - 滚动上的双击交互
有了滚动动画,访客就会全神贯注地欣赏向他们展示的内容。像 Webflow 和 Framer 这样的无代码工具一直在不断创新,为设计人员带来这种动画功能,而无需编写冗长的代码。
人们会认为交互动画可能已经达到了顶峰,没有什么可期待的了。幸运的是,科技界人士一直在寻找下一件大事。此外,由于各种工具层出不穷,我们所能想象的一切都成为了可能。
04.
扁平化设计的终结?
The End of Flat Design?
最近,很多设计师都在谈论设计界是如何从扁平化设计转向更加伪现实的视觉风格。这些风格包括3D图形、深度效果、拟物化等。
我们看到很多公司将 3D 作为核心风格。尽管它现在可能不会出现在网页和应用程序的设计中,但徽标也在随着这一新趋势进行更新。

与其他设计趋势一样,实现这些样式的一个重要原因是引入了“易于使用”的基于 Web 的 3D 工具,例如Spline和Vectary,这些工具使得在 Web 和应用程序上包含 3D 资源变得非常容易。
Airbnb公司因其简单而有效的应用程序设计和交互而广为人知。2023年,Airbnb宣布了一项应用程序更新,真正带来了一些新的重要功能。
Airbnb融入了十几种 3D 视觉元素,公告视频几乎都是关于 3D 的。

Airbnb 发布视频
等距视觉效果、3D 角色和动画以及大量的应用程序互动让用户想反复观看。从平面到 3D 的转变确实是缓慢而稳定的。
05.
人工智能设计工具--是好是坏?
The Flood of A.I. Design Tools — Friends or Foe?
人工智能是近几年来科技领域使用最多、认可度最高的词汇。虽然有些设计师将其视为对自己职业前途的威胁,但我们中的大多数人都在利用这种技术来更快地创造出更好的设计。

Adobe Firefly 用于视频处理
一系列标榜自己是 "人工智能驱动 "的设计工具,正尝试在各个层面实施开放式人工智能应用程序接口,同时也在开发自己的人工智能模型。
然而,这些人工智能功能大多只是噱头。在这些杂乱无章的噱头中,也有一些专注AI实际应用的公司,如Webflow的公司推出了名为 Relume A.I.的产品,这是一款功能强大的线框图和网站地图绘制工具。

Relume AI 的实际应用
我们只需输入一个提示,也就是项目描述,它就会自动生成一个完整、详细的网站地图和线框。线框中包含大量相关数据和布局,可以快速复制到 Figma 和 Webflow 中。
06.
用户体验更加细致入微
More Careful & Empathetic UX

许多设计师都开始关注可用性而非视觉设计,简化流程。这使得设计变得更加简单、更具可操作性、可访问性和包容性。尽管在过去的几年中,设计行业发生了很多变化,但设计师们仍然坚持使用有效的设计,而不是重复设计。

2019年至2023年“用户体验可访问性”的Google趋势图
谷歌趋势图显示了无障碍设计是如何成为一种真正的工业需求的。
这些无障碍设计技术包括色彩对比、可读性字体、可识别的操作元素,甚至还包括对不同能力的人进行阴影处理,以实现以无障碍为重点的功能。
为什么需要无障碍设计?
由于目前需要为不同年龄甚至身体有缺陷的人进行设计,无障碍设计也在大力推进。公司希望从所有不同的人群中获利,并在各个方面推动包容性。随着越来越多的人走向数字化,设计师几乎必须关注无障碍设计。
个性化设计
除了可访问性之外,个性化才是真正让人无法离开应用程序或网站的原因。比如YouTube上这样一条小信息:

我们也会看到各种应用程序在试用新功能几天后,因为用户不喜欢而将其撤回。这直接体现了用户体验设计师是如何在产品和服务的未来发展中发挥主导作用的。
UI/UX
关注我!持续放送更多有关UI/UX设计知识。
有意向申请交互/工业产品/游戏/用户体验设计相关方向的同学欢迎关注我们~
文中信息来源:
https://blog.prototypr.io/ux-ui-design-trends-going-into-2024-ca43a839b541
侵权告知即删
