在通常情况下,如果一个页面需要显示的信息非常多,单个页面不够用,为了增加速度、美观度、亲近感等,设计分页就成为了必要。用户可选择是否继续前行或后退去找他想要的信息。例如,在淘宝网搜索一下“衬衣”,这时有多达100 多页的信息,分页显示如下:
网站建设★网站设计★网站制作★
网页设计-800元全包;企业网络推广☆网站优化☆seo☆关键词排名☆百度快照-2200元全年展示;做网站优化排名-
网站建设公司☎13518219792(注:选好网站模板,请联系客服,百度云盘下载提取网站模板)
一、原始设计的基本方案
分页的作用是很多的,特别是在性能优化上,最重要的原因,是让用户可以快速找到想要的信息。这些有用信息页面比较多地在分页之上,淘宝网已经做得非常好。先看一下下面这个小型分页(这里定义要狭小一些,是页面小于或等于5页的分页设计)的原始设计(交互白板,非视觉终稿)方案:
看起来挺眼熟的吧,huh?就是它,现在很多网站都采用该类型显示的方式。设计师可能建议,能不能把“上一页”和“下一页”放在一块,让用户按起来更加方便,如下图所示:
确实这比原来的好很多,至少翻页更省事。这时,有人会提出如下方案:
实话实说,这样的设计方案也是挺好的,理由就不用说了。但问题在于,用户需要有“猜”的过程,猜左向指示符究竟是不是代表向上翻页。
二、我推荐的基本方案
说句实话,我自己并不赞同上面的这些做法。既然这个分页是小型化的,一个很小的位置就能全列在上面了,那我们为何还要去复杂化这个用户选择的过程,而不是直接提供更便捷的方式?我倡导的想法是把小分页全显示出来,确保用户操作更方便。如下:
这样的设计与原始方案进行对比,从空间上展开式显示需要的像素少,有不少设计师考虑留白,会去考虑如果合理地利用这些宝贵的空间。从实用性角度来说,假如看到第3页,突然又想回到第一页,按照原设计,不得不按两次“上一页”?假如有5页呢?有什么手段来保证在各页之间切换得更快、更自如?无论怎么样,展开式设计都可以很好地解决这些问题。
分享题目:我的小分页制作方法推荐
分享URL:
http://njwzjz.com/article/dghjgio.html