說(shuō)道列表，我們習(xí)慣的想到的是一套經(jīng)典的交互設(shè)計(jì)框架，那就是首頁(yè)>列表頁(yè)>詳情頁(yè)。這個(gè)框架符合大部分的用戶(hù)使用習(xí)慣，也是大部分人平時(shí)處理信息的基本模式。

　　那么我們現(xiàn)在要說(shuō)的是這個(gè)列表具體的表現(xiàn)形式。

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

　　國(guó)內(nèi)用戶(hù)的瀏覽習(xí)慣大部分是從左到右，從上至下。所以垂直的列表我們都會(huì)用左對(duì)齊的方式展現(xiàn)。

　　垂直列表需要注意的是沒(méi)屏幕的挑數(shù)關(guān)系，每一屏幕顯示多少條，要展示多少內(nèi)容，都是值得思考的問(wèn)題。

　　垂直式列表一般有三種展示模式，有標(biāo)準(zhǔn)模式，圖文模式以及控制模式。

　　2、橫向式列表：橫向的列表一般就是我們常說(shuō)的輪播，滾動(dòng)圖，走馬燈。它是APP里面最常見(jiàn)的一種列表表達(dá)方式。一個(gè)橫向式列表只在一個(gè)位置展示著很多的內(nèi)容，經(jīng)常被作為廣告位來(lái)使用。

　　一個(gè)橫向列表的數(shù)量不能太多。五六個(gè)以?xún)?nèi)就可以了。

　　3、網(wǎng)格列表：除了橫向和縱向的意外，還有一種網(wǎng)格式的列表堅(jiān)固了這兩種形式。一般我們用這種列表來(lái)展現(xiàn)圖片，搭配一下簡(jiǎn)單文字。

　　如果要展示大量的圖片，那么用網(wǎng)格式的列表最合適不過(guò)了。

　　總結(jié)：列表這東西有著“分流+導(dǎo)航”的作用，是APP及網(wǎng)站中很重要的一個(gè)環(huán)節(jié)。所以，以上幾種形式甚至可以說(shuō)是導(dǎo)航的幾種形式。