瀑布流式布局應(yīng)用在展示類網(wǎng)站的獨特性
2022-04-27 分類： 網(wǎng)站建設(shè)
瀑布流式布局是當(dāng)前圖片展示或素材資源類網(wǎng)站中較常使用的一種頁面布局形式, 開此先河的是圖片社交網(wǎng)站“Pinterest.com”。瀑布流式布局在視覺上主要表現(xiàn)為層次不齊的多列布局。將寬度固定、高度靈活變化以保證原始寬高比的圖片排列在固定寬度的多列欄目中, 由此帶來水平方向規(guī)整分割, 而垂直方向沒有均衡對齊的布局方式, 使網(wǎng)頁的視覺區(qū)域呈現(xiàn)出流水般的落差感。利用這種視覺上的落差感來引導(dǎo)瀏覽者視線的流動, 從而營造出輕松愉悅的瀏覽體驗, 也形成了一種區(qū)別于傳統(tǒng)網(wǎng)格布局的設(shè)計風(fēng)格。另外這類網(wǎng)頁可以在單張頁面中顯示大量信息, 通過頁面的向下滾動, 不斷加載數(shù)據(jù)塊并添加至當(dāng)前頁面尾部, 而非網(wǎng)格布局, 查看更多的內(nèi)容要點擊下一頁。這種新穎的框架結(jié)構(gòu), 使用戶瀏覽網(wǎng)頁時使用較少的操作就可以獲得更多地信息。
瀏覽者的視線在瀏覽網(wǎng)頁時是處于流動的運動狀態(tài), 整個視線的軌跡就是貫穿多個視覺焦點和視覺區(qū)域形成的迂回曲線。網(wǎng)頁中的視覺流程有其天然的縱向性, 這是由組成網(wǎng)頁本身的技術(shù)所決定的。這和平面設(shè)計中的視覺流程不完全相同的, 平面是靜止的, 而網(wǎng)頁卻是縱向動態(tài)滾動的, 所以在給網(wǎng)頁界面設(shè)計視覺流程時如果能順應(yīng)其這種天性, 可以為瀏覽者營造出流利暢快的體驗感受。
瀑布流式布局的頁面是固定寬度有序排列多列圖像, 在垂直方向沒有均衡對齊, 所以瀏覽者的視線軌跡隨著視覺焦點的轉(zhuǎn)換呈現(xiàn)出一條不規(guī)則的水平波紋曲線, 整個視覺流程是由上而下的有序引導(dǎo), 非常流暢。流暢的視覺流程使得頁面瀏覽變成一個輕松的發(fā)現(xiàn)過程, 而非強制性的搜索過程。頁面中不再是刻意劃分的的界面框架, 反而更加突出圖片信息這一頁面主體內(nèi)容, 讓瀏覽者在不間斷的圖片中的愉悅地尋找自己感興趣的信息, 視覺感受也變得更加順暢而自然。
瀏覽者的視線在瀏覽網(wǎng)頁時是處于流動的運動狀態(tài), 整個視線的軌跡就是貫穿多個視覺焦點和視覺區(qū)域形成的迂回曲線。網(wǎng)頁中的視覺流程有其天然的縱向性, 這是由組成網(wǎng)頁本身的技術(shù)所決定的。這和平面設(shè)計中的視覺流程不完全相同的, 平面是靜止的, 而網(wǎng)頁卻是縱向動態(tài)滾動的, 所以在給網(wǎng)頁界面設(shè)計視覺流程時如果能順應(yīng)其這種天性, 可以為瀏覽者營造出流利暢快的體驗感受。
瀑布流式布局的頁面是固定寬度有序排列多列圖像, 在垂直方向沒有均衡對齊, 所以瀏覽者的視線軌跡隨著視覺焦點的轉(zhuǎn)換呈現(xiàn)出一條不規(guī)則的水平波紋曲線, 整個視覺流程是由上而下的有序引導(dǎo), 非常流暢。流暢的視覺流程使得頁面瀏覽變成一個輕松的發(fā)現(xiàn)過程, 而非強制性的搜索過程。頁面中不再是刻意劃分的的界面框架, 反而更加突出圖片信息這一頁面主體內(nèi)容, 讓瀏覽者在不間斷的圖片中的愉悅地尋找自己感興趣的信息, 視覺感受也變得更加順暢而自然。
新聞標(biāo)題：瀑布流式布局應(yīng)用在展示類網(wǎng)站的獨特性
當(dāng)前路徑：http://www.rwnh.cn/news/146720.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、外貿(mào)網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈、商城網(wǎng)站、App設(shè)計
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 在網(wǎng)站運營策劃中，避免四種seo優(yōu)化惰性影響優(yōu)化進程 2022-04-27
- 【SEO優(yōu)化】為什么要使用301重定向?對關(guān)鍵詞排名有哪些影響? 2022-04-27
- 網(wǎng)站的經(jīng)濟價值分析 2022-04-27
- 浙江網(wǎng)站ICP備案流程-備案資料要求-域名備案要求 2022-04-27
- 新手怎么制作自己的個人網(wǎng)站 2022-04-27
- 網(wǎng)站故障隔離的好處 2022-04-27
- 大型網(wǎng)站建設(shè)方案報告的核心內(nèi)容有哪些？ 2022-04-27
- 石家莊網(wǎng)站優(yōu)化公司告訴你收錄后的網(wǎng)站標(biāo)題可不可以改？ 2022-04-27
- 【網(wǎng)站優(yōu)化】2021 現(xiàn)在發(fā)布外鏈還有用嗎? 2022-04-27
- 網(wǎng)站推廣效果監(jiān)控的四步評測法 2022-04-27
- 行業(yè)動態(tài)政府網(wǎng)站集約化建設(shè)總體思路 2022-04-27
- seo公司：網(wǎng)站權(quán)重優(yōu)化怎么才能逐步提高 2022-04-27
- 網(wǎng)站就要形象貼切，情感準(zhǔn)確。 2022-04-27
- 個人網(wǎng)站建設(shè)合理外鏈導(dǎo)出不會權(quán)重的原因 2022-04-27
- 如何做好網(wǎng)站seo優(yōu)化？內(nèi)容是關(guān)鍵！ 2022-04-27
- 網(wǎng)站建設(shè)公司分享如何預(yù)防網(wǎng)站被掛黑鏈 2022-04-27
- 北京網(wǎng)站制作這種如何縮短頁面加載時間？ 2022-04-27
- 【網(wǎng)絡(luò)推廣】網(wǎng)絡(luò)推廣中有哪些忌諱? 2022-04-27
- 【網(wǎng)絡(luò)推廣】中小企業(yè)不網(wǎng)站做好定位網(wǎng)絡(luò)推廣也是白做 2022-04-27