admin 管理员组文章数量: 1086019
2024年3月10日发(作者：c++获取当前时间戳)
突然心血来潮，看产品文章时灵感突现，想对移动产品中分页设计进行一下总结。
不论是APP还是移动web版产品，都会存在页面分页设计的问题，可能是由于文章
篇幅内容较长，也有可能列表式内容较多，目前主要有以下四种分页设计方案：
一、长文式分页
此种形式适合于长篇文章分页设计，目前使用最多的是3G门户，它的结构包括四项：
第几页、上一页、余下全文、下一页。用户在阅读文章时，一般很少跳页阅读，所以没有
页面选择阅读的按钮（比如页面总共分为五页，用户在第一页时，可以直接阅读第三页的
内容）。由于移动版上很多文章内容编辑的精简、篇幅不长，很多移动产品上整篇文章同时
在一页中展现，这种形式比分页用户还需点击查看阅读体验效果更佳。
二、列表式分页
此种形式列表式页面分页设计，新浪微博web版就是使用这种形式，它的结构包括
五项：页面滚动条、上一页、处于的页面、小三角形、下一页。所谓列表式，是指产品中
有很多的不同内容，内容间都是独立的，将每个内容简化为标题或主要内容形式，然后以
列式的方式呈现，列表式一般用户还需点击该内容条才能进行详细页面。此种设计的好处
是用户可以点击中间的小三角形，选择自己想要查看的页面。
三、上拉刷新加载
当我们使用新浪微博客户端时，在首页下拉页面，就会立即刷新加载最新的内容，这
是一种很好的体验设计，同样的，在其他移动产品中，当内容较多时，我们向下拉动查看
更多内容，如微信（可加入微信交流qq群：174234067）的朋友圈就是一种上拉加载更
多内容的设计，这种形式不需要分页阅读，只需在当前页面不断刷新加载，以时间为维度
的产品内容，我个人觉得这种上拉刷新加载的设计效果最佳。
四、点击“查看更多”、“余下全文”
在很多页面的下方，会出现“查看更多”、“余下全文”的按钮，当我们点击时，会
加载更多的内容，如下面的58同城APP今日团购频道：
点击“查看更多”、“余下全文”与上拉刷新加载性质差不多，都是在当前页面呈现。
如果是在页面底部的话，两者均可，但如果需在页面中间加载时，则只能使用点击“查看
更多”、“余下全文”这种形式，如网易手机移动版中“进入新闻频道”按钮，就是这种
情况
版权声明：本文标题：移动产品分页设计总结 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1710023719a554102.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论