我們發(fā)現(xiàn)了一些有趣的趨勢

過去一年的疫情影響了無數(shù)人的生活。在后疫情時代的世界里，網(wǎng)站設(shè)計師的角色也會發(fā)生相應(yīng)的變化。如何設(shè)計一個網(wǎng)站才能脫穎而出？人們會對什么樣的內(nèi)容感興趣？網(wǎng)站設(shè)計需要向讀者傳達什么樣的信息？根據(jù)斯坦福大學(xué)的報告，75%的用戶只通過視覺設(shè)計來判斷公司網(wǎng)站的可信度。

從2020年到現(xiàn)在，我們?yōu)g覽了非常流行的網(wǎng)頁設(shè)計案例，并在此基礎(chǔ)上梳理了5個大方向，試圖從互動、適應(yīng)性、傳播策略和科技輸出等方面呈現(xiàn)最新的網(wǎng)頁設(shè)計趨勢。

#01/玩得順手/

在過去獨特的一年里，許多人終于有機會成為阿宅:在線課程、在家辦公室和視頻會議...你有沒有意識到計算機屏幕正在迅速占據(jù)你的眼睛？這也使得許多設(shè)計師和品牌迅速做出反應(yīng)，并在網(wǎng)站上增加一些互動設(shè)計來吸引讀者。

#以有趣的方式輸出產(chǎn)品信息。

#互動體驗增加了用戶的停留時間。

在耐克的產(chǎn)品線網(wǎng)頁設(shè)計中，一般以文字形式呈現(xiàn)的產(chǎn)品信息被交互式游戲所取代，讓屏幕那邊的人瞬間掌握跑鞋的材質(zhì)和特點:輕便、舒適、方便。根據(jù)亞馬遜關(guān)鍵詞搜索分析排名工具SEMRush，現(xiàn)在每月有近6000萬用戶登錄耐克的網(wǎng)站，平均每次花費7分鐘左右。

無獨有偶，去年一整年，意大利品牌Gucci還推出了各種網(wǎng)頁互動游戲，吸引用戶在線停留，在家隔離的情況下通過游戲了解新產(chǎn)品的內(nèi)容。對于很多服裝鞋品牌來說，試穿和體驗永遠是最重要的。但是如何在接觸實物之前告訴大家產(chǎn)品的特點，需要更有趣更新鮮的玩法。

#02/看得順眼/

隨著屏幕使用時間的增加，網(wǎng)頁設(shè)計必須考慮到人們在任何時候都能看得流暢。你會發(fā)現(xiàn)很多手機應(yīng)用都支持夜間模式:微信、Gmail、閱讀軟件...這是一個全新的設(shè)計方向，適合長期閱讀群體。科技信息網(wǎng)站Slashdot曾經(jīng)發(fā)起過一個關(guān)于其在線用戶是否會在手機或電腦上使用夜間模式的在線民調(diào)。數(shù)據(jù)顯示，約68%的用戶愿意在手機和電腦客戶端使用夜間模式。根據(jù)澳大利亞創(chuàng)意設(shè)計素材網(wǎng)站Envato的設(shè)計趨勢預(yù)測，夜間模式也是2021網(wǎng)站設(shè)計的亮點之一。

#提高用戶使用頻率。

#有利于視覺/電池壽命。

#個性化配色更受歡迎。

盡管轉(zhuǎn)換日夜模式看上去只是一個輕微的調(diào)整，但它能大大提高用戶的使用頻率，使人們愿意在頁面上停留很長時間。EnvatoUI設(shè)計者SeanFeehan表示，根據(jù)對藍光曝光影響的研究，轉(zhuǎn)向更多提供黑暗模式設(shè)置的產(chǎn)品，有利于人們的視覺和手機的電池壽命。

不僅如此，人們對視覺舒適度的要求也延伸到了整個網(wǎng)站的配色設(shè)計。除了適應(yīng)夜間模式，網(wǎng)站的主色調(diào)也在逐漸變得舒適。Envato網(wǎng)站的UX設(shè)計師TahliaGiannopoulas在這個設(shè)計趨勢預(yù)測中表示，隨著人們越來越重視自然問題，很多網(wǎng)站的配色也轉(zhuǎn)向了簡單的暖色，與我們通常在屏幕上看到的明亮炫目的冷色相比，是一個流行的變化。

#03/注意身心/

在過去的一年里，健康危機已經(jīng)成為許多人關(guān)注的主題。醫(yī)療保健和情緒健康的設(shè)計也應(yīng)運而生。它側(cè)重于向讀者傳達積極的信息，而不是沉重的現(xiàn)實。

在此之前，從英國廣播公司BBC的一項調(diào)查中可以看出，從2012年到2017年，蘇格蘭尋求心理健康支持的大學(xué)生增加了三分之二，而在蘇格蘭兒童護理和保護中心CELCIS透露的數(shù)據(jù)中，只有26%的年輕人說他們會告訴別人他們是否有心理問題。

但是FeelsFM找到了適合年輕人的表達渠道，并以不復(fù)雜的方式，鼓勵大家在網(wǎng)上表達自己的情感問題。上線一個月后，他們吸收了近7萬用戶，其中5000人回答了網(wǎng)站上的問題，寫下了自己現(xiàn)在的心情。

特別是在暴發(fā)期間，更多的網(wǎng)站將輕松愉快的內(nèi)容融入到設(shè)計中，如表情包或手繪插圖。對網(wǎng)頁設(shè)計者而言，充滿活力的設(shè)計，代表著人與人之間友好、包容和相互支持的信念，并且能夠向外界傳達積極的信息，這對于后暴發(fā)時代的用戶來說非常重要。

#04/旗幟鮮明/

網(wǎng)站建設(shè)平臺Wix旗下的在線編輯器editorx發(fā)布的《2021年網(wǎng)站設(shè)計趨勢》報告顯示，很多設(shè)計師已經(jīng)將自己的創(chuàng)意技能用于自己信仰的事業(yè)，從抗議圖形到呼吁種族、環(huán)境和政治正義的運動。例如，當去年種族歧視成為熱門話題時，Nike也直接將標語從JustDoIt.改為ForOnce,Don'tDoIt.

戶外服裝品牌Patagonia網(wǎng)站首頁的We'reinbusinesstosaveourhomeplanet.(我們是為了拯救地球家園而生的)簡單明了地向外界傳達他們呼吁的聲音，他們的目標是利用周圍現(xiàn)有的資源應(yīng)對這個時代的氣候危機。

#建立品牌與用戶的密切關(guān)系。

#從社會話題傳達品牌理念。

當前更多體現(xiàn)性別、環(huán)境和政治正義的運動，也清楚地表明了這一點：讀者需要旗幟鮮明的口號，品牌也需要直接傳達自己的立場和觀念，讓每個讀者都能直接了解網(wǎng)站的內(nèi)容。到2021年，網(wǎng)頁設(shè)計將繼續(xù)作為與社會話題密切相關(guān)的工具。

#05/設(shè)置位置/

長篇文章的內(nèi)容是網(wǎng)頁瀏覽過程中最容易讓人感到疲倦的。媒介網(wǎng)站也常常需要場景的幫助，才能完整地展示故事本身。而且有些新技術(shù)如AR和3D場景重建，能吸引更多的人進入虛擬現(xiàn)實，美國一家網(wǎng)站建設(shè)公司W(wǎng)ebflow表示，這種將視覺效果、文字、視頻和音頻結(jié)合起來的網(wǎng)站設(shè)計，能提供豐富的用戶體驗，也使其成為網(wǎng)頁設(shè)計的新寵之一。

#提高環(huán)境體驗的深度。

#支持不同應(yīng)用場景。

長期以來，網(wǎng)站的設(shè)計和排版都受到二維平面的限制，但是現(xiàn)在可以運用更新的、現(xiàn)代的方式，為閱讀體驗增添深度，而隨著云逛展、在線時裝秀等應(yīng)用場景的擴展，它也將成為未來最新的設(shè)計趨勢之一。

例如，《紐約時報》采訪了一對位于羅得島的夫婦。在過去的幾年里，他們一直試圖把他們住的閣樓變成藝術(shù)空間。

數(shù)以百計的書籍、唱片、繪畫到處堆疊，很難用文字和照片來表現(xiàn)這些復(fù)雜的信息。《紐約時報》最終以3D場景的重建技術(shù)(環(huán)境攝影測量)拍攝了數(shù)十張到數(shù)百張靜態(tài)照片，用軟件縫合形成了3D網(wǎng)格，讀者可以感受到整個空間。

我們需要什么樣的網(wǎng)站？

網(wǎng)頁不再是人們獲取知識的地方，優(yōu)秀的網(wǎng)頁設(shè)計也不像排版舒適那么簡單。它涉及到有趣的互動游戲、易讀的視覺體驗，甚至更個性化的表達和價值觀的輸出。在線瀏覽是人們直觀感受的第一步。只有在建立了初步的體驗之后，他們才能深刻理解和認同品牌和故事背后的文化，滿足不斷變化的價值需求。

那么，你在關(guān)注哪些內(nèi)容，將來想看哪些網(wǎng)站呢？