2024 年網站設計的 5 個趨勢
在這篇文章,作者將告訴你五個我認為在2024年發生巨大變化的網站設計趨勢。在文章的底部,你將知道這些趨勢并且在2024年幫助你做得更好,為你的顧客創作更好的產品。讓我們一起來看看!
圖片資源— https://polarvectors.com/web-design-trends-2024/
一、深色模式
第一個網站設計趨勢是深色模式,就在去年,Linear 帶火了這個風格。因為每個人都認為這風格非常的酷炫,也都紛紛效仿。其中真正原因是什么呢?是因為更容易吸引用戶的注意力——用戶閱讀和辨別內容變得更加容易。同時,營造出簡潔的,專業的且些許嚴肅的氛圍,能夠適用于很多網站內容形式。
深色模式并不意味著只有單純的黑色背景。設計師可以嘗試使用不同的深色,能夠調配出高級的漸變、高光和發光等效果,讓網站變的很時尚現代。我相信這個趨勢不會那么迅速低消失,深色模式的網站設計風格將持續發酵。
網站URL— https://linear.app/
網站URL— https://cred.club/
二、Bento 網格
第二個非?;鸨木W站設計趨勢是 Bento 網格。我也非常喜歡,因為他們總是看起來簡潔又有序,帶來一種統一和諧的感覺。如果你還不知道如何架構你的網站,那就嘗試使用這個 Bento 網格設計。在過去的幾個月里,我看過很多優秀的案例,想必這個趨勢將會持續。說真的, Bento 網格設計風格的才剛剛開始,在未來幾年,我們一定可以看到很多使用這個設計風格的優秀作品。
我們深知,萬事萬物都有利必有弊。這個設計風格也有一些缺點,如果我們或許一不小心,就容易變得混亂,還會有點壓迫感——就像是工作室里雜亂不堪的桌子。因此,我們需要格外謹慎使用這個設計風格,最重要的就是不要讓我們的用戶感受到無形的壓迫感。
網站 — https://www.relume.io/
網站——https://dribbble.com/shots/22599375-MusAI-Branding-for-the-Music-Generator-App
三、人工智能生成圖像
第三個趨勢是使用人工智能生成圖像正在急劇上升。網站的視覺效果格外重要,我們都知道,用戶越來越懶得閱讀讀長篇文章了,更喜歡瀏覽圖片,短視頻。至今,用戶創作一張創意圖片還是比較復雜的,那些圖庫的圖片還是如此的昂貴。
但是,隨著人工智能和創意設計工具的興起,這一切都在發生改變,我們可以更好更容易的去創作自己想要的圖片,而且還是免費的。例如:一張戴著圣誕帽的藍色狗狗照片?這完全沒有問題,我們都可以創作出來。因此,這對于我們設計師來說,掌握人工智能工具至關重要。Adobe Firefly 和 MidJourney 將成為下一代優秀的設計平臺。
網站—https://www.otterdev.io/
網站— https://creator.nightcafe.studio/
四、充滿活力的漸變
我目前喜歡的第四個網頁設計趨勢是使用充滿活力的漸變。漸變確實可以提升網站,增加深度和填充空間。它們是讓你的網站看起來專業的絕佳方式,而無需創建自定義資源或搜索庫存照片或視頻的麻煩。這些生動的漸變可以作為你網站的絕佳背景,在不掩蓋文本的情況下增加深度。
最好的部分,有很多免費網站可以幫助你自定義和創建自己的漸變。你幾乎可以在任何設計或開發工具中執行此操作,因此如果你沒有嘗試過這個,我極力推薦你深入研究并學習,學習如何創建漸變以獲得時尚的外觀。
網站— https://sarahguo.com/
網站—https://fujeedesign.com/
五、大字體排版
現在,讓我們來說 2024 年第五個也是最后一個網站設計趨勢:大字排版。雖然這個不是很新鮮的事情了并且這個趨勢已經有很多年了。我注意到越來越多的網站接受使用大文本的想法。這有點不傳統,挑戰了人們習慣查看網站的典型方式。
個人認為我是這個趨勢的忠實粉絲。為什么?因為它使我們做為設計師和開發人員要小心我們在網站上放置的文本。當你所有的排版都很大時,你就不可能擁有大量的內容,因此每個單詞都需要計算在內。我喜歡這個因為這個很容易讓用戶閱讀和確切的理解網站和公司的內容。
另一個我喜歡這個趨勢理由是因為它占用了太多的空間,所以你不需要過多依賴視覺效果。你可以使用少量的圖片,動效或者視頻而更多的強調文本。當然,擁有獨特的自定義字體使這種方法更加有效。
網站——https://www.framer.com/
網站——https://gsap.com/
所以,我很好奇這 5 種趨勢中,哪一種是您最喜歡的,您認為哪一種是我們五年后最可能后悔的?
原文作者:Abhi Chatterjee(本文翻譯已獲得作者的正式授權)
原文:https://abhi-chatterjee.medium.com/5-trends-in-website-design-for-2024-6fa19d9dc999
譯者:孫淑雅;審核:李澤慧;編輯:陳美辰
微信公眾號:TCC翻譯情報局(ID:TCC-design);連接知識,了解全球精選設計干貨。
本文由@TCC翻譯情報局 翻譯發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 Unsplash,基于 CC0 協議。
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
華而不實,根本不適合國內設計風格