首页 资讯 民生 科技 财经 汽车 房产 娱乐 文化 能源 公益 时尚 健康 图片

网络

旗下栏目: 三农 教育 法治 体育 消费 旅游 网络

总结!2024年的热门UX / UI设计趋势

来源:彩云sky 作者:复兴网网络 发布时间:2024-01-10
摘要:年初第一篇,聊聊设计趋势。 设计界每年都会有新趋势,这些趋势不仅好看,还很有生命力,会被其他设计师争相模仿。不管你喜欢还是不喜欢,总有一些设计趋势是既聪明又实用的。这些趋势可以帮助你在有限的空间里放进更多信息,也可以让用户更有参与感。 让我们一起来看看

每年都可能会有新的、或者热门的设计趋势出现,那么当时间进入2024年,有哪些热门的设计趋势是值得我们关注的?这篇文章里,作者总结了6个热门设计趋势,一起来看看吧,或许可以为你带来一些启发。

Windows 8 开始菜单

虽然整个行业都在使用便当式设计,但真正让它爆红的是苹果的加入。苹果初次将它应用于 iPhone 产品介绍页面,之后迅速拓展到 Apple 发布会的PPT和展示中。

(彩云注:这种趋势的背后,我认为是用户的注意力进一步下降,内容的聚焦化设计在迎合这种趋势。另一方面,好的设计始终来源于生活。)

Apple 宣传海报

Bento 风靡设计界,堪称苹果引领的又一设计巨浪。不只是专业设计师,各行各业都对 Bento 青睐有加,将其运用到PPT、网站、产品发布等诸多领域。

旧的便当式设计就像一个统一的拼图,而新的便当式设计则强调每个网格的独立地位,让各个部分不再仅仅是背景板,而是拥有自己个性和功能的舞台。

与许多其他 UI 设计趋势不同,Bento 不仅是一种美观布局风格,更在不断发展,融入产品演示、融合其他独特布局,甚至融合了新的视觉设计概念。

就像下面这样:

图片来源 — Apple.com

苹果 Vision Pro 引爆了 2023 年夏季的科技圈,空间设计成为炙手可热的话题,每位设计师都在争相学习空间设计技能。这股热潮也波及了沉寂许久的 AR/VR 领域,众多 AR/VR 初创公司浮出水面,他们的技术获得了前所未有的关注,为 AR/VR 的发展注入了强劲的动力。

设计师们是科技潮流的弄潮儿!从智能手表到折叠手机,他们总能玩出新花样,让科技产品变得更加惊艳。空间设计这个新战场,咱们设计师当然不会错过,准备好大显身手啦!

(彩云注:我现在已经加入这个领域,也正在持续学习,去年光XR相关的设计文章也写了10多篇)

图片来源 — RayBan

别被经典的雷朋外观迷惑,隐藏在时尚镜框之中的智能功能可让你轻松存储视频/图像并直接在社交媒体上进行直播,从而为用户体验带来全新升级。这或许会成为2025年的科技潮流,拭目以待吧!

三、万物皆可动

当一种新技能变得更容易普及时,往往会催生出新的趋势。

LottieFiles 的使命之一就是让动画变得简单易用。当我加入公司作为动效推动者时,我已经对他们能够轻松添加到任何 UI 和任何工具中的动画赞叹不已。看到如此强烈的需求,他们甚至为 Figma 推出了一个插件,可以将 Figma 动画转换为可导出的 Lottie JSON 文件。

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

随着滚动动画的引入,用户会全神贯注于你呈现给他们的东西。Webflow 和 Framer 等无代码工具不断创新,让设计师无需编写冗长的代码就能实现这样的动画功能。

动画似乎已经登峰造极,再无惊喜可言?幸好,科技界从未停下探索的脚步,而功能强大的工具层出不穷,让一切想象都能变成现实。

其中一个令人欣喜的趋势就是“动画按钮”。这种全新的 UI 风格将动画技术融入按钮之中,赋予其更多活力。按钮的变化形式多种多样,从简单的描边动画到鼠标悬停时内部闪烁的星星,应有尽有。

图片来源 learnframer

就像推倒第一块多米诺骨牌,一个设计师的热门社交媒体帖子可以瞬间引发连锁反应,其他知名设计师纷纷加入,让趋势在短时间内席卷整个设计界。

四、扁平化终结?

近期,许多设计师都在讨论设计界正从扁平化设计转向更具写实风格的视觉效果。

这些风格包括 3D 图形、深度效果、拟态设计、拟物设计等等。最近,我们看到许多公司将 3D 作为核心风格加以应用。尽管它可能现在还没有直接体现在网页和应用设计上,但许多标志已经根据这一新趋势进行了更新。

正好彩云上一篇文章也写到这个过趋势扁平化设计终结?新趋势来了?

一些偏3D的图标设计示例,By Chan Karunaratne

想玩转3D设计,Spline(https://spline.design) 和 Vectary(https://www.vectary.com) 帮你搞定!告别复杂软件,这些网页3D工具让你分分钟将炫酷的3D元素嵌入网页和应用。更令人惊喜的是,它们自带强大的动画功能,让3D作品栩栩如生,学习起来也是轻松无压力!

谁能想到?一个简单的线性渐变和一些阴影,就能让你的设计和素材瞬间拥有立体感和深度!这种效果简直令人着迷。

设计界风向标Airbnb 又放大招了!以简洁设计和流畅交互著称的Airbnb,在2023年宣布重磅App更新,加入了超过12个3D视觉元素,发布视频全程聚焦3D,引领未来设计潮流!

等距视觉、3D 角色和动画,加上流畅的应用交互,让我欲罢不能!设计从扁平到 3D 的过渡稳步推进,这种细致入微的变化正是这个趋势经久不衰的秘诀。

谁是潮流的发起人或许难以追溯,但对真实贴近用户需求的设计的追求才是驱使我们不断创新的动力,当然,也少不了我们天马行空的想象力。

五、AI 设计师来了:朋友还是敌人?

AIGC横空出世,科技圈都炸锅了!有人怕丢饭碗,有人笑看风云。说白了,就是用科技提升效率,让设计更快更精彩!

Relume A.I 操作演示

你只需输入项目描述,它就会自动生成完整详细的站点地图和线框图。这个线框图包含了相关数据和布局,可以快速复制到 Figma 和 Webflow 中使用。

老实说,我对 Chat-GPT 自动生成设计方案的功能有点担忧。虽然方便,但会不会让设计师变得懒惰,无法充分发挥个人创意?

六、更周到和同理心的用户体验设计

不止于华丽的视觉和复杂的 UI,UX 设计正迎来真正的革新!UX设计师们将目光投向更深层次的需求,致力于打造无障碍且包容的设计,优化设计流程成为关键。

近来,许多设计师开始更加重视可用性,而非单纯的视觉设计。这股风潮将简洁易用的设计推上了舞台中央。即使设计行业不断变化,设计师们也开始更多地选择行之有效的方案,而非一味追逐创新。

Youtube评估你喜欢哪种内容,以便给你更好的建议

快速试错,聆听用户心声!一些 app 会临时上线新功能,并在用户反响不佳时果断撤回。这种敏捷迭代正是 UX 设计师引领产品和服务革新的有力证明。

以上就是对2024年设计趋势的一种总结,希望你关注起来,用到自己的设计方案中。

原文作者:Punit Chawla(本文翻译已获得作者的正式授权)

原文:https://blog.prototypr.io/ux-ui-design-trends-going-into-2024-ca43a839b541

译者:彩云Sky,公众号:彩云译设计;人人都是产品经理专栏作家,腾讯高级视觉设计师。

本文由@彩云sky 翻译发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

责任编辑:复兴网网络

上一篇:行为流:用户洞察依然比大数据好用

下一篇:没有了

最火资讯

关于我们 | 联系我们 | 广告服务 | 法律声明 | 招聘信息 | 网站地图

复兴网版权所有,未经书面授权禁止使用

复兴时报社主办 版权所有:复兴时报社 © 2014-2023 CHINAFXNEWS.com All Rights Reserved.

举报邮箱: chinafxnews@163.com

电脑版 | 移动版