2022網(wǎng)站體驗設(shè)計趨勢回顧(譯文)

1、2022網(wǎng)站體驗設(shè)計趨勢回顧（譯文）原文： 用戶界面領(lǐng)域在過去的一年依然不斷發(fā)展，界面設(shè)計、易用性和技術(shù)之間界限的模糊也造就了更方便也更令人愉悅的整體體驗。例如瀑布流形式本身是一個技術(shù)成果，但同時也給用戶帶來了更加連續(xù)的體驗。這種網(wǎng)頁排布擁有了審美的同時也給用戶帶來了更加清晰的瀏覽方式。 1、單頁網(wǎng)站單頁網(wǎng)站隨處可見。超大的背景圖，豐富的畫面細節(jié)還有用動畫來展現(xiàn)出來的更加清晰的故事、媒體信息或者提示信息。在跳出了傳統(tǒng)網(wǎng)站結(jié)構(gòu)的限制之后，有創(chuàng)意又美觀的單頁網(wǎng)站發(fā)展的非常繁榮，其中兩個最喜歡的單頁網(wǎng)站要數(shù)Jess and Russ和Ben the Bodyguard。不過還是人們總是喜歡盲目跟風，

2、哪怕有些網(wǎng)站甚至根本不適合用單頁這種形式。但是對于用的好的網(wǎng)站，單頁的形式真的非常棒！ 2、瀑布流 瀑布流對于大家來說已經(jīng)非常熟悉了。這種形式對于沒有層級結(jié)構(gòu)的信息展示非常適用，既有即時刷新的形式，又能按照時間排序。像那些有大量圖片的網(wǎng)站比如google images或者pinterest都把這項技術(shù)用的很好，最重要的是周密的將設(shè)計和技術(shù)落地才能讓用戶不會有挫敗感。Lookbook是另外一個好例子，和瀑布流一起配了一個懸浮導航還有一個返回頂部的按鈕，這樣用戶就可以輕松的到瀑布流的任意一個部分。瀑布流也同樣不是一個“全能”的形式，對于那些有很多復雜元素需要考慮的網(wǎng)站來說，分頁的形式對于搜素結(jié)果，

3、顯示列表和電商展示還依然是最好的處理方法。 3、全局導航“Sticky Nav” 全局導航對于結(jié)構(gòu)復雜的網(wǎng)站、長頁面網(wǎng)站、或者是有功能條的表單類網(wǎng)站來說是最為理想的方式。但一直存在的導航容易分散用戶的注意力，所以最好做的窄一點，不明顯一點。一個超贊的例子就是新西蘭航空的網(wǎng)站，導航始終只占了頂部一條，而將大部分面積留個內(nèi)容。Gmail同樣也將常用功能作為一個全局導航欄方便用戶使用。 4、 web2.0 的審美徹底不復存在我們注意到視覺設(shè)計上的一種復古潮流：平面化，干凈，簡約，并將重點放在了字體設(shè)計，以信息呈現(xiàn)為主導，這種的審美代替了傳統(tǒng)web2.0的大圖亮色和透明的質(zhì)感。許多網(wǎng)站和app甚至將軟

4、件背景換成純CSS樣式，以確保在多端都能夠展現(xiàn)這種引人注意的形式。最近最棒的設(shè)計包括Basecamp,Dropbox,還有Smashing Magazine 的新版設(shè)計。 5、 字體歸來 多虧字體技術(shù)的成熟和大多數(shù)瀏覽器與電子設(shè)備對字體渲染能力的提高，設(shè)計師有更多的字體可以選擇也可以更好的控制字體。人們認為網(wǎng)站內(nèi)容越來越重重要，那么字體的利用就可以讓內(nèi)容溝通更加的高效。隨著手持屏幕，響應(yīng)式設(shè)計和更多retina屏幕的發(fā)展，字體將在接下來的幾年繼續(xù)成為關(guān)注重點。一個最好的例子就是The New Yorker，使用了標準網(wǎng)頁字體（Times New Roman）作為正文字體，并優(yōu)雅的搭配了展示字體（Irvin，Neutra