歡迎來到我們的年度網(wǎng)頁設(shè)計(jì)趨勢匯總。從復(fù)古的排版到日益增長的無代碼運(yùn)動，2021年將有很多值得期待的事情。在網(wǎng)頁設(shè)計(jì)時(shí)，我們一直關(guān)注網(wǎng)絡(luò)上永無止境的趨勢。在與Webflow的Brand Studio團(tuán)隊(duì)以及其他一些設(shè)計(jì)師交談之后，我們匯總了一些我們希望在2021年之前能看到的網(wǎng)頁設(shè)計(jì)趨勢的綜合列表。本期深圳網(wǎng)站設(shè)計(jì)Angle希望該列表不僅可以激發(fā)您的靈感，而且可以使您以更具包容性和可訪問性的方式訪問網(wǎng)絡(luò)。

1、復(fù)古字體
我們已經(jīng)看到許多舊事物再次變得很酷，然后變得更加不酷。考慮一下車把的胡須和媽媽的牛仔褲。具有諷刺意味的是保質(zhì)期短。復(fù)古字體在流行中也經(jīng)歷了同樣的潮起潮落，許多具有復(fù)古字體的設(shè)計(jì)都還沒有老化。但是，回退版式略有復(fù)蘇。我們沒有看到同樣疲倦的字體。而是風(fēng)格和一些藝術(shù)性正在重新構(gòu)想什么是復(fù)古字體。 

2、視差滾動動畫
多年來，視差滾動效果一直是網(wǎng)站設(shè)計(jì)中的一種趨勢，我們希望在2021年看到更多關(guān)于視差可以實(shí)現(xiàn)的微妙和創(chuàng)造性的探索。 

請記住，視差效應(yīng)中的過多運(yùn)動可能會對前庭疾病患者造成傷害，因?yàn)樯疃群瓦\(yùn)動的錯(cuò)覺可能會導(dǎo)致迷失方向和頭昏眼花。以下是一些指導(dǎo)原則，我們希望更多的設(shè)計(jì)人員能夠考慮到這些原則，以確保他們最小化視差并不會造成傷害：  

• 不要讓視差效應(yīng)分散重要信息的注意力
• 不要讓用戶更難完成重要任務(wù)
• 保持視差效果的數(shù)量最少
• 最小化每個(gè)實(shí)例中的視差移動量
• 將視差效果限制在屏幕的較小區(qū)域內(nèi)
• 包括供用戶關(guān)閉視差效果的選項(xiàng)

3、水平滾動
以前被認(rèn)為是網(wǎng)頁設(shè)計(jì)的仿制品，水平滾動正在卷土重來。 我們看到越來越多的網(wǎng)頁設(shè)計(jì)師繼續(xù)嘗試水平滾動。做到最好的人并不是為了與眾不同而打破了格局，而是像在圖庫中一樣，逐漸地公開了二級信息的一種實(shí)用方法。 

在2021年成功采用水平滾動的設(shè)計(jì)人員將牢記以下注意事項(xiàng)：

• 不要強(qiáng)迫用戶瀏覽水平內(nèi)容：允許使用其他導(dǎo)航方式，例如帶有清晰標(biāo)簽的箭頭按鈕
• 使用清晰的視覺提示來指示內(nèi)容在何處使用水平滾動，并且不要將這些提示隱藏在懸停之后
• 考慮一下在水平滾動條中顯示什么內(nèi)容會帶來好處-相冊是一個(gè)很好的競爭者，因?yàn)樗綕L動條會向用戶顯示一個(gè)小的預(yù)覽，并允許他們選擇查看更多內(nèi)容或繼續(xù)向下移動頁面

避免要求水平滾動顯示需要閱讀的文本

4、到處都有3D視覺效果
隨著更高分辨率的屏幕的出現(xiàn)，3D設(shè)計(jì)已從Geocities的塊狀和斜角邊緣走了很長一段路。我們一直在看到高質(zhì)量3D視覺效果無縫編織到網(wǎng)頁設(shè)計(jì)中。他們不是在分散注意力，而是在增加整體用戶體驗(yàn)。  

5、多媒體經(jīng)驗(yàn)
隨著大多數(shù)人可以使用更快的互聯(lián)網(wǎng)速度，多媒體網(wǎng)站體驗(yàn)隨處可見。將視覺效果，文本，視頻和音頻融合在一起，可提供豐富的用戶體驗(yàn)。 

2021年成功的設(shè)計(jì)將結(jié)合多媒體體驗(yàn)來使用約束：

• 優(yōu)先考慮簡單性，例如組合運(yùn)動和音頻時(shí)。太多的事情可能會使認(rèn)知障礙者分心或不知所措。
• 考慮周到地使用不同的媒體格式，以使內(nèi)容的可訪問性最大化。
• 包括所有預(yù)先錄制的多媒體的隱藏式字幕和字幕。
• 包括圖像的替代文本，并在復(fù)雜的圖像中添加較長的描述性文本。
• 確保所有文本都是用HTML制作的，而不是在圖像內(nèi)部渲染的。
• 避免自動播放視頻或運(yùn)動內(nèi)容：相反，提供一個(gè)清晰的“播放”按鈕，使用戶可以選擇播放和暫停內(nèi)容。

有效且可訪問地使用多媒體具有解決多種因素的責(zé)任。