文章分享了關于網頁設計的6個趨勢，希望給力求打造實用設計的你以啟發和幫助。

多年以來，Web設計人員一直致力于快速有效地提供人們正在搜索的最佳信息。不可否認，將十年前的網站與今天的網站進行比較時，該行業正在變得越來越好。但是我們一路上丟了什么嗎？

我們正處于用戶反饋時代，我們從用戶那里獲得的有質量的反饋，將促使我們更容易更快速地了解設計的產品是否“適合目標用戶”，并確保我們在統計水平上滿足客戶目標。但是隨著越來越多的企業和設計師獲得類似的反饋，我們有被過濾掉相同的設計趨勢或執行路徑的風險。因此，我們現在需要在保持最佳用戶體驗的同時更加努力地實現差異化。

因此，當我們繼續在功能性與獨創性，實用性和靈感之間游走時，在2020年，我們需要考慮哪些重大趨勢？在本文中，我們與業界中一些領先的聲音進行聊天并找出答案。

01 復雜的微交互

微交互已經存在了很多年，尤其是在可視化的應用上。例如，在AntV鼠標移入播放按鈕時，會展開全部按鈕。微交互和微動畫的應用是用來輔助用戶更快速了解和學習網站的功能?？梢运鼈儺斪鍪且环N路標，反饋和確保信任的方式，讓用戶成為網站的一部分。

例如，如果一個產品想要以一種光滑的方式呈現，那么交互將不會是有彈性的；相反，它們將平滑而緩慢地進入，因此當人們看著它時，它會給人一種整體優雅的感覺。2020年，更多的網頁設計將會引入微交互，用來展示品牌的個性和用戶共鳴。

02 高大的圖像作物

可以明顯感覺到，PC端門戶網站的設計對圖片、視頻的使用確實有所增加。 隨著越來越多的人在手機上觀看內容，這將變得越來越普遍。

隨著互聯網網絡的高速發展，用戶可以接受的訊息太多太多，很少人會停留在同個頁面花過多的時間。用戶對于內容接受度：視頻>圖片>文字>鏈接。視頻的優勢，用戶不必從上到下滾動頁面尋找他感興趣的信息，視頻中便提供了豐富的信息。動態的元素比起靜態的文字訊息更能吸引用戶，全屏式的設計也更能抓住觀眾的注意。

03 暗模式設計

黑暗模式設計可以說是今年的熱門話題。繼微信推出跟隨iOS系統暗黑模式后，據消息稱，京東App暗黑模式也悄悄上線，現在線上只對部分用戶開放，后續會逐步開放給所有用戶，并提供了自主選擇的權利，可以在App內手動關閉暗黑模式，不跟隨系統主題變化。黑暗模式是一個提升用戶體驗的選擇，考慮到當下大量用戶的使用場景，因為它帶出了內容，而且在視覺上也更容易。

當然，這個概念并不新鮮。在2019年，很多我們已經看到國外的Pinterest，Slack和Instagram等品牌將其納入主流。黑暗模式除了提供的更多功能優勢（例如，延長電池壽命和弱光設置之外），從美學上來講，它還可以實現真正無邊框，無缺口設計的印象，這是大多數智能手機所無法做到的，很多手機制造商從產品設計的角度呼吁。2020年，我們將看到設計師如何進一步推動黑暗模式的應用。

04 可折疊網絡的興起

新設備推動了網頁設計的許多重大趨勢，特別是在iPad興起的2010年代初。在2020年代初，我們將看到類似的轉變，可折疊設備帶來了“可折疊網絡”的話題，例如華為 Mate X 5G。

可折疊網絡的興起將意味著越來越多的設計將認識到可折疊手機和平板電腦并為其提供獨特的用戶體驗。你會看到一些在概念新穎的同時，更多獨特和創新的設計將大行其道。隨著越來越多的可折疊技術進入市場，Web設計將需要提高其響應能力，以維護現有功能。

05 版式多樣性

具冒險精神的大膽排版能使觀眾印象深刻，精心挑選的字體也可以傳遞所需的情緒，并建構強大的視覺層次結構。

千篇一律的微軟雅黑字體已經進行了很多年了，導致很多網站看起來都有些相同。但是，我們正在看到變革的種子，并且到2020年，變革的勢頭將越來越大。手寫字體，復古字體和動畫字體正在卷土重來。

我們還看到了組合，看起來好像它們不應該屬于在一起，但無論如何還是可以工作的?！安煌昝馈笨梢栽黾诱嬲膫€性，這里還要注意AI元素的巨大推動。

06 極簡主義進一步發展

越來越多品牌的網頁設計趨勢是簡單和簡約，跟隨世界品牌蘋果的足跡，很多公司都在尋找簡單的模板來傳達其品牌信息，并以簡潔明了的方式展示其產品和服務。干凈、現代、新鮮、用戶體驗更好，這一特殊趨勢在2020年得到更廣泛的采用。

當然，極簡主義最終是要為用戶提供更輕松，更好的體驗，而功能和美學一樣重要。Airbnb首席設計官Alex Schleifer?認為這將在2020年取得長足進步?！拔覀儗⒘晳T于非常低摩擦的界面，例如簽到和付款等零摩擦界面?！鄙钪泻芏鄨鼍耙呀浨那陌l生改變：一鍵式注冊和即時付款慢慢成為常態，而輸入信用卡號和密碼已經顯得陳舊。

總結

隨著網絡和科技的不斷提升，5G網絡逐漸投入使用，更多的新的內容也加入到了網頁中，給用戶帶來更好的用戶體驗。

互聯網的用戶是不斷變化的，用戶的瀏覽習慣，愛好也是不斷變化的，只有不斷跟上潮流，我們才能給用戶帶來更好產品體驗。

原文：https://www.creativebloq.com/features/web-design-trends-2020

作者：Tom May

編譯作者：無尾熊；公眾號：冬熊設計，歡迎關注，一起成長！

本文由@無尾熊? 翻譯發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。