珠海市天惠設(shè)計(jì)制作有限公司,成立于1996年8月,是為拓展中國(guó)Internet領(lǐng)域應(yīng)用而專門成立的高新技術(shù)企業(yè),是企業(yè)電子商務(wù)技術(shù)服務(wù)和解決方案綜合服務(wù)提供商。
隨著讀圖時(shí)代快餐式消費(fèi)的來(lái)臨,瀑布流對(duì)于圖片的展現(xiàn),是高效而具有吸引力的,用戶一眼掃過(guò)的快速閱讀模式可以在短時(shí)間內(nèi)獲得更多的信息量,而瀑布流里懶
加載模式又避免里用戶鼠標(biāo)點(diǎn)擊的翻頁(yè)操作,這么瀏覽起來(lái),隨著鼠標(biāo)的滾動(dòng),是不是最小的操作成本能獲得做多的內(nèi)容體驗(yàn),是不是比較容易沉浸其中,不被打
斷。有沒(méi)有逛起街來(lái)邊走邊看,被琳瑯滿目的商品吸引的感覺(jué)呢?
除此之外,瀑布流的主要特性便是錯(cuò)落有致,定寬而不定高的設(shè)計(jì)讓頁(yè)面區(qū)別于傳統(tǒng)的矩陣式圖片布局模式,巧妙的利用視覺(jué)層級(jí),視線的任意流動(dòng)又緩解了視覺(jué)疲勞。
Pinterest
Pinterest于2011年誕生,如今每月獨(dú)立訪問(wèn)用戶數(shù)量已突破1100萬(wàn),平均每位用戶每月在網(wǎng)站上逗留98分鐘,這一時(shí)長(zhǎng)在諸多社交平臺(tái)中僅次于Tumblr和Facebook。Pinterest作為瀑布流布局的鼻祖,必然引導(dǎo)瀑布流設(shè)計(jì)的方向。
1.吸頂式導(dǎo)航
為什么使用吸頂式導(dǎo)航呢?用戶在瀑布流模式下一目十行去瀏覽,如果快速切換到分類,又要回到頂部,然后再選取分類,吸頂式導(dǎo)航可以讓用戶輕松切換分類,設(shè)計(jì)要點(diǎn),吸頂式導(dǎo)航不可以太寬,色彩上不可以太搶眼,只需要保證用戶在需要時(shí),它悄悄的在就可以。
2.評(píng)論的錨點(diǎn)定位
pinterest起初設(shè)計(jì)是評(píng)論框全部默認(rèn)展示的,
意在鼓勵(lì)用戶輸入評(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),提示用戶輸入文字。而圖片和已有評(píng)論較長(zhǎng)時(shí)(接近或大于一屏的高度),默認(rèn)評(píng)論框打開,因?yàn)橛脩羧绻?
評(píng)論的button打開評(píng)論框需要回滾較多距離,成本太高。
3.輕巧的點(diǎn)擊查看大圖設(shè)計(jì)
點(diǎn)擊空白區(qū)域收起,再次點(diǎn)擊大圖跳轉(zhuǎn)到圖片來(lái)源網(wǎng)站。非常適合輕松隨意的閱讀尤其是當(dāng)用戶適應(yīng)此處的設(shè)計(jì)邏輯后,很容易產(chǎn)生沉浸式瀏覽,同時(shí)又滿足了查看細(xì)節(jié)的需要。
4.占位加載,保持視覺(jué)體驗(yàn)的順暢
用戶在不斷滾動(dòng)鼠標(biāo)滾輪瀏覽的過(guò)程中,網(wǎng)速并不總是盡如人意的,因此采用占位加載形式(預(yù)加載出圖片高度的灰度圖),不讓加載過(guò)程中畫面過(guò)于跳動(dòng),
可以讓用戶視覺(jué)體驗(yàn)平緩些,視覺(jué)過(guò)度流暢,盡量小的干擾用戶瀏覽的行為。
5.Pin it 工具的便捷
Pinterest模式為首的瀑布流網(wǎng)站另一利器便為Pin it 工具。用戶在各式網(wǎng)站的瀏覽中,用Pin
it先為自己收藏內(nèi)容,其次為網(wǎng)站創(chuàng)造內(nèi)容。而且可以將pinterest作為用戶的一個(gè)在線圖片收藏夾,當(dāng)用戶喜歡的內(nèi)容在這兒了,流量也就不用擔(dān)心
了。