2016-11-10 分類: 網(wǎng)站建設(shè)
說道列表,我們習(xí)慣的想到的是一套經(jīng)典的交互設(shè)計(jì)框架,那就是首頁>列表頁>詳情頁。這個(gè)框架符合大部分的用戶使用習(xí)慣,也是大部分人平時(shí)處理信息的基本模式。
那么我們現(xiàn)在要說的是這個(gè)列表具體的表現(xiàn)形式。
1、垂直式列表:這種形式的列表是最基本的形式,不論是APP 還是網(wǎng)站,我們都可以經(jīng)??吹竭@種方式的布局。這種形式的列表非常容易理解,也非常容易找到自己的目標(biāo)。
國內(nèi)用戶的瀏覽習(xí)慣大部分是從左到右,從上至下。所以垂直的列表我們都會(huì)用左對(duì)齊的方式展現(xiàn)。
垂直列表需要注意的是沒屏幕的挑數(shù)關(guān)系,每一屏幕顯示多少條,要展示多少內(nèi)容,都是值得思考的問題。
垂直式列表一般有三種展示模式,有標(biāo)準(zhǔn)模式,圖文模式以及控制模式。
2、橫向式列表:橫向的列表一般就是我們常說的輪播,滾動(dòng)圖,走馬燈。它是APP里面最常見的一種列表表達(dá)方式。一個(gè)橫向式列表只在一個(gè)位置展示著很多的內(nèi)容,經(jīng)常被作為廣告位來使用。
一個(gè)橫向列表的數(shù)量不能太多。五六個(gè)以內(nèi)就可以了。
3、網(wǎng)格列表:除了橫向和縱向的意外,還有一種網(wǎng)格式的列表堅(jiān)固了這兩種形式。一般我們用這種列表來展現(xiàn)圖片,搭配一下簡單文字。
如果要展示大量的圖片,那么用網(wǎng)格式的列表最合適不過了。
總結(jié):列表這東西有著分流+導(dǎo)航”的作用,是APP及網(wǎng)站中很重要的一個(gè)環(huán)節(jié)。所以,以上幾種形式甚至可以說是導(dǎo)航的幾種形式。
網(wǎng)站標(biāo)題:細(xì)說APP中列表的UI設(shè)計(jì)模式有哪些小竅門
文章鏈接:http://jinyejixie.com/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)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容