網頁設計趨勢在2024年從Wix Studio接管了我們的螢幕

極大主義、80年代的過度、Y2K、遺產復興主義、受卡哇伊啟發的女性設計等。 這是一個你不想錯過的設計預測。感覺在2023年,幾乎所有東西都加速或崩潰了。

線上趨勢加速,經濟開始反彈,人工智慧接管,推特變得X(更加混亂),品牌仍然需要突破所有這些噪音。

趨勢響應了文化溫度:極大主義設計方法鞏固了其在我們的螢幕上的地位,使用者繼續傾向於Y2K和早期網路懷舊,以尋求更多的聯絡;設計師採用了人工智慧工具,並質疑它多久會改變幾乎一切。

考慮到這一點,我們正在做出一些預測:關於大型的風格趨勢,以及您在2024年可以期待更多的單個元素。

1. 極大主義

Dieter Rams有句名言:“好的設計是儘可能少的設計。” 嗯,極大主義幾乎與這種方法直接相反。 如果說2023年網際網路上有一個總體的趨勢——並在2024年繼續如此——那就是極大主義。 思考:響亮的圖形、多巴胺顏色、富有表現力的排版,以及總體而言,強烈的視覺觀點。

我們一直在等待極大主義達到市場飽和峰值,但到目前為止,客戶和他們的消費者似乎無法滿足於多即是多的方法。

我們一直在等待極大主義達到市場飽和峰值,但到目前為止,客戶和他們的消費者似乎無法滿足於多即是多的方法。 它跨類別都有吸引力,但特別是CPG、F&B和迎合年輕受眾的新興品牌的網路存在。 考慮JKR對大眾市場蘇打水Fanta的超級大受好接受的重塑,俏皮的原色和胖乎乎的,名人廚師Molly Baz的網站(以及由Playlab Inc.設計的新書,恰當地稱為 More is More)的品牌;或Collins對迪士尼擁有的流媒體服務Freeform的新設計

極大主義還催生了各種較小的可識別的子趨勢,包括遺產復興主義和80年代靈感的復古魅力(更多內容見下文),出現在單個網站元素以及整個品牌世界中。 2024年,隨著市場飽和,極大主義將繼續發展,設計師將找到這種更多就是更多方法的新風格表達,以突破噪音,滿足客戶的需求。

極大主義設計是關於響亮的圖形和顏色,富有表現力的排版,以及總體而言,一個強大的視覺觀點。 Ashger Zamana的插圖。

2. 遺產復興主義

這種極大主義子趨勢借鑑了17世紀和18世紀巴洛克和洛可可藝術運動的過剩、裝飾和微小的細節,但更廣泛地說,借鑑了不那麼平淡、數字最佳化的視覺遺產。 這種復興之所以有可能,部分原因是技術的改進,由於更高的解析度和更大的螢幕尺寸,它現在可以支援更多的視覺細節。

巴寶莉2月份的,復興了其鈷藍色襯線字商標和122歲的馬術騎士圖案,並突破了眾多豪華時尚無襯線,也許是今年設計推特(現為X)上最受關注的事情之一。

在電視上,《平原的白蓮花》標題序列恰如其分地喚起了16世紀陽光普照的義大利別墅的壁畫。 這種奢華感、逃避現實感和永恆的定製工藝出現在香水、魚罐頭甚至狗洗髮水的網站上,多年來主導了螢幕設計的san-serif同一性,這是一個受歡迎的喘息機會。 這也是一個早期跡象,表明隨著美學在2024年前在各裝置中越來越受歡迎,我們正在看到對極大主義的新看待。

遺產復興主義借鑑了巴洛克藝術運動的裝飾和微小細節,但更廣泛地說,借鑑了不那麼平淡、數字最佳化的視覺遺產。 Ido Israeli的插圖。

3. 80年代的過剩

另一個極大主義衍生品傳達了與80年代和90年代初的過度和排他性相關的視覺效果,如防曬品牌Vacation、“僅限會員”酒廠Rochambeau Club和設計友好的1500美元葡萄酒冷卻器品牌Rocco等成功的初創公司,為Ghia-drinking、Issey Miyake-wearing專業套裝。

這種方法使用一些常見的回撥,如顆粒狀背景紋理、柔和的單色漸變以及大量使用復古攝影和造型。 它還使用老式的雜誌排版技術,如細線圖案和邊框影象。 當然,型別選擇也是復古的:尋找中性半襯線或與次要指令碼配對的薄襯線。

但復古魅力不僅體現了80年代的印刷媒體。 百事可樂採用了這種設計方法,重新啟動了80年代中期的視覺標識,以麥當娜的復古剪輯為特色,以紀念其125週年,而身體護理品牌Billie則傾向於過去俗氣、誇張的資訊廣告,以紀念其最近的數字活動

4. 品牌世界建設

今年,品牌採用了整體設計方法,超越了情緒板,透過其網站、社交渠道和包裝建立了整個身臨其境的虛構品牌宇宙。

我們將世界建設視為2024年品牌客戶更常見的全渠道設計和營銷解決方案

策略不僅僅是銷售產品;它還邀請個人成為豐富故事的一部分,並建立一個充滿趣味性、想象力和真實的社群——無論潛在客戶在哪裡遇到該品牌。

FuturewiseStarfaceDieux Skin等護膚初創公司都擅長創造視覺凝聚力的品牌世界,Flamingo Estate也是如此,而Vacation第二次成為我們的名單,以擴大他們的復古休閒世界,包括與網球品牌Prince性的AriZona飲料公司的巧妙合作。 隨著消費者進入品牌漏鬥的方式在2024年及以後繼續擴大,我們將在2024年將世界建設視為品牌客戶更常見的全渠道設計和營銷解決方案。

5. 人工智慧工具

關於這項技術在2024年將如何發展,有很多未知數,儘管有一點是肯定的——它將繼續主導設計和技術話語。

ChatGPT推出才一年多,它顯然改變了我們的工作和創作方式。 人工智慧工具已迅速整合到我們的許多設計工作流程中,以幫助構思、內容、lorem ipsum填充文字、線框、影象和影片建立。

像 Synesthesia 這樣的網站允許您建立自定義的人工智慧影片頭像和畫外音,而像 Midjourney 和 Dall-E 這樣的文字到影象生成器催生了整個人工智慧創意工作室,如Maison Meta,為Revolve的IRL廣告牌製作了像這樣的人工智慧生成的廣告活動。 該技術也首次在網站建設者中可用:Wix Studio在其編輯器中具有人工智慧功能。 Getty Images和 Firefly釋出了他們自己的在庫存照片資料集中訓練的文字到影象生成器;他們聲稱這可以防止可能的版權侵權(一些創意人士不這麼說)。

儘管這些工具越來越受歡迎,但許多設計師仍然對下載每個新的免費人工智慧應用程式持謹慎態度。關於這項技術在2024年將如何發展,有很多未知數,儘管有一點是肯定的——它將繼續主導設計和技術討論。

人工智慧工具,如這個虛構的影象生成器,已迅速成為我們設計工作流程的一部分,以幫助構思、內容、影象和影片建立。 Halel Edri的插圖。

6. 撥號設計

人們懷念早期的網路,當時有更多的利基線上社群、技術限制和更少的品牌指南。 今天,網頁設計師正在利用網際網路早期Geocities時代的實驗精神,利用模因和Y2K回撥等低保真社會資產,如MS Paint和文字藝術。

看看 Droga5 和 Wieden + Kennedy 等主要機構的社會宣傳材料、最近推出的網際網路文化網站 Byline、新的Z世代myspace應用程式、女性經營的“長期線上”媒體初創公司 NoSpace、 BoysClub 和 BusinessWeek 等幾個例子。 這都是Y2K熱潮的一部分,並表明這種設計方法將持續到明年。

如今,一個堅實的模因也符合可接受的(如果不是首選)設計資產,特別是對於那些針對年輕千禧一代、Z世代和阿爾法世代的客戶來說。 檢視社交媒體帳戶,瞭解熱門社群 Seamoss Girlies(Z世代的反Goop?)、前面提到的男孩俱樂部、新上市的、特別品牌的避孕藥後Julie和信使應用程式Ghost——但您所要做的就是滾動Instagram即可看到這種在野外的趨勢。

品牌還利用低保真資產來應對短暫的、當下的網際網路趨勢的快節奏,如#tomatogirl(Hunts與酷女孩精品店Lisa Says Gah的令人印象深刻的合作)和#hotgirlsummer,並傾向於長期線上的受眾。 一個出人意料的加入潮流的品牌是Celestial Seasonings,這是一家經典的90年代茶公司,其 Sleepytime Bear 的吉祥物今年有機地成為模因,該品牌現在正利用它,用自己的官方帳戶覆蓋網際網路上著名的圖示。

7. 復古未來的女人

這個是給 Dollz 的。 網際網路越來越可愛,這要歸功於受 Kawaii 啟發的網頁設計,Kawaii是一種可愛的日本美學。 將此視為撥號設計的姐妹。 這種網頁設計趨勢是超級女性和閃閃發光的(見it-girl品牌 Air Milkshake 的時尚機構),並覆蓋著心形(Studio Nari for  Coach )、蝴蝶結和蝴蝶。 這與芭蕾舞核心和 coquettecore 等時尚趨勢重疊,它與設計師的少女、女性化時尚同時獲得牽引力,如售罄的流行 Sandy Liang

少女般的女性設計在2023年強有力地出現,作為傳統企業網頁設計比喻的又一個對立面,這又表明消費者——尤其是年輕消費者——厭倦了同樣的舊的san。 正如創意諮詢公司Digital Fairy所解釋的那樣,在Myspace、Tumblr和Blingee等網站上發現的早期網際網路的創造性表達,今天仍然引起設計師的共鳴,他們將繼續在2024年為希望滿足年輕、流利的線上受眾的客戶重新利用可愛的美學。

網際網路越來越可愛,這要歸功於受Kawaii啟發的設計,Kawaii是一種可愛的日本美學。 這種趨勢是超級女性和閃閃發光的,上面覆蓋著心形、蝴蝶和蝴蝶。 Ido Israeli的插圖。

8. Z世代品牌演講

幾年來,Z世代一直具有強大的購買力,就像他們之前的千禧一代一樣,一種獨特的美學已經出現,並將在2024年成為代際設計的簡寫。

Z世代的外觀體現了活力、折衷主義和數字流暢性,將復古影響與現代風格融合在一起,並具有大膽的色彩、對90年代和21世紀初的懷舊點頭和精通技術的極大主義。 Y2K雜誌效果、貼紙、閃光圖示、魚眼照片鏡頭和性別中立的顏色,如黃色、=淡紫色和鮮豔的綠色,都是Z世代的視覺,這些是由吸引Z世代消費者的品牌合成的,他們現在擁有相當大的錢包力量。

耐克正在這樣做,Billie和 Good Weird 等化妝品和護膚品品牌,以及社交搜尋引擎 Diem 也是如此;甚至像 Superette(以千禧一代為導向的Snaxshot的堅實設計對立面)這樣的雜貨店服務也乘著Z世代的美學浪潮一直到(虛擬)銀行。

Z世代品牌正在使用視覺,如Y2K雜誌效果、貼紙、閃光圖示、魚眼鏡頭和性別中立的顏色。 Johnny Orel的插圖。

9. Bentobox佈局

便當盒是為有組織的飯菜而建造的,線上,設計師和他們的客戶正在吃它。 這是有道理的:是一個多功能的分割槽設計佈局,將數字元素組織成離散的功能部分。 這種使用者友好的結構透過以易於消化、具有視覺吸引力的格式呈現資訊來增強,感覺像是超越標準網格的一步。

像 Workshop Survival Guide 和 Prowl Studio 這樣的網站組織得井然有序,中間間距最小,但網頁設計趨勢也可以包含有趣的元素。 考慮 創意工作室Schoooool 和Vogue批准的新父母品牌Swehl略微圓角,或Mode Analytics的清爽顏色組合。 這種趨勢可能很快就會達到頂峰,但預計2024年會看到更多。

分割槽設計佈局目前處於頂峰,但預計這一戰略將延續到2024年。 Ido Israeli的插圖。

10. 切換開關

雖然切換開關傳統上出現在移動網站上,但設計師也一直在將它們整合到桌面體驗中。 該功能有一種俏皮感,就像芭比電影的原聲帶網站上一樣,只需點選CTA,即可從芭比娃娃的特別版黑膠唱片禮品套裝切換到肯的特別版黑膠唱片禮品套裝。

切換開關還具有功能目的——Lusion Lab的列表或網格模式,Contra的黑暗或光明模式——這種靈活性允許網站適應不同的受眾,增加其整體可訪問性和互動性。 2024年,我們將看到更多,作為更廣泛的網頁設計趨勢的一部分,在該趨勢中,桌面介面採用使用者通常在移動裝置上看到的設計元素。

切換開關允許網站適應不同的受眾,增加其整體可訪問性和互動性。 在2024年,我們將看到更多,因為桌面介面採用了通常在移動裝置上發現的設計元素。 Johnny Orel的插圖。

11. 巨大的紐扣

今年佔據中心舞臺的最小極大主義元素之一是使用巨型按鈕。 以《戀人》雜誌的巨大“加入候補名單”按鈕為例,或者Rekki的下載按鈕幾乎佔據了整個螢幕。

這種網頁設計趨勢可能是對使用者注意力不斷減少的回應,這些注意力需要更大的視覺行動呼籲,或者它與桌面介面如何開始使用越來越多的移動功能有關。 不管是什麼原因,這些當面的按鈕肯定不能被忽視。 如果使用者行為有任何跡象,這將繼續成為鼓勵2024年點選率的設計解決方案。

巨大的按鈕佔用的空間比它們需要的要多得多。 使用者的注意力正在減少,這似乎是另一個設計解決方案。 Johnny Orel的插圖。

12. 迴圈滾動

生活在無盡迴圈中的那種精神倦怠感已經登上了銀幕。 網站正在用迴圈滾動設計,似乎沒有開始或結束。 雖然迴圈滾動允許無縫和連續地瀏覽內容,但這種永久迴圈(如 Lusion Lab 和 Nobel Foods 等網站所示)感覺非常令人不安,你開始渴望頁尾。

Lacoste 的品牌歷史網站在設計上取得了良好的平衡,有大量的敘事內容需要滾動瀏覽,最終被一個超大的頁尾點綴,這是一個令人滿意的視覺目的地,在漫長的敘事之旅結束時。 評審團仍未決定迴圈滾動是否會在2024年被藍籌股品牌接受,還是繼續被降級到更具創意的行業,如時尚和較小的DTC網站,但我們有點希望這種趨勢在2023年繼續迴圈。

網站採用迴圈滾動設計,允許無縫和連續地瀏覽內容。 它還可以讓使用者希望有一個終點。 Halel Edri的插圖。

13. XXL頁尾和標題

多年來,頁尾和標題一直是一個事後的想法,被貶低到網站的遙遠角落。 但設計師們正在顛覆他們曾經認為預設的視覺等級制度,以便為鮮為人知的品牌提供不容錯過的名稱識別。 檢視創意工作室 Sturdy RCA’s 的動態影片標題、 Powell-Studio 和設計工作室 Atio,它們都有佔據摺疊上方整個螢幕的標題。

這種網頁設計趨勢也滲透到大眾市場品牌:Hailey Bieber的護膚品牌 Rhode、Z世代粉刺貼品牌 Starface 和大型CPG品牌 Twice。 這可能是我們所看到的所有富有表現力的定製字型的副作用——如果你有一個裝飾性的定製字型,你會希望房地產來炫耀它。 有了大字型和更大的頁尾和頁首,我們看到網頁設計中被遺忘的元素成為主角,在2024年,他們將有更多的螢幕時間。

設計師們正在顛覆他們曾經認為預設的視覺等級制度,以便為鮮為人知的品牌提供不容錯過的名稱識別。 Johnny Orel的插圖。

參考來源:
關鍵字:
  • WordCamp Europe 2025:在瑞士巴塞爾舉辦!

    WordCamp Europe 2025將於6月5日至7日在瑞士(Switzerland)美麗的巴塞爾(Basel)舉行。 它將彙集來自整個地區和世界各地的開源愛好者、開發人員和 WordPress 專業人士! 今年的活動提供了新鮮的觀點、引人入勝的對話,以及無數的機會,在充滿行動的學習、網路和協作的三天裡,與WordPress社群、機構和創新者建立聯絡。
    2025.04.16 Wednesday
  • 9個傑出的Webflow CMS網站示例

    檢視這9個CMS網站示例,這些示例使用 Webflow 強大而靈活的 CMS 來建立直觀、引人入勝的數字閱讀體驗。
    2025.04.09 Wednesday
  • 案例研習:Troa 25′ Folio

    看看 Troa 如何重新構想他們的作品集 —— 專注於效能、可持續性以及簡潔、周到的設計。
    2025.04.04 Friday
  • 網站分析101:提高網站效能的快速入門指南

    管理網站的團隊面臨著不斷的選擇, 從 CTA 放置到瞭解他們的核心受眾,內容編輯、設計師和開發人員需要將他們的決策與關鍵業務目標保持一致,以實現收入的最大化,並將他們的努力能夠實踐到真正的商業價值。為此,我們需要可操作的資訊去作為考量。
    2025.04.04 Friday
  • 大韓航空以全新的外觀起飛

    大韓航空的品牌重塑以深藍色的現代化太極(Taegeuk)符號為特色,搭配更乾淨、更流線型的新字型。 更新的徽標和符號,結合飛機塗裝上的金屬外觀,創造了一個時尚、現代的視覺標誌,強調了航空公司的創新和前瞻性方案。
    2025.04.02 Wednesday