我對(duì)列表的定義：對(duì)一定數(shù)量的相似數(shù)據(jù)組的處理逝撬，使用一定的格式或樣式，呈現(xiàn)出來度宦，稱之為列表。
列表是APP設(shè)計(jì)核心部分告匠，下面我就討論各種列表模式戈抄。
新聞列表
右側(cè)是新聞?lì)悜?yīng)用最常見的列表，包括一張圖片后专、新聞標(biāo)題和評(píng)論數(shù)量划鸽，有的時(shí)候還會(huì)有點(diǎn)贊數(shù)量。
這種模式非常流行戚哎，原因之一是當(dāng)前手機(jī)的屏幕尺寸裸诽，一個(gè)屏幕顯示7到8組數(shù)據(jù)，超過這個(gè)數(shù)字選擇就會(huì)變得困難建瘫。另一個(gè)重要原因崭捍，它形成了垂直的軸，人眼對(duì)軸的閱讀是非常好的啰脚。
再想想新聞?lì)悜?yīng)用的特點(diǎn)殷蛇。更多的戶外使用实夹，不斷更新的大量?jī)?nèi)容。新聞?lì)悜?yīng)用對(duì)圖片的清晰度要求不高粒梦，更小的圖片可以減少用戶流量的消耗亮航，更快的加載速度。清晰的文字標(biāo)題匀们，字體可以做的很大缴淋，方便閱讀，在換行的基礎(chǔ)上可以容納很長(zhǎng)的標(biāo)題泄朴。
圖片列表1
經(jīng)典的圖片列表重抖，也有書籍稱做陳列館。處理圖片最常見的模式祖灰。
一屏至少能夠顯示6張圖钟沛，不會(huì)超過8張圖，符合交互原則局扶。
在這個(gè)尺寸下恨统，圖片清晰度保持的很好。使用緩加載可以減輕加載速度的問題三妈。
與上一個(gè)列表不同畜埋，視線掃描不是直線型的，而是折線型的畴蒲。實(shí)際上用戶的視線更多是隨機(jī)掃視悠鞍，因此這種模式的缺點(diǎn)：用戶掃視的過程可能會(huì)忽略一些圖片。
右側(cè)的長(zhǎng)短式設(shè)計(jì)饿凛，花瓣就是這種設(shè)計(jì)狞玛。非常好的適應(yīng)了不同尺寸圖片，特別是長(zhǎng)度很長(zhǎng)的圖片涧窒。缺點(diǎn)是對(duì)于橫版的圖片不友好，會(huì)看不清锭亏。最常見于用戶上傳纠吴，不需要強(qiáng)制統(tǒng)一上傳尺寸。
圖片列表2
圖片列表還有很多變化慧瘤，提供更多信息，有利于用戶做出選擇〉懵ィ或者加上按鈕甚亭，成為一個(gè)小的操作面板。
左側(cè)的模式常見于音樂軟件怔匣，在圖片里面加上文字或數(shù)字握联，可能是作者名稱，也可能是收聽數(shù)量。這么布局的好處是金闽，提供更多信息的基礎(chǔ)上纯露，不會(huì)打破原有的正方形圖片，空間結(jié)構(gòu)依然保持緊湊代芜。不足之處是文字很容易被忽略埠褪，所以顯示重要文字不建議使用這種模式。
右側(cè)和安卓的卡片式設(shè)計(jì)結(jié)合在一起挤庇，每一組信息的整體感更強(qiáng)钞速，個(gè)人比較推崇這種設(shè)計(jì)。根據(jù)封閉性原理嫡秕，卡片內(nèi)的內(nèi)容很容易被人腦整合在一起渴语。視覺焦點(diǎn)不再僅限于圖片，文字也成了重要的點(diǎn)淘菩。另外遵班，整體結(jié)構(gòu)有了節(jié)奏的變化，界面顯得更加有活力潮改。
用戶列表
用戶列表根據(jù)功能的不同狭郑，應(yīng)用屬性的區(qū)別，會(huì)有不同的布局汇在。出現(xiàn)的地方包括：關(guān)注列表翰萨、粉絲列表、評(píng)論用戶糕殉、點(diǎn)贊用戶亩鬼、好友列表、發(fā)現(xiàn)有趣的人阿蝶、用戶排名等等雳锋。包括的組件有：用戶頭像、用戶昵稱羡洁、用戶性別玷过、用戶粉絲、用戶介紹筑煮、用戶等級(jí)辛蚊、用戶狀態(tài)、關(guān)注按鈕等等真仲。忽然發(fā)現(xiàn)還挺多的（＝ ＝||）袋马。
左側(cè)是傳統(tǒng)的布局方式，可以很好的增加或減少組件內(nèi)容秸应，不管是性別虑凛、粉絲碑宴、等級(jí)、狀態(tài)都可以按需增加卧檐，關(guān)注按鈕一般放在右側(cè)墓懂，這種布局靈活性好，擴(kuò)展性強(qiáng)霉囚，可讀性好捕仔。
右側(cè)是比較少見的布局，一般用于隨機(jī)排列盈罐，在推薦用戶榜跌、發(fā)現(xiàn)用戶比較常見。優(yōu)點(diǎn)在于選擇性好盅粪、顯示的數(shù)量多钓葫、界面更簡(jiǎn)潔、親和力好票顾。但是擴(kuò)展性不好础浮，一般不超過兩個(gè)組件、最多三個(gè)奠骄。無法放置關(guān)注按鈕豆同，因?yàn)榻Y(jié)構(gòu)過于松散。
三列布局
隨著app設(shè)計(jì)深入含鳞，更多的布局方式被開發(fā)出來影锈，其中就有三列布局，并且呈現(xiàn)越來越流行的趨勢(shì)蝉绷。
三列布局常見于內(nèi)容型app鸭廷，例如網(wǎng)易云音樂。
在內(nèi)容很豐富的界面熔吗，我們需要用到它辆床，常見的使用方法不是鋪滿整個(gè)界面，而是兩行兩行的出現(xiàn)桅狠。大面積使用佛吓，會(huì)造成界面擁擠，難以選擇的局面垂攘，兩行即時(shí)6個(gè)，小于7個(gè)即可淤刃。
另外晒他，不建議增加其他按鈕在列表里，更多的操作都放在二級(jí)頁面完成逸贾。
目前來說陨仅，三列布局的變式還很少津滞，屬于比較穩(wěn)定的布局，擴(kuò)展性不強(qiáng)灼伤。
單列布局
APP“開眼”是一款短視頻推薦應(yīng)用触徐，它在首頁使用了左側(cè)的單列布局，效果還不錯(cuò)狐赡。
左側(cè)的單列布局最為常見撞鹉，總體給人一級(jí)一級(jí)的感覺，可以放下很寬的圖片颖侄，再在圖片上放置很大的文字鸟雏，有很強(qiáng)的視覺沖擊力。這種模式览祖，圖片需要經(jīng)過簡(jiǎn)單處理孝鹊，否則文字容易看不清。圖片文件比較大展蒂，加載比較緩慢又活，一般用于Wifi條件下。還要說一點(diǎn)锰悼，一個(gè)屏幕最多顯示四五個(gè)柳骄，對(duì)于急性子用戶就不適合了，這種模式適合放置在那種用戶可以靜下心來使用的應(yīng)用里松捉。
右側(cè)布局很少見夹界，但我確實(shí)在項(xiàng)目中遇到過這種布局，在填色類型應(yīng)用里隘世，所有競(jìng)品在畫冊(cè)界面都是使用這種布局可柿。這是一個(gè)畫冊(cè)詳情頁，每一個(gè)列表內(nèi)容是一個(gè)填色模板丙者。
一頁只能顯示2到3個(gè)复斥，這是一種近乎不合理的布局。這么做的理由械媒，用戶在選擇模板時(shí)需要做出重量級(jí)選擇目锭，模板本身比較復(fù)雜，輕輕掃一眼的設(shè)計(jì)無法幫助用戶做出選擇纷捞，再有就是營(yíng)造一種畫廊的安靜感痢虹。
需要考慮的因素還有很多，包括視覺主儡，交互等奖唯，還是需要結(jié)合實(shí)際情況和最終效果。
