我們發現了一些有趣的趨勢
過去一年的疫情影響了無數人的生活。在后疫情時代的世界里,網站設計師的角色也會發生相應的變化。如何設計一個網站才能脫穎而出?人們會對什么樣的內容感興趣?網站設計需要向讀者傳達什么樣的信息?根據斯坦福大學的報告,75%的用戶只通過視覺設計來判斷公司網站的可信度。
從2020年到現在,我們瀏覽了非常流行的網頁設計案例,并在此基礎上梳理了5個大方向,試圖從互動、適應性、傳播策略和科技輸出等方面呈現最新的網頁設計趨勢。
#01/玩得順手/
在過去獨特的一年里,許多人終于有機會成為阿宅:在線課程、在家辦公室和視頻會議...你有沒有意識到計算機屏幕正在迅速占據你的眼睛?這也使得許多設計師和品牌迅速做出反應,并在網站上增加一些互動設計來吸引讀者。
#以有趣的方式輸出產品信息。
#互動體驗增加了用戶的停留時間。
在耐克的產品線網頁設計中,一般以文字形式呈現的產品信息被交互式游戲所取代,讓屏幕那邊的人瞬間掌握跑鞋的材質和特點:輕便、舒適、方便。根據亞馬遜關鍵詞搜索分析排名工具SEMRush,現在每月有近6000萬用戶登錄耐克的網站,平均每次花費7分鐘左右。
無獨有偶,去年一整年,意大利品牌Gucci還推出了各種網頁互動游戲,吸引用戶在線停留,在家隔離的情況下通過游戲了解新產品的內容。對于很多服裝鞋品牌來說,試穿和體驗永遠是最重要的。但是如何在接觸實物之前告訴大家產品的特點,需要更有趣更新鮮的玩法。
#02/看得順眼/
隨著屏幕使用時間的增加,網頁設計必須考慮到人們在任何時候都能看得流暢。你會發現很多手機應用都支持夜間模式:微信、Gmail、閱讀軟件...這是一個全新的設計方向,適合長期閱讀群體。科技信息網站Slashdot曾經發起過一個關于其在線用戶是否會在手機或電腦上使用夜間模式的在線民調。數據顯示,約68%的用戶愿意在手機和電腦客戶端使用夜間模式。根據澳大利亞創意設計素材網站Envato的設計趨勢預測,夜間模式也是2021網站設計的亮點之一。
#提高用戶使用頻率。
#有利于視覺/電池壽命。
#個性化配色更受歡迎。
盡管轉換日夜模式看上去只是一個輕微的調整,但它能大大提高用戶的使用頻率,使人們愿意在頁面上停留很長時間。EnvatoUI設計者SeanFeehan表示,根據對藍光曝光影響的研究,轉向更多提供黑暗模式設置的產品,有利于人們的視覺和手機的電池壽命。
不僅如此,人們對視覺舒適度的要求也延伸到了整個網站的配色設計。除了適應夜間模式,網站的主色調也在逐漸變得舒適。Envato網站的UX設計師TahliaGiannopoulas在這個設計趨勢預測中表示,隨著人們越來越重視自然問題,很多網站的配色也轉向了簡單的暖色,與我們通常在屏幕上看到的明亮炫目的冷色相比,是一個流行的變化。
#03/注意身心/
在過去的一年里,健康危機已經成為許多人關注的主題。醫療保健和情緒健康的設計也應運而生。它側重于向讀者傳達積極的信息,而不是沉重的現實。
在此之前,從英國廣播公司BBC的一項調查中可以看出,從2012年到2017年,蘇格蘭尋求心理健康支持的大學生增加了三分之二,而在蘇格蘭兒童護理和保護中心CELCIS透露的數據中,只有26%的年輕人說他們會告訴別人他們是否有心理問題。
但是FeelsFM找到了適合年輕人的表達渠道,并以不復雜的方式,鼓勵大家在網上表達自己的情感問題。上線一個月后,他們吸收了近7萬用戶,其中5000人回答了網站上的問題,寫下了自己現在的心情。
特別是在暴發期間,更多的網站將輕松愉快的內容融入到設計中,如表情包或手繪插圖。對網頁設計者而言,充滿活力的設計,代表著人與人之間友好、包容和相互支持的信念,并且能夠向外界傳達積極的信息,這對于后暴發時代的用戶來說非常重要。
#04/旗幟鮮明/
網站建設平臺Wix旗下的在線編輯器editorx發布的《2021年網站設計趨勢》報告顯示,很多設計師已經將自己的創意技能用于自己信仰的事業,從抗議圖形到呼吁種族、環境和政治正義的運動。例如,當去年種族歧視成為熱門話題時,Nike也直接將標語從JustDoIt.改為ForOnce,Don'tDoIt.
戶外服裝品牌Patagonia網站首頁的We'reinbusinesstosaveourhomeplanet.(我們是為了拯救地球家園而生的)簡單明了地向外界傳達他們呼吁的聲音,他們的目標是利用周圍現有的資源應對這個時代的氣候危機。
#建立品牌與用戶的密切關系。
#從社會話題傳達品牌理念。
當前更多體現性別、環境和政治正義的運動,也清楚地表明了這一點:讀者需要旗幟鮮明的口號,品牌也需要直接傳達自己的立場和觀念,讓每個讀者都能直接了解網站的內容。到2021年,網頁設計將繼續作為與社會話題密切相關的工具。
#05/設置位置/
長篇文章的內容是網頁瀏覽過程中最容易讓人感到疲倦的。媒介網站也常常需要場景的幫助,才能完整地展示故事本身。而且有些新技術如AR和3D場景重建,能吸引更多的人進入虛擬現實,美國一家網站建設公司Webflow表示,這種將視覺效果、文字、視頻和音頻結合起來的網站設計,能提供豐富的用戶體驗,也使其成為網頁設計的新寵之一。
#提高環境體驗的深度。
#支持不同應用場景。
長期以來,網站的設計和排版都受到二維平面的限制,但是現在可以運用更新的、現代的方式,為閱讀體驗增添深度,而隨著云逛展、在線時裝秀等應用場景的擴展,它也將成為未來最新的設計趨勢之一。
例如,《紐約時報》采訪了一對位于羅得島的夫婦。在過去的幾年里,他們一直試圖把他們住的閣樓變成藝術空間。
數以百計的書籍、唱片、繪畫到處堆疊,很難用文字和照片來表現這些復雜的信息。《紐約時報》最終以3D場景的重建技術(環境攝影測量)拍攝了數十張到數百張靜態照片,用軟件縫合形成了3D網格,讀者可以感受到整個空間。
我們需要什么樣的網站?
網頁不再是人們獲取知識的地方,優秀的網頁設計也不像排版舒適那么簡單。它涉及到有趣的互動游戲、易讀的視覺體驗,甚至更個性化的表達和價值觀的輸出。在線瀏覽是人們直觀感受的第一步。只有在建立了初步的體驗之后,他們才能深刻理解和認同品牌和故事背后的文化,滿足不斷變化的價值需求。
那么,你在關注哪些內容,將來想看哪些網站呢?