細說APP中列表的UI設計模式有哪些小竅門

2016-11-10 分類：網站建設

說道列表，我們習慣的想到的是一套經典的交互設計框架，那就是首頁>列表頁>詳情頁。這個框架符合大部分的用戶使用習慣，也是大部分人平時處理信息的基本模式。

那么我們現在要說的是這個列表具體的表現形式。

1、垂直式列表：這種形式的列表是最基本的形式，不論是APP 還是網站，我們都可以經常看到這種方式的布局。這種形式的列表非常容易理解，也非常容易找到自己的目標。

國內用戶的瀏覽習慣大部分是從左到右，從上至下。所以垂直的列表我們都會用左對齊的方式展現。

垂直列表需要注意的是沒屏幕的挑數關系，每一屏幕顯示多少條，要展示多少內容，都是值得思考的問題。

垂直式列表一般有三種展示模式，有標準模式，圖文模式以及控制模式。

2、橫向式列表：橫向的列表一般就是我們常說的輪播，滾動圖，走馬燈。它是APP里面最常見的一種列表表達方式。一個橫向式列表只在一個位置展示著很多的內容，經常被作為廣告位來使用。

一個橫向列表的數量不能太多。五六個以內就可以了。

3、網格列表：除了橫向和縱向的意外，還有一種網格式的列表堅固了這兩種形式。一般我們用這種列表來展現圖片，搭配一下簡單文字。

如果要展示大量的圖片，那么用網格式的列表最合適不過了。

總結：列表這東西有著分流+導航”的作用，是APP及網站中很重要的一個環節。所以，以上幾種形式甚至可以說是導航的幾種形式。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容