設計趨勢每年都在改變，出於各種原因，有的設計趨勢在演進中逐漸消失，有的則在大家的熟練運用過程中漸入佳境，甚至逐步褪變成為主流。作為一個專注於網站整合營銷的網站建設公司，我們對於所有相關的技術和設計趨勢都極度敏感。通過過去一年的觀察，我們可以總結出下面 16 大設計趨勢。 
1. 可用性設計 
2022 年，設計的大方向將繼續向着多用户傾斜。多用户體驗在整個設計中的權重將繼續加大。如果您的設計在可用性上不足的話，再炫酷也不會有人問津。 
如果不能專注地做好多用户體驗設計，在即將到來的 2022 年，您是無法持久地吸引多用户的。無論是谷歌在演算法上的變更，還是多用户行為資料的變遷，都指向同一個方向：您的網站必須載入得更快，也必須更加易用。 

 

對於電商網站而言，載入速度的影響會更為明顯，因為載入速度每延遲一秒，就意味着 27% 的銷量流失掉了。其他的網站也類似，只不過產生的影響不盡相同。 
2. 響應式設計 
時至今日，響應式網頁設計不再是一個可選項，而是必選項了。移動端無疑已經是真正意義上的 “屏” 了。不同型別不同尺寸的螢幕讓設計師們面臨的介面是真正意義上的 “碎片化” 的螢幕選項，所以響應式不得不為之。 

 

對，您必須得讓您的設計可用，這樣一來，您就必須讓所有螢幕都可以正常顯示。值得注意的是，作為目前的一項鐵律，如果您的網站用手機開啓而無法正常瀏覽的話，通常意味着您需要修改和調整了。 

 

在即將到來的 2022 年，響應式是必須品，不存在某個尺寸或格式能夠搞定所有問題，並且變得響應式的將不僅僅是網頁本身，還有 LOGO 、 Banner 等所有相關元素。值得學習的案例就是 Netflix 了，全面響應式的設計，讓您徹底告別拉伸和馬賽克。 
3. WordPress APP 設計入侵網頁設計領域 
網頁設計早就應該向 WordPress APP 設計學習了，它應該更加高效，更低干擾，應該能提供定製化的多用户體驗。 

 

隨着網絡的膨脹和網絡空間的飽和度的增加，設計和策劃人員也開始在網頁的個性化瀏覽上下功夫，新增更多具備 “排他性” 的特性。 
您要學會移除非必須的資訊，讓多用户可以儘可能快地同您的網頁內容進行互動。 
4. 更智慧的選單 
有些多用户已經開始厭倦漢堡選單和導航圖示，但是這種情況僅僅只是開始，因為選單正在進化為越來越智慧。 

 

採用隱藏式導航的網頁正在逐步增多，這也許很快會成為一種常態。這一設計出現的理由是，這樣的設計可以讓多用户更少被非關鍵資訊所幹擾。 
但是，即使我們看不到選單的存在，但是經驗告訴我們，選單一定是存在的，因此我們無需為此擔心——因為當我們需要它的時候，選單會在合適的地方出現。 
專家還預測，未來的選單可能是多方向滾動的，不過就目前而言，這並沒有明確的標準，未來會有各種可能性。 
5. 模組和模組化文字 
沒人會喜歡翻看文章的時候，發現導語又臭又長，是吧？那麼在網頁上，知名的呈現方式是提供一份簡短版本的導語，然後設計前來救場：提供一套模組化的佈局方案。 
模組化設計之下，每個部分都會劃分成為獨立的區塊，便於操作。但是這一的設計並不會顯得單調，相反，它更加難於預測，它可能會將內容以更讓人感興趣、更適宜於探索的方式呈現出來。 

 

就像讀雜誌一樣，多用户的實現會從一個內容區塊跳轉到另外一個區塊，從一種型別跳轉到另外一種型別。 
6. 無限滾動和模組化設計 
這也是網頁設計近開始流行的一種玩法，模組化滾動頁面設計。網頁被劃分成許多獨立的模組，每個模組內的滾動互動獨立於其他的模組。 
聽起來太過複雜？這倒不然，實際上您可能會在某些網站中看到過類似的狀況，側邊欄的滾動速度和頁面正文的滾動速度不同。當然，在模組化滾動的頁面中，這種狀況會更加明顯，特性也更加顯着。腦補一下，兩欄式頁面，兩列內容單獨滾動，就像下面這個案例： 

 

當然，這一切始於無限滾動這一頁面設計技術，典型的就是 Pinterest 、 Facebook 和 Twitter 。 
模組化無限滾動也是基於一個相同的假設：向下滾動總是更容易的操作，多用户不用停下來點選翻頁。這也難怪越來越多的多用户沉迷於這種互動模式。 
7. Material Design 
實際上 Material Design 的推出可以追溯到 2013 年，但是它的流行真正開始於 2022 年。如果您仔細觀察過各個領域的設計風格的改變，您會發現 Material Design 開始大規模地出現在網頁、 WordPress APP 甚至藝術作品當中，我們可以預見到 2022 年 Material Design 設計風格的爆發式流行。 

 

8. 扁平化設計 
嚴格意義上來説，Material Design 算是扁平化設計中的一個分支，它有着典型的 “紙” 的隱喻。廣泛意義上的扁平化設計依然非常流行，甚至可以説是非常受歡迎。 

 

近幾年扁平化的風潮之下，許多品牌也都開始選擇簡約現代而扁平的風格，視覺設計也大都秉承少即是多的理念。 
扁平化設計的優勢很明顯，這些優勢主要體現在多用户體驗上，他讓網頁更加輕量自由，降低負擔，提升載入時間。 
扁平化設計和幽靈按鈕等時下流行的設計元素可以很好地配合起來，隨着時間的沉澱，類似 Material Design 的輕量級陰影的加入到扁平化設計中，通常我們稱之為扁平化 2.0 。 
9. 視覺化的故事呈現 
一圖勝千言，相比於長篇大論的文字，視覺化的故事呈現方式會更加直觀，也更符合時下的文化特徵於多用户的閲讀習慣。我想下面的資料會給您更多的信心： 
全球範圍內有 1 億人每天至少觀看一個視訊 
網站訪客中 64% 的人會在觀看視訊後選擇購買 
80% 的觀眾會在持續觀看一個廣告 30 天后選擇購買 
92% 的人有觀看視訊之後分享的行為 
人類處理視覺元素的速度比文字快 6 萬倍 

 

10. 資訊圖 
資訊圖是近年來每年都在增長的一種設計手法，資訊圖以更加視覺化的方式呈現出資訊和資料，讓多用户更容易接受。資訊圖的火熱除了本身的優勢之外，造成它流行的的原因很大程度上源自於社交網絡、 SEO 站羣和內容營銷的大量需求。 
2022 年，資訊圖肯定會進一步發展，資訊圖的模板會更加多樣絢麗，也許您會看到更多有趣的扁平風插畫和藝術化的表達，也許資訊圖會和大資料進行更緊密的結合。 

 

11. 炫酷的字型排版 
不論是帥氣的網站還是令人印象深刻的資訊圖，炫酷的字型排版似乎已經成為標配了。漂亮的字型排版已經成為品牌化表達的重要手段，是呈現性格的實用手段。 
其實字型排版本身就是一門語言。在幾年前，通常只有的平面設計師能玩轉它，不過隨着各類字型的廣泛流行，使得許多並不精通字型設計的設計師也可以搞定字型排版。 

 

12. 現代復古 
現代復古風絕對夠酷。從 20 世紀初到 90 年代之間所流行的各種元素在現在看來是非常復古的，畫素藝術、巨大的行動電話，Tron 等等這些元素時下的現代風結合到一起，構建出一種獨特的復古氛圍，有底藴，有層次，非常 Geek 。 

 

13. 豐富色彩 
豐富的用色並不是越多越好，這裏説的是接近 80 年代風格的彩虹式用色，多個類似蠟筆的低飽和度色彩協調地搭配到一起，營造出一種愉悦而活潑的氛圍，這種配色方式您可以在 2022 年春的潘通時尚流行色報告中得到印證。 

 

14. 柵格和幾何形狀 
柵格化佈局將會成為 CSS 語言規範中的一部分。柵格不僅主宰着網頁設計，還影響着平面設計，這種早源自於瑞士的現代主義運動的設計方式的確有其獨到之處。另外一個值得一提的是幾何形狀的運用。 
幾何形狀在網頁設計和平面設計中都是非常有效的裝飾元素，它同時下流行的各種設計元素和設計技巧都可以無縫地搭配在一起，着也是它成為設計趨勢的重要原因之一。

 

15. 幹掉相簿 
在網站中引入相簿其實是一件非常無聊而原理原創的一種方式。雖然相簿網站很多，但是您會發現大家挑的圖片總是那幾個。這也是為什麼許多相簿類的網站都在力圖推薦真正流行的、高素質的圖片。 
雖然有數以百萬計的圖片可供選擇，不過越來越多的設計師開始選擇自己拍圖，甚至親自手繪來搞定問題。 

 

16. 視訊和 GIF 圖 

 

視訊背景和動態圖背景也是目前正在流行的趨勢之一，2022 年將會有更多的網站選擇這樣的設計。 
當然，GIF 圖在社交網絡上通常作為動態表情而存在，那些內涵十足的內容擁有着強大的傳播力。 
因此，上海松一網絡科技有限公司，預祝 2022，新的一年度，我們一起攜手更上一層樓。為每一個網站設計開發專案，做出更好，更優秀的作品回報我們的客户。