描述：在進(jìn)入app后绍傲，一般在進(jìn)入一個(gè)內(nèi)容詳情前幻枉，以列表的形式顯示同類的數(shù)據(jù)類型或者數(shù)據(jù)類型組，比如圖片和文本诡蜓。
上下文情境：用戶抱著尋找一定信息的目的熬甫，進(jìn)入列表頁，對多個(gè)列表項(xiàng)進(jìn)行瀏覽蔓罚，或者比較椿肩，進(jìn)行一定操作。
任務(wù)流程：顯示豺谈，操作
必備框架：列表框架
相關(guān)框架：內(nèi)容詳情（后置）郑象，篩選框架（操作），搜索框架（前置）
構(gòu)成元素：文字標(biāo)題茬末，文字厂榛，圖像，操作
設(shè)計(jì)標(biāo)準(zhǔn)（篩除丽惭，選擇击奶，驗(yàn)證）：1讓用戶快速瀏覽，2讓用戶快速發(fā)現(xiàn)感興趣的信息责掏，3讓用戶知道下一步怎么做
說到列表柜砾，最常見的形式如下圖
形式1：圖像，標(biāo)題换衬，箭頭
圖像在這的作用包括痰驱，視覺定位，快速辨認(rèn)瞳浦，暗示作用担映。但很多時(shí)候只是為了好看，所以不一定有术幔，作為列表導(dǎo)航的時(shí)候一般要有~
最重要的還是標(biāo)題另萤，清晰明白，不要太長诅挑，概括后置內(nèi)容詳情
而向右箭頭這里起的作用是暗示可點(diǎn)擊四敞。尤其在列表中有些可點(diǎn)擊，有些只讀的時(shí)候需要這個(gè)配合顏色起到暗示作用
注意1：但即使沒有向右箭頭用戶還會(huì)經(jīng)常認(rèn)為這個(gè)列是可以點(diǎn)擊的拔妥，這個(gè)就需要一個(gè)點(diǎn)擊后的視覺反饋
注意2：進(jìn)入下級頁面動(dòng)效要符合箭頭指示忿危，從右方進(jìn)入
注意3：這里的頭像圖標(biāo)與整個(gè)列表的交互一致
注意4：如果列表項(xiàng)是作為導(dǎo)航的話，需要做好排序没龙，組織和分塊铺厨。5個(gè)以內(nèi)列表可以不進(jìn)行分組缎玫，8個(gè)以上需要分成3個(gè)組。分組可以按照類別（相關(guān)性分組）解滓，也可以按照首字母（如通訊錄）等
形式2：圖像赃磨，標(biāo)題，內(nèi)容洼裤，箭頭
增加的小標(biāo)題主要顯示與標(biāo)題相關(guān)主要內(nèi)容邻辉，或者是內(nèi)容變化，或者是狀態(tài)
注意1：整體的一致性腮鞍，整個(gè)列表頁都同時(shí)要有圖像或者都無
注意2：內(nèi)容靠近向右箭頭右對齊
形式3：標(biāo)題值骇，內(nèi)容，箭頭
突出內(nèi)容移国，內(nèi)容一眼就能看出代表的東西
注意：標(biāo)題最好右對齊吱瘩，內(nèi)容左對齊，用戶視線沿內(nèi)容往下看迹缀，標(biāo)題起輔助作用（qq這個(gè)就顯得有點(diǎn)凌亂使碾，陌陌這種感覺看起來有點(diǎn)麻煩）
不過這種列表形式挺少見，我這個(gè)想法不一定對~沒有太好的佐證裹芝。查了下iOS設(shè)計(jì)規(guī)范中表格視圖的副標(biāo)題型在這種情況下是建議標(biāo)題右對齊部逮。
形式4：圖像，標(biāo)題嫂易，副標(biāo)題兄朋，向右箭頭
副標(biāo)題，更多的是對標(biāo)題的解釋怜械，相關(guān)內(nèi)容
這個(gè)比較適用于列表項(xiàng)目比較相似颅和，這樣用戶可以用副標(biāo)題中的詳細(xì)信息來幫助區(qū)分不同列表
或者以這種形式來提示內(nèi)容詳情，吸引用戶缕允，但感覺作用一般峡扩，畢竟是弱化信息
形式5：圖像，標(biāo)題障本，內(nèi)容教届，時(shí)間（距離等標(biāo)題相關(guān)屬性），向右箭頭
圖像和向右箭頭不一定有
內(nèi)容一般在1-2行驾霜，
時(shí)間越接近案训，顯示的越準(zhǔn)確
形式6：圖像，文字
圖像可多可少粪糙，如果一定有强霎，可置于左邊，如不確定可放置右邊蓉冈，免得影響視覺的流暢
如果有多個(gè)城舞，可放置在文字下方或上方
如果需要突出圖像轩触，可把圖像放大，并把文字置于圖像中（banner）
形式7：輔助信息
在上述的形式上增加了一行輔助決策信息（如下圖）
作用主要是幫助用戶篩選感興趣的信息家夺，做出決策脱柱。
注意：不要為了信息而信息环揽，過多的信息為導(dǎo)致用戶的認(rèn)知負(fù)荷素挽！
社交數(shù)據(jù)如閱讀數(shù)，評論父腕，喜歡椅邓，贊等等；詳細(xì)信息如內(nèi)容數(shù)量昧狮，類別景馁，來源
評分，價(jià)格逗鸣，距離合住，標(biāo)簽，優(yōu)惠等等
形式8：增加操作按鈕
在原有形式的基礎(chǔ)上撒璧，加入一些列表內(nèi)操作透葛，一般集中按鈕的形式出現(xiàn)，集中在列表右側(cè)和下側(cè)卿樱。
注意僚害，操作按鈕不宜超過3個(gè)，如果過多可考慮使用卡片框架
比較常見的有點(diǎn)贊繁调，下載萨蚕，關(guān)注等
列表相關(guān)操作：
0點(diǎn)擊列表查看更多
1勾選標(biāo)記（iOS短信）
2左右滑動(dòng)進(jìn)行操作/長按（iOS微信）
3詳情展開按鈕（網(wǎng)易云音樂）
4下拉刷新（微博）
5篩選（攜程）
6編輯刪除（iOS短信）
7排序按鈕
8針對列表的其他操作：添加，關(guān)注蹄胰，贊岳遥，感謝等等
注意：
1在用戶選擇一個(gè)列表時(shí)，始終給予反饋
2如果有圖片等加載較慢的內(nèi)容裕寨，可顯示框架和文本數(shù)據(jù)浩蓉，其他等加載完再顯示
3如果有大量的數(shù)據(jù)（文字，圖片）集合宾袜，或文字內(nèi)容超過3行捻艳，或有大量交互，不需要比較不同內(nèi)容试和，可以考慮卡片設(shè)計(jì)（一些社交軟件）
查看的一些書籍文章
1Material Design設(shè)計(jì)語言
2iOS人機(jī)界面準(zhǔn)則
3UI設(shè)計(jì)模式
