列表排版

排版方式

列表模式讓您在查詢或快速瀏覽圖片時有更好的效率與使用者體驗,列表模式提供兩種排版方式,「 響應式排版」、「瀑布流排版」、「網格排版」

響應式

特點是整齊且能保證每一張圖片呈現上都不會被裁切,非常適合用來整理與查詢圖片,許多服務也都採用這樣的排版方式,例如: Google 搜尋、500px、Flickr 等等。

瀑布流排版

特點是能滿足較多樣化的需求,例如長圖片、網頁截圖,您可以依據您的需求調整排版,輕鬆解決各種瀏覽需求。

網格排版

則和傳統檔案管理器提供的排版類似,無論檔案尺寸比例如何,它都會使用固定的尺寸來顯示檔案,方便進行框選、快速查詢等需求。

列表排版

以檢視數據資料為主,能快速比較和選取列表中的檔案,較不適合預覽圖片內容。


排版方式比較,如下所示:

  • 響應式排版(Justified)
    視覺對齊線相當整齊,適合圖片整理、查詢的情境使用。
  • 瀑布流排版(Waterfall)
    視覺對齊線呈現不規則型態,查詢負擔較大,但適合長時間預覽圖片、圖片大小不一的列表使用。
  • 網格排版(Grid)
    使用相同大小呈現內容,非常整齊但可能無法很好的查看縮圖細節,適合在框選、整理圖片情境使用。
  • 列表排版(List)
    按照垂直順序排列,每個項目清晰分開,適合進行相關數據資料閱讀或按順序查看的情境使用。

調整排版方式

使用最適合的排版方式,讓您擁有最好使用者體驗。如何調整列表排版,可以參考此篇: 軟體介面 4:圖片列表

這篇文章是否有幫助? 感謝你的反饋 There was a problem submitting your feedback. Please try again later.