• News新聞動態
    瀑布流布局網頁設計

    珠海市天惠設計制作有限公司,成立于1996年8月,是為拓展中國Internet領域應用而專門成立的高新技術企業,是企業電子商務技術服務和解決方案綜合服務提供商。

        隨著讀圖時代快餐式消費的來臨,瀑布流對于圖片的展現,是高效而具有吸引力的,用戶一眼掃過的快速閱讀模式可以在短時間內獲得更多的信息量,而瀑布流里懶 加載模式又避免里用戶鼠標點擊的翻頁操作,這么瀏覽起來,隨著鼠標的滾動,是不是最小的操作成本能獲得做多的內容體驗,是不是比較容易沉浸其中,不被打 斷。有沒有逛起街來邊走邊看,被琳瑯滿目的商品吸引的感覺呢?

        除此之外,瀑布流的主要特性便是錯落有致,定寬而不定高的設計讓頁面區別于傳統的矩陣式圖片布局模式,巧妙的利用視覺層級,視線的任意流動又緩解了視覺疲勞。

        Pinterest

        Pinterest于2011年誕生,如今每月獨立訪問用戶數量已突破1100萬,平均每位用戶每月在網站上逗留98分鐘,這一時長在諸多社交平臺中僅次于Tumblr和Facebook。Pinterest作為瀑布流布局的鼻祖,必然引導瀑布流設計的方向。

        1.吸頂式導航

        為什么使用吸頂式導航呢?用戶在瀑布流模式下一目十行去瀏覽,如果快速切換到分類,又要回到頂部,然后再選取分類,吸頂式導航可以讓用戶輕松切換分類,設計要點,吸頂式導航不可以太寬,色彩上不可以太搶眼,只需要保證用戶在需要時,它悄悄的在就可以。

        2.評論的錨點定位

        pinterest起初設計是評論框全部默認展示的, 意在鼓勵用戶輸入評論。而在最近的改版中,pinterest的評論框的設計改為:當圖片和已有評論長度較小時,評論框默認收起,點擊評論的操作 button后,錨點定位到評論框,同時光標閃動,提示用戶輸入文字。而圖片和已有評論較長時(接近或大于一屏的高度),默認評論框打開,因為用戶如果靠 評論的button打開評論框需要回滾較多距離,成本太高。

        3.輕巧的點擊查看大圖設計

        點擊空白區域收起,再次點擊大圖跳轉到圖片來源網站。非常適合輕松隨意的閱讀尤其是當用戶適應此處的設計邏輯后,很容易產生沉浸式瀏覽,同時又滿足了查看細節的需要。

        4.占位加載,保持視覺體驗的順暢

        用戶在不斷滾動鼠標滾輪瀏覽的過程中,網速并不總是盡如人意的,因此采用占位加載形式(預加載出圖片高度的灰度圖),不讓加載過程中畫面過于跳動,

        可以讓用戶視覺體驗平緩些,視覺過度流暢,盡量小的干擾用戶瀏覽的行為。

        5.Pin it 工具的便捷

        Pinterest模式為首的瀑布流網站另一利器便為Pin it 工具。用戶在各式網站的瀏覽中,用Pin it先為自己收藏內容,其次為網站創造內容。而且可以將pinterest作為用戶的一個在線圖片收藏夾,當用戶喜歡的內容在這兒了,流量也就不用擔心 了。

    我們的承諾:
    天惠公司將一如既往,秉承專業服務精神,一切從客戶利益出發,為您率先建站,令您把握先機,長遠的眼光定使您在商海搏擊中穩操勝券。


    国内精品久久久久影院日本