课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认识达内从这里开始
认真做教育 专心促就业
网格列表
顾名思义，网格列表就是将多个内容条目，以网格的形式排布。这种列表形式的好处就是用户可以一览界面中的诸多内容，页面中的视觉轻重较平均，相对于垂直列表来说也更具视觉表现力。对于以图片为主的内容排布，多使用这种形式。
网格列表可以分为图片模式、图文模式、图标模式3种。
图片模式
这个模式只展示图片，无需文字说明。一般素材网站或者是照片类的App会使用这个方式。
图文模式
如果除了图片之外，还要显示图片相关的文字内容，可以采用图文模式。图文模式可以是图文重叠，这种情况下，为了保证文字的可识别度，要增加半透明或者色块蒙层，当然也可以直接采用图文分离形式。
图标模式
当然除了以图片为主的模块会使用网格列表以外，有些功能性页面也会采用网格列表式的布局。这种模式有点类似于垂直列表的导航模式，都是功能入口为多。但是它适合于功能入口不是那么多的界面。用户在浏览的时候具有停顿性。
轮播列表
轮播列表通常是横向展示， 有一部分的内容在界面之外。这种展示形式能够大大的提高界面的利用率，但是我们在做的时候要做出示意，让用户知道此模块是可以滑动的。
比如可以显示界面外的内容的一部分、显示翻页器、使用不同尺寸的图片、自动翻转等等。
时间轴列表
时间轴列表应用的场景也比较多，比如说交互App中的动态，用户评论，以及聊天界面等，都属于是时间轴列表。这种形式的主要元素是人物、时间、内容。我们在做的时候要注意时间轴的顺序，最好是我们输入、操作的区域紧挨最近的内容。
划重点
1、列表形式多种多样，大致可以分为垂直列表、网格列表、轮播列表以及时间轴列表。
2、我们要根据每个列表的特点，以及App侧重展示的内容，来决定使用什么样的列表方式。各有所长，没有最好，只有最合适的。
3、网格模式要注意网格的数量，手机端的屏幕承载率有限，横向展示2-4张图片为佳，如果过多就会影响信息内容的展示。
4、我们在做列表的时候要注意，避免将内容事无巨细的全部展现在页面当中。这样就违背了列表的概览性，用户就不能有效的对不同条目的内容进行对比。也就丧失了列表应有的优势。
< 上一篇：做App一定要掌握这个模块（上）
下一篇：三个角度，带你了解签到 >
2024-05-16
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 6月30日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 6月30日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 6月30日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 6月30日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 6月30日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 6月30日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 6月30日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 6月30日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 6月30日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 6月30日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 6月30日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 6月30日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 6月30日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 6月30日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 6月30日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 6月30日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 6月30日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 6月30日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 6月30日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 6月30日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 6月30日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 6月30日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 6月30日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 6月30日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 6月30日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 6月30日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 6月30日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 6月30日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 6月30日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 6月30日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 6月30日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 6月30日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 6月30日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 6月30日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 6月30日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 6月30日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 6月30日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 6月30日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 6月30日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 6月30日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 6月30日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 6月30日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 6月30日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 6月30日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 6月30日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 6月30日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 6月30日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 6月30日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 6月30日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 6月30日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 6月30日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 6月30日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 6月30日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 6月30日
- 火热抢座中
- 立即咨询
预约申请试听课
400-111-8989
lihm@tedu.cn
