5. 漸進(jìn)布局Progressive Layouts

“漸進(jìn)布局”的意思是站點(diǎn)內(nèi)容按照一定的順序一塊一塊地顯示給用戶。這種組織內(nèi)容的做法比較反常，但也能在很多網(wǎng)站上看到。漸進(jìn)布局能幫助用戶更容易地深入一長串信息。

漸進(jìn)布局的實(shí)例整個(gè)站點(diǎn)都由漸進(jìn)布局構(gòu)成 Sursly.com（貌似被墻，請點(diǎn)擊這里代理訪問） 的整個(gè)作品集站點(diǎn)都基于漸進(jìn)布局。您應(yīng)該能注意到，頁面右上角有一個(gè)“GO”按鈕，每一頁面都是從上一頁面中的GO按鈕鏈接過來的。這種頁面之間的漸進(jìn)系 統(tǒng)代替了傳統(tǒng)的導(dǎo)航和菜單。當(dāng)然，這樣做也有一個(gè)很明顯的缺點(diǎn)：導(dǎo)航的交互性下降了，用戶只能按照網(wǎng)站建設(shè)者想要的順序獲取內(nèi)容。

盡管單個(gè)頁面布局能被存為書簽（使用# 錨記），但對于隨機(jī)訪問者來說，則無法通過一個(gè)明晰的導(dǎo)航對站點(diǎn)內(nèi)容建立起直接的整體感知。而且，這種布局一般只有一個(gè)“航向”，從易用性的角度上來說，所謂“導(dǎo)航”的概念在這里幾乎不能適用。

譯注：以前看到過一個(gè)十分類似，但是更漂亮的站點(diǎn)。現(xiàn)在一時(shí)找不到了…… 有誰知道是哪個(gè)？麻煩留言告知一下。

垂直方向的漸進(jìn)布局 Danny Blackman 的作品集也是僅通過一張漸進(jìn)式布局頁面來實(shí)現(xiàn)的。各塊元素相互獨(dú)立，在一張頁面上垂直展示。相鄰元素之間有滾動(dòng)按鈕，每個(gè)元素都有返回頂部的按鈕。菜單或所謂導(dǎo)航還是沒有被使用。

ScrollTo 腳本

• ScrollTo - 使用這個(gè)jQuery插件，就能輕松建立漸進(jìn)式布局。