让我们从第 1 个趋势开始。这个趋势这实际上并不是什么新鲜的东西,但技术上,它达到新的高度。
视觉上过于沉重、略显夸张的网页浏览体验仍有提升空间。然而,这需要在设计师觉认知中的炫酷和客户感知之下的实用,两者之间取得微妙的平衡。
https://paywithpeppermint.com/
精美的动画可以增强体验,如果做得好,不会让人感到不知所措,例如上面这个网站。
这是一个例子,其中设计良好的文案和充足的留白,加上一些微妙的动画(仅具有装饰性)融合在一起。调整修改任何文本或者其他视觉元素都会是个坏主意。
如果你自己制作了丰富细腻的视觉效果,会发挥很好的作用,就像上面这个例子一样。
想象一下这个网站使用 AI 生成的图片——很快就会让人厌烦。同时,这也证明一些使用了「滚动劫持」技术的页面,仍然适用于展示实体产品。
这个网站在某些地方做得有点过头了,让人不知所措,但它在有用和恼人之间保持了微妙的平衡。它确实让我想要拥有这款产品,但它的滚动方向变化也让我很恼火。
当然,苹果在这方面仍然做得很好,但我注意到的一件事是,他们的产品展示页面也被设计得更加微妙。他们的 3D 变换和惊艳的效果,仍然令人印象深刻,并且现在苹果官网在动画设计上比以往更少一点。
这种设计策略,让苹果官网更具可读性,更容易理解。
这样的动画对于大多数普通企业来说并不适用,但是丰富的动画对于动画工作室而言是非常有意义的。
BentoUI 或者说便当盒风格,仍然非常流行,并受到苹果、三星、Nothing 等知名品牌的推崇。这是一种展示不同类型内容的炫酷方式,这些内容被组织在形同便当盒的容器中,可以指导你如何阅读它们。
下面是一个不太好的案例,设计师随机地将 AI 生成的图像添加到不同的格子中,只是为了简单填充空间,但你可以清楚地看到它图文之间的割裂。
而好的 BentoUI 在设计上要足够清晰,并确保它在视觉效果、照片、图形和文本之间是平衡的。要让便当发挥作用,它必须在视觉上做到平衡和恰到好处,内容不要太多。
BentoUI 经常将美观的微交互和非网格部分有机地整合起来,就像上面这个网站案例。
它将故事叙述、全屏视觉与不同媒体类型的便当模块融合在一起。
这可能是我今年最喜欢的 BentoUI 设计。它做得非常清晰,同时内容非常翔实。尤其值得注意的是,这个设计当中绝大多数的便当模块,通常采用优雅的平衡,视觉更重的部分会搭配着简单直观的文字,而视觉上复杂的则更加轻量、 扁平,这就是 BentoUI 的正确平衡模式。
你还可以使用非统一的便当盒来展示较大产品的范围(例如其功能)。 Chronicle 在上面的部分中做得非常好。但请注意,大多数卡片上的文本都是静音的(因此不会太显眼/太过压抑),而且大多数卡片都没有复杂的图像。
这是便当格的正确平衡。
敲黑板:注重转化率的传统排版,这才是 2025 年的趋势!
与让设计师垂涎于精美的过渡不同,2025 年最重要的设计趋势实际上是专注于将访客转化为付费客户的有效设计。这是因为,在当前的经济形式下,居家办公和在线经济已经结束,企业需要重新争取客户的关注,需要货真价实的效益!
而注重转化率的排版布局,它们不必看起来都一样,但是所有的这类案例,都清楚地表明了它们的主要焦点是什么。这太棒了!
以下是今年我最喜欢的一些例子:
它采用了经典的网站结构,左对齐的标题,消除疑虑、明确标记的操作指引。它摒弃了特效,而是追求更清晰的表达——它解决了什么问题?如何解决?就是这个。就像这样。
这个网站也是,使用简洁明了的文案,下方带有 CTA 勾选标记,减少障碍。有免费试用,你可以在提交之前观看内容演示!
而这个网站则是以故事为导向、引人入胜的示例,它使用视觉效果来放大消息传递,并完全准确地传达消息传递。在设计中,它没有采用的「滚动劫持」这样的「技巧」。
尽管它用了动画,但并不会让人感到压抑。它确实成功地讲述了为什么你应该使用它。
Buffer 还很好地使用了 CTA 按钮,减少用户的顾虑,并在侧面提供了明确的视觉效果呈现,仅显示了几个主要的指标。
2025 年设计师应该将重点放在这样的网站上,做的东西足够清楚,加载速度够快,没有太多浮夸的装饰。务实的方法是 2025 年发展在线业务的关键。用户没有时间探索大多数网站上的「世界」,他们想尽快搞定事情。
现在让我们来谈谈三种正在消失的设计趋势。第二和第三种趋势的消失尤其让我高兴!
粗野主义曾风靡一时,但并未大范围流行起来。只有少数大型网站采用过这种风格。其他网站有的只是在重新设计的时候偶尔采用。如果产品采用这种风格,很难让人觉得专业。Figma 和 Gumroad 可能是唯一仍在这样做的大品牌。
这里有一些很好的例子,比如 Shader 。它符合 APP 的概念,有着疯狂、丰富多彩的叠加层。如果你从事视频和贴纸相关的业务,你可以考虑使用这种风格。但粗野主义,或者新粗野主义,对大多数品牌来说并不适用。
过多的动画、交互性元素和装饰,会很快就会让人厌倦,并降低转化率。例如,Linear 今年缩减了其网站的信息量,尽管其旧网站深受设计师的喜爱。他们的新网站更简单,转化率可能更高。
我们回到了网站加载速度更快,并且不会让过多的动画令用户感到不知所措。
以下是一些设计内容信息过载的例子。在所有这些例子中,形式都远远超过了功能,以至于用户在被信息轰炸了一段时间后,根本不关心网站到底有什么。你可以滚动着页面享受视觉内容,仅此而已。
https://motchiri.com/collection/hello-world
这种体验很美妙,一切都感觉很好,但我认为作为一个网站,它失败了——你像兔子一样穿过 3D 景观,新鲜感很快就消失了。这是一个假装网站的游戏。
这个网站肯定是在专业的艺术指导监督下完成的。但与此同时,它们又过于夸张,除了一些自命不凡的设计师外,它不会吸引任何人。是的,很漂亮,非常漂亮,但仅此而已。
这个网站也确实很漂亮、很复杂、很有艺术感,完全让人无法抗拒。但是它只能给设计师留下深刻印象,不一定能打动客户。
乍一看,这是一个漂亮的网站,但即使在我的 M1 Pro 芯片的 MacBook Pro 上打开,它的加载速度也非常慢,完全破坏了体验。