您的位置: 首頁 > 資訊 > 設計

提升設計品質的8種佈局方案

藝術中國 | 時間: 2010-04-14 14:47:14 | 文章來源: 中國設計之窗
 

5. 漸進佈局Progressive Layouts

“漸進佈局”的意思是站點內容按照一定的順序一塊一塊地顯示給用戶。這種組織內容的做法比較反常,但也能在很多網站上看到。漸進佈局能幫助用戶更容易地深入一長串資訊。

漸進佈局的實例整個站點都由漸進佈局構成 Sursly.com(貌似被墻,請點擊這裡代理訪問) 的整個作品集站點都基於漸進佈局。您應該能注意到,頁面右上角有一個“GO”按鈕,每一頁面都是從上一頁面中的GO按鈕連結過來的。這種頁面之間的漸進系 統代替了傳統的導航和功能表。當然,這樣做也有一個很明顯的缺點:導航的交互性下降了,用戶只能按照網站建設者想要的順序獲取內容。

儘管單個頁面佈局能被存為書籤(使用# 錨記),但對於隨機訪問者來説,則無法通過一個明晰的導航對站點內容建立起直接的整體感知。而且,這種佈局一般只有一個“航向”,從易用性的角度上來説,所謂“導航”的概念在這裡幾乎不能適用。

Screenshot

譯注:以前看到過一個十分類似,但是更漂亮的站點。現在一時找不到了…… 有誰知道是哪個?麻煩留言告知一下。

垂直方向的漸進佈局 Danny Blackman 的作品集也是僅通過一張漸進式佈局頁面來實現的。各塊元素相互獨立,在一張頁面上垂直展示。相鄰元素之間有滾動按鈕,每個元素都有返回頂部的按鈕。功能表或所謂導航還是沒有被使用。

Screenshot

ScrollTo 腳本

  • ScrollTo - 使用這個jQuery插件,就能輕鬆建立漸進式佈局。
   上一頁   4   5   6   7   8   9   10   11   12   13   下一頁  


 

凡註明 “藝術中國” 字樣的視頻、圖片或文字內容均屬於本網站專稿,如需轉載圖片請保留 “藝術中國” 浮水印,轉載文字內容請註明來源藝術中國,否則本網站將依據《資訊網路傳播權保護條例》維護網路智慧財産權。

列印文章    收 藏    歡迎訪問藝術中國論壇 >>
發表評論
用戶名   密碼    

留言須知

 
 
延伸閱讀