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

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

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

#01/玩得順手/

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

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

#互動(dòng)體驗(yàn)增加了用戶的停留時(shí)間。

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

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

#02/看得順眼/

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

#提高用戶使用頻率。

#有利于視覺(jué)/電池壽命。

#個(gè)性化配色更受歡迎。

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

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

#03/注意身心/

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

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

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

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

#04/旗幟鮮明/

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

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

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

#從社會(huì)話題傳達(dá)品牌理念。

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

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

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

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

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

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

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

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

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

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

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