一个经典的交互设计框架——“首页—列表页—详情页”

这个框架符合一般用户的使用习惯，也是人们处理信息的基本模式。

用户在列表页上的主要行为是对信息进行筛选和比较，以便做出决策，决定进入哪个具体条目去了解详情。因此，列表页承载的是用户对下一层信息的概况了解，是详情页信息的缩略版。

如果列表中的条目比较多，就会需要某些排序规则或分组规则，以便让列表中的条目信息的呈现更有规律。列表页底部常常会出现翻页器，有时也会用“无限加载”这种处理方式。

因为用户的浏览习惯一般都是“从左往右，从上往下”的，所以垂直式列表一般采用的都是左对齐的样式。在设计的时候需要平衡好条目的详细程度和条目数量之间的关系。因为条目内容越详细，条目所占空间就会越大，相应地单屏上条目的显示数量就会越少。比如淘宝订单列表页和通讯录的差异。

垂直式列表一般有三种模式：标准模式、图文结合模式以及控制模式。

就是轮播图和走马灯，用户通过左右手势滑动来聚焦到当前的内容。横向式列表的条目数量不能太多，控制在5~7个以内为好，以避免用户操作疲劳。在设计上可提供暗示，例如露出下一张的部分内容，或者添加分页指示器，让用户在浏览条目时保持清晰的方向感和对数量的认知。

兼顾了两种维度的列表形式。基本上都是以展示图片为主，偶尔会配合一些文字说明。展示大量图片时，网格式列表是最好的选择。标准的网格式列表是“田字格”形式，排版上有一丝严谨和规范的意味，而“瀑布流”的排版样式则显得较为随意，常见于一些图片浏览类的软件，如花瓣等。