>
學(xué)校機(jī)構(gòu) >
沈陽(yáng)市新人才電腦培訓(xùn)學(xué)校 >
學(xué)習(xí)資訊>
瀑布流布局網(wǎng)頁(yè)設(shè)計(jì)
瀑布流布局網(wǎng)頁(yè)設(shè)計(jì)
73 2017-07-18
1.吸頂式導(dǎo)航
為什么使用吸頂式導(dǎo)航呢?用戶(hù)在瀑布流模式下一目十行去瀏覽,如果快速切換到分類(lèi),又要回到頂部,然后再選取分類(lèi),吸頂式導(dǎo)航可以讓用戶(hù)輕松切換分類(lèi),設(shè)計(jì)要點(diǎn),吸頂式導(dǎo)航不可以太寬,色彩上不可以太搶眼,只需要保證用戶(hù)在需要時(shí),它悄悄的在就可以。
2.評(píng)論的錨點(diǎn)定位
pinterest起初設(shè)計(jì)是評(píng)論框全部默認(rèn)展示的,意在鼓勵(lì)用戶(hù)輸入評(píng)論。而在最近的改版中,pinterest的評(píng)論框的設(shè)計(jì)改為:當(dāng)圖片和已有評(píng)論長(zhǎng)度較小時(shí),評(píng)論框默認(rèn)收起,點(diǎn)擊評(píng)論的操作button后,錨點(diǎn)定位到評(píng)論框,同時(shí)光標(biāo)閃動(dòng),提示用戶(hù)輸入文字。而圖片和已有評(píng)論較長(zhǎng)時(shí)(接近或大于一屏的高度),默認(rèn)評(píng)論框打開(kāi),因?yàn)橛脩?hù)如果靠評(píng)論的button打開(kāi)評(píng)論框需要回滾較多距離,成本太高。
3.輕巧的點(diǎn)擊查看大圖設(shè)計(jì)
點(diǎn)擊空白區(qū)域收起,再次點(diǎn)擊大圖跳轉(zhuǎn)到圖片來(lái)源網(wǎng)站。非常適合輕松隨意的閱讀尤其是當(dāng)用戶(hù)適應(yīng)此處的設(shè)計(jì)邏輯后,很容易產(chǎn)生沉浸式瀏覽,同時(shí)又滿(mǎn)足了查看細(xì)節(jié)的需要。
4.占位加載,保持視覺(jué)體驗(yàn)的順暢
用戶(hù)在不斷滾動(dòng)鼠標(biāo)滾輪瀏覽的過(guò)程中,網(wǎng)速并不總是盡如人意的,因此采用占位加載形式(預(yù)加載出圖片高度的灰度圖),不讓加載過(guò)程中畫(huà)面過(guò)于跳動(dòng),
可以讓用戶(hù)視覺(jué)體驗(yàn)平緩些,視覺(jué)過(guò)度流暢,盡量小的干擾用戶(hù)瀏覽的行為。
5.Pinit工具的便捷
Pinterest模式為首的瀑布流網(wǎng)站另一利器便為Pinit工具。用戶(hù)在各式網(wǎng)站的瀏覽中,用Pinit先為自己收藏內(nèi)容,其次為網(wǎng)站創(chuàng)造內(nèi)容。而且可以將pinterest作為用戶(hù)的一個(gè)在線(xiàn)圖片收藏夾,當(dāng)用戶(hù)喜歡的內(nèi)容在這兒了,流量也就不用擔(dān)心了。
更多推薦:houxue/xuexiao/87740/
推薦熱點(diǎn):國(guó)際商務(wù)英語(yǔ)自考
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)