top of page
person-typing-laptop-keyboard-businessman-working-laptop-he-is-typing-messages-colleagues-

資訊集合

News & Insights

2022年10個網站設計趨勢

已更新:3月1日



就在2021年11月23日,Wix的視覺創新團隊發佈了2022年10個網站設計趨勢看法,他們認為2022年的設計動能比起以往將會更加強烈,且會一直持續演變。


我們將看到更多3D設計元素的體驗、動畫的使用變更多以及從舊有美學的改造。雖然設計一直追求不斷的更時尚且流行,但是打造網站設計的最佳瀏覽體驗,依然是網站設計的最主要核心價值。



2022年10個網站設計趨勢


在現今的時代,全世界每天都有超過50萬個新的網站上線,而你要如何確保你的網站脫穎而出,並且讓人感到驚豔印象深刻?


以下是10個2022年網站設計的重點趨勢:



1. 簡約乾淨的設計


簡約乾淨不等於極簡主義 - Wix的視覺創新團隊是這樣地認為。

2022的網站設計趨勢將把極簡主義的概念稍微區隔定義,與2021年的設計需求相比,我們更看重簡約乾淨的特質和更加精緻視覺設計的網站。


這與我們以往認知的黑白風格極簡主義有些不同,2022年我們仍想保留Less is More的特質,但會將層次感注入網頁設計的活力,我們預計網站仍然會看到一些Fancy的互動效果,只是會更加精緻、不那麼擁擠而且更流暢的瀏覽。




2. 對稱佈局


根據網站設計的原則,可以通過兩種方式實現平衡,使用對稱或不對稱的網站佈局。雖然在2021年我們對有結構的混亂性感到迷人,以致於有了不對稱的設計風潮,但預估2022年的網站熱潮將傾向簡約的版型主題。


如同世界名畫家李奧納多.達文西的作品Virtuivian Man一樣,2022年的網站設計趨勢將激發完美的對稱平衡。從拆分頁面和網站的網格佈局,到平衡的設計元素、圖片和文字。


The Vitruvian Man - by Leonardo da Vinci 2011.08.08

對稱的網站佈局是有意識地吸引你的眼球專注,這也是這種趨勢流行的原因之一。最常見的手法是,一個網頁頁面被分成兩個內容塊:一半是視覺,另一半是文字內容,這是一種分割焦點並講述動人品牌的整齊方式。


而針對這一項趨勢,設計師也將以微妙的元素來劃分他們網站的內容,你會看到細線將部分、菜單和屏幕分隔開來。以一種巧妙安排秩序的方式,而且整體符合簡約乾淨風格。




3. 細緻輕盈的排版


2022年的網頁設計趨勢之一,將著重於細緻與現代時尚感並行。在排版的框架裡,你可以使用偏細緻的襯線體,那些邊緣有著包含尖端的英文字型,例如 Times New Roman、Garamond 和Georgia。


我們看到更多品牌利用這些襯線體所創造的優雅感覺,它讓你的網站看起來更像一份精緻的印刷品,為今年的設計趨勢帶來了經典的基調。


除了細緻的字型外,我們還可以看到更多的設計師,在他們的設計中將文字放大,會用一個簡短的詞或Slogan覆蓋整個網站,在圖像或網頁背景上使用輕盈的字體來平衡美感。




4. 大地色和原色(帶有一點霓虹色)


以地球為靈感的網站配色為今年的網頁設計趨勢帶來微妙的基調。我們對於地球永續性的文化影響,延伸到了網站前瞻的總體關注,社會對於可持續性和保護氣候的追求也滲透到網頁設計行業。我們預計將自然靈感的色調與基本原色混合,以創造自然的和諧。


但儘管如此,我們仍身處於21世代的設計框架之下,時尚的霓虹色調色板仍將融入其中,這讓在不失主流審美感觀的情況下增添了一種樂趣感。例如,網站菜單中的霓虹燈圖標,或讓構圖流行的彩色線條,讓2022年的一切都將變得更精緻。




5. 真人形象


在文化、歷史和社會大環境的推動之下,2022年的網路環境將會更俱有多樣性,越來越多的品牌採用能夠代表不同背景、種族和年齡的真人形象,並強調包容性的圖像素材。


我們樂見這樣的風潮誕生,這套新標準引起了所有人的共鳴,2022年的網站應該包括代表各行各業的個人圖像:包括LGBTQ社群、殘疾人士、老年長者、不同的膚色或體型等。在過去幾年中,我們看到許多時尚雜誌或領導的服飾品牌,以選擇性的將不是社會大眾以為的模特兒或專業人士,帶入他們的展現和廣告裡,而是選用兼容性的族群形象。


我們認為這樣的熱潮,特別適合應用於電子商務,這樣的網頁設計趨勢是一個明智的品牌決策,因為可以引起更多的族群共鳴,進而購買你的產品或服務。




6. 3D運動元素


3D運動元素在2021年其實已經相當受歡迎,但這種趨勢我們認為還沒有到達頂峰極緻。從文字物件和抽象視覺的效果到透明的影片,3D設計元素將創造不平凡的效果。


這是一種進化,2021年圍繞極簡主義的思想,導致網頁設計產生了多種風格的運動元素和透明影片,而我們認為這些在2022年會更加被延續性地廣泛應用,它將與簡約網站的乾淨特徵結合,產生令人驚豔的視覺效果。




7. 超現實主義視覺組合


這像是元宇宙概念的想像前身,在2022年會產生一些不尋常的東西,追求超現實主義視覺組合的驚人效果。就像是想像空間中的線上商店、奇怪的虛擬環境和其他像是藝術家達利式的想像。


這些超凡脫俗的作品將吸引用戶的注意力,並讓他們迷失在你的設計環境之中。我們最近在大型的時裝公司身上看到了這一點,他們正在將這種趨勢發展創造話語權。下面的 Balenciaga SS '22 廣告是個很好的例子,令人印象深刻的創造力使他們的產品系列更加引人注目。


然而,在考慮如何將這樣的應用於網頁設計時,Wix的視覺新創團隊指出,這種趨勢不一定需要使用影片來製作,你也可以使用生動的圖像與交互相結合,來創造出相似的效果。


但是容我們在此提醒:這種網頁設計趨勢並一定不適合所有人

偏尖端或前衛的品牌使用超現實主義的設計將非常受益,但是它非常的極端需要謹慎看待。




8. 玻璃態射


Glass Morphism是指添加了一點透明感到網站裡的圖像,創造出像是「磨砂玻璃」的獨特效果,這是Neumorphism(新擬態)的衍生設計。我們喜歡這種設計特性,它可以有效地為網站的美學增添微妙的驚喜,但卻又可以融入設計而不會太分散注意力。


玻璃態射使可以強調你要突出顯示的內容,通過模糊感覺淡化其他視覺元素,卻又融入整體設計,使用這種效果可以為網站設計增加複雜的維度,對於喜歡冒險大膽的網頁設計師,你可以透過顏色搭配使用來提升你的設計高度。




9. 漸變網格


漸變網格是指透過多種的顏色和扭曲,混合到一個組合中,這種多功能的效果為品牌帶來前衛的外觀,在印刷輸出和網站設計都可以運用,例如海報、Logo設計和網站背景。


漸變設計源於90年代的美學,那什麼是網格?想像一下有一面網,網的每一個點都有特定的顏色,而這些點融合在一起,產生螢光的視覺感。如果你使用過如PhotoShop等工具,就可以理解我們所說。




10. 令人驚訝的互動


2022年我們會將看到許多網站設計師,使用連動效果吸引更多的用戶注意力,但真正流行的是使用動畫來實現極簡和意想不到的網頁設計。


例如重要資訊可以隱藏在某個視覺元素後面,直到訪問者的滑鼠懸停並顯示它為止。這種類似躲貓貓捉迷藏的遊戲感,除了可以維持網站的整潔佈局,在瀏覽資訊時創造出乎意料的效果。


頁面將繼續更加的簡約,但是保持動態和流暢,即使涉及到動畫的傳遞,轉變動作也會是乾淨俐落的。




《原文出處於Wix創新視覺團隊


 
想尋找台灣設計師的網站模板嗎?請點擊按鈕了解更多





bottom of page