細(xì)說APP中列表的UI設(shè)計(jì)模式有哪些小竅門

2016-11-10    分類: 網(wǎng)站建設(shè)

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

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

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

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

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

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

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

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

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

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

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

網(wǎng)站標(biāo)題:細(xì)說APP中列表的UI設(shè)計(jì)模式有哪些小竅門
文章鏈接:http://www.muchs.cn/news27/64427.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化面包屑導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)、定制網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司靜態(tài)網(wǎng)站

廣告

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

成都app開發(fā)公司