2025 值得关注的3大网页设计趋势

编者按:网页依然是一个值得探讨的话题,它们依然非常重要。网页而网页的设计设计趋势 ,和平面、趋势视觉、关注APP 的网页设计 ,也有着极深的设计牵扯,了解网页设计的趋势趋势和背后的缘由,也会对其他的关注设计有相当的借鉴价值 。资深 UI/UX 设计师 Michal Malewicz 对于设计趋势一直有很深入的网页洞察,他的设计这篇文章总结了 3 种 2025 年将会流行的趋势,以及 3 种正在消失的趋势趋势 。以下是关注正文:
进入 2025 年,已经出现了一些新的网页 、令人兴奋的设计设计趋势。我知道我每年都这么说,但今年不同。
我将通过一些范例向你介绍我所观察到的 3 种主要趋势 ,需要注意的是 ,其实中最后一个趋势将成为 2025 年最大的趋势 !而且和之前两个趋势的影响力差距很大!

之后 ,我们将讨论 2025 年将消失的三种趋势。探索它们可能会浪费你的时间,所以梳理出来 ,让你有所准备 。值得一提的是,正在消失的 3 种趋势的后 2 种特别值得关注,许多初创公司仍在尝试这样做,但是我认为这是巨大的时间和资源的浪费!
2025 年的值得关注的 3 大网页设计趋势
让我们从第 1 个趋势开始 。这个趋势这实际上并不是什么新鲜的东西,但技术上,它达到新的高度。

1 、直观呈现
视觉上过于沉重、略显夸张的网页浏览体验仍有提升空间。然而,这需要在设计师觉认知中的炫酷和客户感知之下的实用,两者之间取得微妙的平衡。

https://paywithpeppermint.com/
精美的动画可以增强体验,如果做得好 ,不会让人感到不知所措 ,例如上面这个网站 。
这是一个例子,其中设计良好的文案和充足的留白,加上一些微妙的动画(仅具有装饰性)融合在一起 。调整修改任何文本或者其他视觉元素都会是个坏主意。

https://heavn-one.webflow.io/
如果你自己制作了丰富细腻的视觉效果,会发挥很好的作用,就像上面这个例子一样 。
想象一下这个网站使用 AI 生成的图片——很快就会让人厌烦 。同时,这也证明一些使用了「滚动劫持」技术的页面,仍然适用于展示实体产品。

https://daylightcomputer.com
这个网站在某些地方做得有点过头了,让人不知所措,但它在有用和恼人之间保持了微妙的平衡 。它确实让我想要拥有这款产品,但它的滚动方向变化也让我很恼火 。

当然,苹果在这方面仍然做得很好 ,但我注意到的一件事是 ,他们的产品展示页面也被设计得更加微妙 。他们的 3D 变换和惊艳的效果,仍然令人印象深刻 ,并且现在苹果官网在动画设计上比以往更少一点 。
这种设计策略,让苹果官网更具可读性 ,更容易理解 。

https://thelinestudio.com
这样的动画对于大多数普通企业来说并不适用,但是丰富的动画对于动画工作室而言是非常有意义的 。

2、BentoUI
BentoUI 或者说便当盒风格,仍然非常流行 ,并受到苹果 、三星、Nothing 等知名品牌的推崇 。这是一种展示不同类型内容的炫酷方式,这些内容被组织在形同便当盒的容器中 ,可以指导你如何阅读它们。
下面是一个不太好的案例,设计师随机地将 AI 生成的图像添加到不同的格子中 ,只是为了简单填充空间 ,但你可以清楚地看到它图文之间的割裂。

而好的 BentoUI 在设计上要足够清晰,并确保它在视觉效果、照片、图形和文本之间是平衡的。要让便当发挥作用,它必须在视觉上做到平衡和恰到好处,内容不要太多。

https://lovi.care/
BentoUI 经常将美观的微交互和非网格部分有机地整合起来,就像上面这个网站案例 。
它将故事叙述、全屏视觉与不同媒体类型的便当模块融合在一起 。

https://new.pasteapp.io/
这可能是我今年最喜欢的 BentoUI 设计 。它做得非常清晰 ,同时内容非常翔实 。尤其值得注意的是 ,这个设计当中绝大多数的便当模块,通常采用优雅的平衡 ,视觉更重的部分会搭配着简单直观的文字,而视觉上复杂的则更加轻量、 扁平,这就是 BentoUI 的正确平衡模式 。

https://chroniclehq.com/
你还可以使用非统一的便当盒来展示较大产品的范围(例如其功能)。 Chronicle 在上面的部分中做得非常好。但请注意,大多数卡片上的文本都是静音的(因此不会太显眼/太过压抑) ,而且大多数卡片都没有复杂的图像 。
这是便当格的正确平衡。

3 、注重转化率的传统排版
敲黑板:注重转化率的传统排版 ,这才是 2025 年的趋势!
与让设计师垂涎于精美的过渡不同,2025 年最重要的设计趋势实际上是专注于将访客转化为付费客户的有效设计 。这是因为,在当前的经济形式下,居家办公和在线经济已经结束 ,企业需要重新争取客户的关注 ,需要货真价实的效益!
而注重转化率的排版布局 ,它们不必看起来都一样,但是所有的这类案例,都清楚地表明了它们的主要焦点是什么。这太棒了!
以下是今年我最喜欢的一些例子:

https://PhotoAI.com
它采用了经典的网站结构 ,左对齐的标题 ,消除疑虑 、明确标记的操作指引 。它摒弃了特效 ,而是追求更清晰的表达——它解决了什么问题?如何解决?就是这个 。就像这样。

https://www.perspective.co
这个网站也是,使用简洁明了的文案,下方带有 CTA 勾选标记 ,减少障碍。有免费试用,你可以在提交之前观看内容演示 !

https://www.getdropset.app/
而这个网站则是以故事为导向、引人入胜的示例 ,它使用视觉效果来放大消息传递,并完全准确地传达消息传递 。在设计中,它没有采用的「滚动劫持」这样的「技巧」。
尽管它用了动画,但并不会让人感到压抑 。它确实成功地讲述了为什么你应该使用它。

https://buffer.com
Buffer 还很好地使用了 CTA 按钮 ,减少用户的顾虑,并在侧面提供了明确的视觉效果呈现 ,仅显示了几个主要的指标。
2025 年设计师应该将重点放在这样的网站上 ,做的东西足够清楚 ,加载速度够快,没有太多浮夸的装饰。务实的方法是 2025 年发展在线业务的关键。用户没有时间探索大多数网站上的「世界」 ,他们想尽快搞定事情。
正在消失的 3 大趋势
现在让我们来谈谈三种正在消失的设计趋势。第二和第三种趋势的消失尤其让我高兴!

1、粗野主义
粗野主义曾风靡一时 ,但并未大范围流行起来 。只有少数大型网站采用过这种风格。其他网站有的只是在重新设计的时候偶尔采用。如果产品采用这种风格,很难让人觉得专业。Figma 和 Gumroad 可能是唯一仍在这样做的大品牌。

https://www.shaderapp.com/
这里有一些很好的例子 ,比如 Shader 。它符合 APP 的概念,有着疯狂、丰富多彩的叠加层 。如果你从事视频和贴纸相关的业务,你可以考虑使用这种风格 。但粗野主义,或者新粗野主义,对大多数品牌来说并不适用 。

2 、信息过载的设计
过多的动画、交互性元素和装饰,会很快就会让人厌倦,并降低转化率 。例如,Linear 今年缩减了其网站的信息量,尽管其旧网站深受设计师的喜爱 。他们的新网站更简单,转化率可能更高 。
我们回到了网站加载速度更快 ,并且不会让过多的动画令用户感到不知所措。
以下是一些设计内容信息过载的例子。在所有这些例子中 ,形式都远远超过了功能,以至于用户在被信息轰炸了一段时间后,根本不关心网站到底有什么。你可以滚动着页面享受视觉内容,仅此而已 。

https://motchiri.com/collection/hello-world
这种体验很美妙,一切都感觉很好,但我认为作为一个网站 ,它失败了——你像兔子一样穿过 3D 景观 ,新鲜感很快就消失了 。这是一个假装网站的游戏。

https://www.hatom.com
这个网站肯定是在专业的艺术指导监督下完成的。但与此同时,它们又过于夸张 ,除了一些自命不凡的设计师外 ,它不会吸引任何人 。是的,很漂亮 ,非常漂亮,但仅此而已 。

https://labs.chaingpt.org
这个网站也确实很漂亮、很复杂、很有艺术感
,完全让人无法抗拒 。但是它只能给设计师留下深刻印象,不一定能打动客户。
https://www.noon.ai/
乍一看,这是一个漂亮的网站 ,但即使在我的 M1 Pro 芯片的 MacBook Pro 上打开,它的加载速度也非常慢,完全破坏了体验。

3、AI 背景
社交媒体上随处可见 AI 生成的背景 。
它让我想起过去弥漫设计圈的「晃眼 Dribbble 综合症」 ,但那时候制作那种扎眼的背景至少需要相当的设计技巧才能实现 。现在任何人都可以输入提示,粘贴相同的标题、相同的内容和按钮,并将其称为「设计」 。
然后我们得到了相当愚蠢的概念 ,比如到处都是云 ,一些随机排布的光影和斑点。或者更奇怪的动漫式插图 。其中 99% 与产品或服务无关 ,只是看起来不错 。
好消息是,现在使用这些技术来构建的真正网站很少。它们仍然是概念设计或无代码设计的模板。
2025 年网页设计的趋势
玻璃拟物化、超大字体等元素当然是网页设计的自然组成部分,只是它们不再是潮流,而是常态。不过,如今趋势变化 ,大多数企业不再追求光鲜亮丽 ,而是追求转化率。他们跟踪转化,进行优化、改进和简化 。
网站的加载时间再次变得重要。设计清晰,保留留白 ,删除杂乱和无用的装饰 。当然,现在仍有创新的空间 ,只是对于 99% 的企业来说,这从来都不是正确道路。网站应该功能齐全、易于浏览、易于理解 、美观大方 ,按这个优先级来进行设计。
我很高兴看到「转化率」成为 2025 年设计的主要指标 。
作者:陈子木

