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

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

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

國(guó)內(nèi)用戶的瀏覽習(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)航的幾種形式。

當(dāng)前標(biāo)題：細(xì)說(shuō)APP中列表的UI設(shè)計(jì)模式有哪些小竅門(mén)
文章路徑：http://www.2m8n56k.cn/news/64427.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、虛擬主機(jī)、軟件開(kāi)發(fā)、靜態(tài)網(wǎng)站、全網(wǎng)營(yíng)銷(xiāo)推廣、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)