編者按：網頁依然是一個值得探討的話題，它們依然非常重要。而網頁的設計趨勢，和平面、視覺、APP 的設計，也有著極深的牽扯，了解網頁設計的趨勢和背后的緣由，也會對其他的設計有相當的借鑒價值。資深 UI/UX 設計師 Michal Malewicz 對于設計趨勢一直有很深入的洞察，他的這篇文章總結了 3 種 2025 年將會流行的趨勢，以及 3 種正在消失的趨勢。以下是正文：
進入 2025 年，已經出現了一些新的、令人興奮的設計趨勢。我知道我每年都這么說，但今年不同。
我將通過一些范例向你介紹我所觀察到的 3 種主要趨勢，需要注意的是，其實中最后一個趨勢將成為 2025 年最大的趨勢！而且和之前兩個趨勢的影響力差距很大！
之后，我們將討論 2025 年將消失的三種趨勢。探索它們可能會浪費你的時間，所以梳理出來，讓你有所準備。值得一提的是，正在消失的 3 種趨勢的后 2 種特別值得關注，許多初創公司仍在嘗試這樣做，但是我認為這是巨大的時間和資源的浪費！
讓我們從第 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 上打開，它的加載速度也非常慢，完全破壞了體驗。
社交媒體上隨處可見 AI 生成的背景。
它讓我想起過去彌漫設計圈的「晃眼 Dribbble 綜合癥」，但那時候制作那種扎眼的背景至少需要相當的設計技巧才能實現。現在任何人都可以輸入提示，粘貼相同的標題、相同的內容和按鈕，并將其稱為「設計」。
然后我們得到了相當愚蠢的概念，比如到處都是云，一些隨機排布的光影和斑點。或者更奇怪的動漫式插圖。其中 99% 與產品或服務無關，只是看起來不錯。
好消息是，現在使用這些技術來構建的真正網站很少。它們仍然是概念設計或無代碼設計的模板。
玻璃擬物化、超大字體等元素當然是網頁設計的自然組成部分，只是它們不再是潮流，而是常態。不過，如今趨勢變化，大多數企業不再追求光鮮亮麗，而是追求轉化率。他們跟蹤轉化，進行優化、改進和簡化。
網站的加載時間再次變得重要。設計清晰，保留留白，刪除雜亂和無用的裝飾。當然，現在仍有創新的空間，只是對于 99% 的企業來說，這從來都不是正確道路。網站應該功能齊全、易于瀏覽、易于理解、美觀大方，按這個優先級來進行設計。
我很高興看到「轉化率」成為 2025 年設計的主要指標。
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 11 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓