• WixTW

2021年9個網站設計趨勢

更新日期:2020年12月26日



無論你從事哪個行業,你都需要遵循網站設計的黃金原則:易於使用和美觀。努力實踐它們在你所有的網站元素裡,你的網站設計過程會鼓舞人心,用心會被人看見。


出於這一個目的,我們年復一年地關注網頁設計趨勢,2021年的網頁設計將超越以往,直觀的工具和創新的技術,讓人更自由揮灑,新的解決方案,美學極限和響應式設計的一年。


以下是9個網頁設計趨勢,幫助你在2021年打造脫穎而出的網站:

  1. 不對稱佈局(Asymmetric layouts)

  2. 極簡主義者或極端主義者(Minimalist or maximalist extremes)

  3. 影片作為設計元素(Videos as design elements)

  4. 向量藝術(Vector art)

  5. 圖形和抽象設計(Shape and abstract design)

  6. 動畫(Animation)

  7. 黑色和柔和的顏色(Black and pastel colors)

  8. 輔助性(Accessibility)

  9. 滾動效果(Scroll effects)


01. 不對稱佈局(Asymmetric layouts)

正常來說,網站的佈局構成了排列視覺元素的結構,而保持對稱是最常見的默認設置,它在順序和穩定性上都非常出色,因此對稱佈局幾乎可以確保你的網站不會出錯,表現正確。其實也可以這麼說,設計界從來沒有一個可以避免不對稱的設計師。


不過,非對稱佈局有一不同的優點:更加動態和大膽,充滿設計的自由和奔放。不過常見的錯誤手法是,不對稱但又缺乏平衡,每個網站都應保持視覺平衡,而不管對稱性如何。


在安排構圖之前,請考慮元素的顏色,大小和移動。 如果你需要使用網站上的這種網頁設計趨勢,可以選擇Wix網站裡非對稱佈局的網站模板。



02. 極簡主義者或極端主義者(Minimalist or maximalist extremes)

2021年將會是充滿有趣及衝突的一年,極簡主義和極端主義都有各自的鎂光燈和擁護者,但2021年看來他們將共享時光。


極簡主義消除了多餘的網站設計元素,卻仍然可以給觀眾留下深刻的印象,將這些原則正確應用到你的網站設計中後,它們可以帶來好的CTA轉換結果,並獲得輕鬆的用戶體驗。


而極端主義者剛好完全相反。

我們稱作「野獸派」的網站設計,它是一種年輕的設計趨勢,缺乏舒適性和秩序,以一種狂野奔放不羈的手法表達, 重視是創意表現而不是整齊。


“今年的想法越多越好,只要有可能,就不要害怕添加效果,影片,向量藝術,動畫和出人意表的佈局。使用設計增強網站上你最需要關注的地方。如果你不適合極端主義的奔放,那麼極簡主義仍是適合你的。”

- Adi Huri, Product Marketing Lead, Wix Editor


結合一些細節,例如字體變化,更大的版式,重疊的視覺效果,圖層和浮動元素等;接受這種趨勢的好處是,在傳達想法時,它會激發更多的自由,而帶來的限制更少。


極端主義
極端主義

極簡主義
極簡主義

03. 影片作為設計元素(Videos as design elements)

最近幾年,影片在網頁設計中扮演了新角色:從單純的提供信息,轉變為本身就是設計元素。

由於技術的不斷發展,影片可以以新穎有趣的方式併入網站的設計中,VideoBox之類的工具可讓你添加圖層並選擇播放影片的方式,例如:自動播放,循環播放或慢動作播放。革命性的Video Mask是VideoBox最獨特的功能之一,它使你可以將影片裁剪為令人吸睛的形狀和獨特的設計,讓你的網站創造動感和刺激感。


Wix的透明影片是一項專有功能,在過往,影片要保持高質量,同時又要形成透明背景的能力會受到限制,但是這種創新的解決方案解決了這個問題。而透明影片的豐富集合是由來自世界各地的專業創意人士創建的,可以進行自定義並放置在網站的任何位置,以增加個性。




04. 向量藝術(Vector art)

向量圖形通常是修飾網站的好方法,高質量的圖片加載了網站時間,這通常是網頁設計中具有挑戰性的現實。但向量藝術為此提出了一種切實可行的解決方案。文件的SVG格式允許用戶根據需要縮放視覺效果,同時保持原始圖形的質量。


成千上萬的向量藝術文件的可用性讓我們預測,到2021年的網絡設計趨勢將看到這些令人難以置信的有趣插圖的出現越來越多。無論你是採用最大化設計還是極簡設計(或介於兩者之間),都可能會找到所需的SVG文件。如果都沒有,歡迎你自已手做上傳。




05. 圖形和抽象設計(Shape and abstract design)

基本的圖形可以作為小型視覺的附件,你可以將簡單的形狀固定在螢幕上或用作背景,以增加顏色的鮮豔度,創建平衡感,邊框內容或使文字脫穎而出。


同樣的,抽象插圖現在也很流行,通過構思自己的抽象構成並將其添加到網站,可以增強自己的獨特品牌形象,結合品牌色彩和視覺風格,同時將形狀和抽象設計融合在一起,以形成品牌的最新表現的形式。




06. 動畫(Animation)

動畫一直是近幾年網頁設計的流行功能,這是一件好事,因為網頁設計動畫的可能性不斷提高。動畫不僅可以讓用戶願意滾動瀏覽信息,還使用戶體驗變得更多。從動畫的線條或文字到完整的動畫背景,這些效果都可以在你的網站上發揮作用,吸引訪問者的眼球並給人留下深刻的印象。


動畫也可以吸引用戶採取某些行動的方式:將他們的注意力吸引到您想要的確切位置。一個示例是觸發動畫,用戶的動作可以更改元素的外觀,更改其顏色,形狀或速度之類的細節時的觸發動畫。假設備你將觸發動畫應用到CTA用語按鈕上,當用戶對其獨特的行為感興趣時,點擊它的機會就會增加。




07. 黑色和柔和的顏色(Black and pastel colors)

到2021年,我們可以看到更多的趨勢是柔和的網站配色體現,柔和色調的效果為用戶帶來精緻的體驗。柔和的系列中有很多色相變化,因此可以輕鬆將網站特有的舒適色彩組合在一起。


而另一個相反的發展方向:將黑色方案納入其中。對於深色網站,我們普遍態度是:它會創造出時尚經典的審美觀。在2021年,不僅是外觀,這樣做的附加價值是黑色方案容易吸眼球。如果你選擇以這種風格設計網站,則可以堅持採用簡約設計,例如黑白元素。您也可以選擇使用興奮的對比,添加鮮豔的色彩以突出顯示網站的不同元素。




08. 輔助性(Accessibility)

世界上有將近10億人依靠輔助性的功能來瀏覽網站,網站設計師比以往任何時候都更加關注用戶體驗的這一方面。


從設計角度來看,視覺元素(如強烈的對比色,大字體和清晰的圖像)將使您的網站更易於瀏覽。




09. 滾動效果(Scroll effects)

自2011年出現視差滾動以來,我們已經意識這可以為網站增加互動價值。而快10年後,我們仍在擴展這種微妙的藝術功能,以便為用戶帶來有趣而時尚的瀏覽體驗。


滾動涉及參與,過渡和互動,通過將網站的元素與動態滾動效果結合在一起,可以放大這些操作中的每一個動作。滾動效果的可能性包括(但不限於):放大或縮小圖像,水平滾動以及實現從一個部分到另一部分的激動人心的過渡。


視差滾動可能是其中最流行的,這種技術涉及在用戶滾動步調較快的前景時放慢背景的步調,從而產生三D的感覺。


“我們生活在一個瞬息萬變的時代,人性迫使我們通過設計來改進和適應。大流行帶來的新生活方式對我們所有人來說都是陌生的,我們已經改變了生活方式,思維方式和消費信息。我們在互聯網上花費了更多的時間,並且在網上贏得關注變得越來越有競爭力。結果,我們被迫重新設計我們思考,規劃和體驗網站創建的方式。”

-Wix編輯產品營銷主管Adi Huri





原文出處:https://www.wix.com/blog/2020/12/web-design-trends