瀑布流式布局是當前圖片展示或素材資源類網站中較常使用的一種頁面布局形式, 開此先河的是圖片社交網站“Pinterest.com”。瀑布流式布局在視覺上主要表現為層次不齊的多列布局。將寬度固定、高度靈活變化以保證原始寬高比的圖片排列在固定寬度的多列欄目中, 由此帶來水平方向規整分割, 而垂直方向沒有均衡對齊的布局方式, 使網頁的視覺區域呈現出流水般的落差感。利用這種視覺上的落差感來引導瀏覽者視線的流動, 從而營造出輕松愉悅的瀏覽體驗, 也形成了一種區別于傳統網格布局的設計風格。另外這類網頁可以在單張頁面中顯示大量信息, 通過頁面的向下滾動, 不斷加載數據塊并添加至當前頁面尾部, 而非網格布局, 查看更多的內容要點擊下一頁。這種新穎的框架結構, 使用戶瀏覽網頁時使用較少的操作就可以獲得更多地信息。
瀏覽者的視線在瀏覽網頁時是處于流動的運動狀態, 整個視線的軌跡就是貫穿多個視覺焦點和視覺區域形成的迂回曲線。網頁中的視覺流程有其天然的縱向性, 這是由組成網頁本身的技術所決定的。這和平面設計中的視覺流程不完全相同的, 平面是靜止的, 而網頁卻是縱向動態滾動的, 所以在給網頁界面設計視覺流程時如果能順應其這種天性, 可以為瀏覽者營造出流利暢快的體驗感受。
瀑布流式布局的頁面是固定寬度有序排列多列圖像, 在垂直方向沒有均衡對齊, 所以瀏覽者的視線軌跡隨著視覺焦點的轉換呈現出一條不規則的水平波紋曲線, 整個視覺流程是由上而下的有序引導, 非常流暢。流暢的視覺流程使得頁面瀏覽變成一個輕松的發現過程, 而非強制性的搜索過程。頁面中不再是刻意劃分的的界面框架, 反而更加突出圖片信息這一頁面主體內容, 讓瀏覽者在不間斷的圖片中的愉悅地尋找自己感興趣的信息, 視覺感受也變得更加順暢而自然。
網站標題:瀑布流式布局應用在展示類網站的獨特性
標題來源:http://m.newbst.com/news20/146720.html
成都網站建設公司_創新互聯,為您提供定制網站、關鍵詞優化、品牌網站設計、全網營銷推廣、定制開發、Google
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯