我的小分页制作方法推荐

在通常情况下，如果一个页面需要显示的信息非常多，单个页面不够用，为了增加速度、美观度、亲近感等，设计分页就成为了必要。用户可选择是否继续前行或后退去找他想要的信息。例如，在淘宝网搜索一下“衬衣”，这时有多达100 多页的信息，分页显示如下：网站建设★网站设计★网站制作★网页设计-800元全包;企业网络推广☆网站优化☆seo☆关键词排名☆百度快照-2200元全年展示;做网站优化排名-网站建设公司☎13518219792（注：选好网站模板，请联系客服，百度云盘下载提取网站模板)

一、原始设计的基本方案

分页的作用是很多的，特别是在性能优化上，最重要的原因，是让用户可以快速找到想要的信息。这些有用信息页面比较多地在分页之上，淘宝网已经做得非常好。先看一下下面这个小型分页（这里定义要狭小一些，是页面小于或等于5页的分页设计）的原始设计（交互白板，非视觉终稿）方案：

看起来挺眼熟的吧，huh？就是它，现在很多网站都采用该类型显示的方式。设计师可能建议，能不能把“上一页”和“下一页”放在一块，让用户按起来更加方便，如下图所示：

确实这比原来的好很多，至少翻页更省事。这时，有人会提出如下方案：

实话实说，这样的设计方案也是挺好的，理由就不用说了。但问题在于，用户需要有“猜”的过程，猜左向指示符究竟是不是代表向上翻页。

二、我推荐的基本方案

说句实话，我自己并不赞同上面的这些做法。既然这个分页是小型化的，一个很小的位置就能全列在上面了，那我们为何还要去复杂化这个用户选择的过程，而不是直接提供更便捷的方式？我倡导的想法是把小分页全显示出来，确保用户操作更方便。如下：

这样的设计与原始方案进行对比，从空间上展开式显示需要的像素少，有不少设计师考虑留白，会去考虑如果合理地利用这些宝贵的空间。从实用性角度来说，假如看到第3页，突然又想回到第一页，按照原设计，不得不按两次“上一页”？假如有5页呢？有什么手段来保证在各页之间切换得更快、更自如？无论怎么样，展开式设计都可以很好地解决这些问题。