5. 漸進布局Progressive Layouts
“漸進布局”的意思是站點內(nèi)容按照一定的順序一塊一塊地顯示給用戶。這種組織內(nèi)容的做法比較反常,但也能在很多網(wǎng)站上看到。漸進布局能幫助用戶更容易地深入一長串信息。
漸進布局的實例
整個站點都由漸進布局構(gòu)成
Sursly.com(貌似被墻,請點擊這里代理訪問)的整個作品集站點都基于漸進布局。您應(yīng)該能注意到,頁面右上角有一個“GO”按鈕,每一頁面都是從上一頁面中的GO按鈕鏈接過來的。這種頁面之間的漸進系統(tǒng)代替了傳統(tǒng)的導(dǎo)航和菜單。當然,這樣做也有一個很明顯的缺點:導(dǎo)航的交互性下降了,用戶只能按照網(wǎng)站建設(shè)者想要的順序獲取內(nèi)容。
盡管單個頁面布局能被存為書簽(使用# 錨記),但對于隨機訪問者來說,則無法通過一個明晰的導(dǎo)航對站點內(nèi)容建立起直接的整體感知。而且,這種布局一般只有一個“航向”,從易用性的角度上來說,所謂“導(dǎo)航”的概念在這里幾乎不能適用。
譯注:以前看到過一個十分類似,但是更漂亮的站點,F(xiàn)在一時找不到了…… 有誰知道是哪個?麻煩留言告知一下。
垂直方向的漸進布局
Danny Blackman 的作品集也是僅通過一張漸進式布局頁面來實現(xiàn)的。各塊元素相互獨立,在一張頁面上垂直展示。相鄰元素之間有滾動按鈕,每個元素都有返回頂部的按鈕。菜單或所謂導(dǎo)航還是沒有被使用。
ScrollTo 腳本
出處:笨活兒
責任編輯:moby
上一頁 提升設(shè)計品質(zhì)的8個布局方案 [4] 下一頁 提升設(shè)計品質(zhì)的8個布局方案 [6]
|