【修真院pm小课堂】APP中通常用哪些常见的列表布局，分别适用什么样的场景？

大家好，我是IT修真院深圳分院第十四期学员王东东，一枚正直纯洁善良的PM。

今天给大家分享一下，修真院官网PM任务二·，扩展思考中的知识点——APP中通常用哪些常见的列表布局，分别适用什么样的场景？
一、背景介绍
由于手机屏幕尺寸的限制，无法直接把所有内容在一屏内显示，可显示内容要比PC屏幕少得多。在APP界面设计中，我们需要对信息进行有效组织、提炼，通过合理布局把信息展示给用户。布局的方式会直接影响一个APP的视觉效果，好的布局方式，往往能带来舒服的视觉效果，更能得到用户的接受与好评。

二、知识剖析
页面布局有哪些分类，普遍适用于哪些场景？

1.列表式：

内容从上向下排列，导航之间的跳转要回到初始点。文本信息大，比如新闻类。

2.陈列表式：

布局比较灵活，即可以平均分布这些网格，也可以根据内容的重要性做不规则分布。适合对比展示商品。

3.九宫格式：

相比陈列馆式，九宫格布局比较稳定为一行三列式，适合用户快速查询

4.选项卡：

导航一直存在，具有选中状态，可快速切换另一个导航，适合用户有多项选择

5.旋转木马式：

相重点展示一个对象，通过手势滑动查看更多内容。，适合重点突出主题

6.行为扩展式：

能在一屏幕内显示更多的细节，无需跳转页面，适合查看对应信息和分类
7.多面板式：

能同时呈现比较多的分类及内容。

8.图表式：

用图表的方式直接呈现信息

三、常见问题
页面布局的重要性

四、解决方案
设计风格是设计起始的第一步，定好了设计风格，后续的设计工作才能继续安排，另外，要确保设计风格匹配用户人群的喜好，符合APP的定位以及给用户传递APP正面良好的形象，确定设计风格阶段，产品经理和设计师花费再多的时间和精力来折腾也是值得的。

五、编码实战

六、扩展思考
列表数据
表现形式：网格视图和列表视图，或者二者皆有。
列表视图：
最适合用来显示同类型的数据
列表视图遵循人们的自然阅读模式。
每一屏能够展示更多信息/选项，减轻了给用户带来太多滚动翻页的麻烦
在视觉外观上缺乏表现力，用户的注意力会自上而下减弱

网格视图：
图片占用了是视图元素的绝大部分空间，更吸引用户眼球。
有助于用户区分单元项间的视觉差异
用户注意力均匀迁移
七、参考文献
百度百科、人人都是产品经理

八.更多讨论
1.分类和列表数据的区别？
不同的分类，里面对应这不同的列表数据
2.列表数据与列表布局的区别？
列表数据指的是页面上的数据（图片，文本等）
列表布局指的是数据的排版方式。
3.如何设计好一个APP的列表布局？
这是偏UI的知识，我个人理解是：
去不同的用户组收集大众意愿；
根据行业特点选择；
字体大小，颜色，整体格调也很重要
今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~

技能树.IT修真院
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。
快来与我一起学习吧。我的学习邀请码：28547998。或者直接点击链接http://www.jnshu.com/login/1/28547998