文章分享了關(guān)于網(wǎng)頁設(shè)計(jì)的6個(gè)趨勢(shì)，希望給力求打造實(shí)用設(shè)計(jì)的你以啟發(fā)和幫助。

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

我們正處于用戶反饋時(shí)代，我們從用戶那里獲得的有質(zhì)量的反饋，將促使我們更容易更快速地了解設(shè)計(jì)的產(chǎn)品是否“適合目標(biāo)用戶”，并確保我們?cè)诮y(tǒng)計(jì)水平上滿足客戶目標(biāo)。但是隨著越來越多的企業(yè)和設(shè)計(jì)師獲得類似的反饋，我們有被過濾掉相同的設(shè)計(jì)趨勢(shì)或執(zhí)行路徑的風(fēng)險(xiǎn)。因此，我們現(xiàn)在需要在保持最佳用戶體驗(yàn)的同時(shí)更加努力地實(shí)現(xiàn)差異化。

因此，當(dāng)我們繼續(xù)在功能性與獨(dú)創(chuàng)性，實(shí)用性和靈感之間游走時(shí)，在2020年，我們需要考慮哪些重大趨勢(shì)？在本文中，我們與業(yè)界中一些領(lǐng)先的聲音進(jìn)行聊天并找出答案。

01 復(fù)雜的微交互

微交互已經(jīng)存在了很多年，尤其是在可視化的應(yīng)用上。例如，在AntV鼠標(biāo)移入播放按鈕時(shí)，會(huì)展開全部按鈕。微交互和微動(dòng)畫的應(yīng)用是用來輔助用戶更快速了解和學(xué)習(xí)網(wǎng)站的功能?？梢运鼈儺?dāng)做是一種路標(biāo)，反饋和確保信任的方式，讓用戶成為網(wǎng)站的一部分。

例如，如果一個(gè)產(chǎn)品想要以一種光滑的方式呈現(xiàn)，那么交互將不會(huì)是有彈性的；相反，它們將平滑而緩慢地進(jìn)入，因此當(dāng)人們看著它時(shí)，它會(huì)給人一種整體優(yōu)雅的感覺。2020年，更多的網(wǎng)頁設(shè)計(jì)將會(huì)引入微交互，用來展示品牌的個(gè)性和用戶共鳴。

02 高大的圖像作物

可以明顯感覺到，PC端門戶網(wǎng)站的設(shè)計(jì)對(duì)圖片、視頻的使用確實(shí)有所增加。 隨著越來越多的人在手機(jī)上觀看內(nèi)容，這將變得越來越普遍。

隨著互聯(lián)網(wǎng)網(wǎng)絡(luò)的高速發(fā)展，用戶可以接受的訊息太多太多，很少人會(huì)停留在同個(gè)頁面花過多的時(shí)間。用戶對(duì)于內(nèi)容接受度：視頻>圖片>文字>鏈接。視頻的優(yōu)勢(shì)，用戶不必從上到下滾動(dòng)頁面尋找他感興趣的信息，視頻中便提供了豐富的信息。動(dòng)態(tài)的元素比起靜態(tài)的文字訊息更能吸引用戶，全屏式的設(shè)計(jì)也更能抓住觀眾的注意。

03 暗模式設(shè)計(jì)

黑暗模式設(shè)計(jì)可以說是今年的熱門話題。繼微信推出跟隨iOS系統(tǒng)暗黑模式后，據(jù)消息稱，京東App暗黑模式也悄悄上線，現(xiàn)在線上只對(duì)部分用戶開放，后續(xù)會(huì)逐步開放給所有用戶，并提供了自主選擇的權(quán)利，可以在App內(nèi)手動(dòng)關(guān)閉暗黑模式，不跟隨系統(tǒng)主題變化。黑暗模式是一個(gè)提升用戶體驗(yàn)的選擇，考慮到當(dāng)下大量用戶的使用場(chǎng)景，因?yàn)樗鼛С隽藘?nèi)容，而且在視覺上也更容易。

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

04 可折疊網(wǎng)絡(luò)的興起

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

可折疊網(wǎng)絡(luò)的興起將意味著越來越多的設(shè)計(jì)將認(rèn)識(shí)到可折疊手機(jī)和平板電腦并為其提供獨(dú)特的用戶體驗(yàn)。你會(huì)看到一些在概念新穎的同時(shí)，更多獨(dú)特和創(chuàng)新的設(shè)計(jì)將大行其道。隨著越來越多的可折疊技術(shù)進(jìn)入市場(chǎng)，Web設(shè)計(jì)將需要提高其響應(yīng)能力，以維護(hù)現(xiàn)有功能。

05 版式多樣性

具冒險(xiǎn)精神的大膽排版能使觀眾印象深刻，精心挑選的字體也可以傳遞所需的情緒，并建構(gòu)強(qiáng)大的視覺層次結(jié)構(gòu)。

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

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

06 極簡主義進(jìn)一步發(fā)展

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

當(dāng)然，極簡主義最終是要為用戶提供更輕松，更好的體驗(yàn)，而功能和美學(xué)一樣重要。Airbnb首席設(shè)計(jì)官Alex Schleifer?認(rèn)為這將在2020年取得長足進(jìn)步?！拔覀儗⒘?xí)慣于非常低摩擦的界面，例如簽到和付款等零摩擦界面?！鄙钪泻芏鄨?chǎng)景已經(jīng)悄悄發(fā)生改變：一鍵式注冊(cè)和即時(shí)付款慢慢成為常態(tài)，而輸入信用卡號(hào)和密碼已經(jīng)顯得陳舊。

總結(jié)

隨著網(wǎng)絡(luò)和科技的不斷提升，5G網(wǎng)絡(luò)逐漸投入使用，更多的新的內(nèi)容也加入到了網(wǎng)頁中，給用戶帶來更好的用戶體驗(yàn)。

互聯(lián)網(wǎng)的用戶是不斷變化的，用戶的瀏覽習(xí)慣，愛好也是不斷變化的，只有不斷跟上潮流，我們才能給用戶帶來更好產(chǎn)品體驗(yàn)。

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

作者：Tom May

編譯作者：無尾熊；公眾號(hào)：冬熊設(shè)計(jì)，歡迎關(guān)注，一起成長！

本文由@無尾熊? 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。