分页案例和好的实践

2016-02-19 13:24 6 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享分页案例和好的实践吧。

【 tulaoshi.com - Web开发 】

结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入,用户就越容易理解你观点和得到你想传达的信息。在网页上,这点被通过多个方式做到。

在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制,它在给定文章的单一部分为用户提供用于浏览的额外的导航选项。文章的这些地方除了上一页(previous)和下一页(next)按钮外,还涉及到数字、提示和箭头。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

搜索引擎几乎总是使用分页,报纸往往利用它来导航有几部分的大文章。还有一些情形,分页也是博客(weblog)所需的。额外的导航能简化一些站点页面的访问,例如让用户容易的通过站点的存档进行浏览。

在大多数情况下,分页优于传统的上一页、下一页导航方式,它通过站点给访问者提供更快更方便的导航。它不是必须的,但是一个有用的好特性。

让我们来看一些好的分页实践,何时和如何执行分页的一些例子。

分页设计的好实践(来自Faruk Ates的7个方面):

提供大面积的可点击区域 别使用下划线 标明当前页面 隔开网页链接 提供上一页和下一页链接 使用首页和末页链接(在能适用的地方) 把首页和末页放在外面

相关参考资料

Pagination 101 ,Faruk Ates已经完成关于分页的终稿。 Some Styles For Your Pagination ,可以随意下载随意适用的分页样式。 如果你的博客是基于wordpress的,你可以安装插件 WP-PageNavi 来产生分页。它非常容易安装,但需要你修改一些你用主题的源码。

错误#1:分页选项不可见

因为分页的是主要目的是充当一个改进后的导航,它必需让访问者清楚他们在哪儿、他们已经去了哪儿和他们下一步能去哪儿。这个三个事实让用户完整的理解这个系统如何的工作和这个导航应该如何被使用。

但最重要的是,导航选项应该是可见的。hugg.com不遵循这个方针。链接颜色和白色背景对比度非常低。没有提供鼠标悬停效果。

分页案例和好的实践

错误#2:分页不直观

如果你不得不在一个相当复杂(但漂亮)的导航和一个简单但包含必要功能的导航间选择,一直倾向简单的方法。如果用户不理解分页背后的机制,他们将不能使用它,因此他们也不会使用你的网站。

Helium.com是这个错误的很好例子。看一下下面截图:这些箭头代表什么?代表你访问过的那页或代表你正在访问的那页?为什么这个链接到第二页有一个白色背景?为什么箭头有不同的颜色?这是不直观的。

分页案例和好的实践

不直观的设计源于结构、层次和深思熟虑后的设计决定的缺乏。空白导航像过度拥挤方案一样不直观。

分页案例和好的实践

没有间隔的网页链接难以扫描和浏览。Make-Believe.org是个这样的例子,其设计是不直观的。

分页案例和好的实践

 

创造性的方案可能是用户友好的

对于设计者来说,一个元素被使用的越频繁,想在没有使设计不直观的冒险下去介绍一些创新方法越难。因此,分页设计有各种不同的模式,但使用革命性的方法很少见。

然后,创造性的方法可以是用户有好的。例如:Dirty.ru使用了一个滑块分页菜单,用户能拖动滑块去获得更多的可利用的选项,那意思是链接到这个站点的的更旧页面。

分页案例和好的实践

Erweiterungen.de,德文版的官方火狐扩展网站,一旦用户点击按钮就提供更多的导航选项。

分页案例和好的实践

图库

虽然标准分页彼此相连被链接的蓝色数字对于大部分

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1604128.html

延伸阅读
垃圾收集几乎是每个开发人员都喜爱的一个 Java 平台特性,它简化了开发,消除了所有种类的潜在代码错误。可尽管垃圾收集一般来说可以让您无需进行资源治理,有时候您还是必须自己进行一些内务处理。在本文中,Brian Goetz 讨论了垃圾收集的局限性,并指出了您必须自己做内务处理的场景。 小时候,父母总是叮嘱我们玩了玩具之后要...
标签: 四季养生
生活小窍门 冬季锻炼正是时候,体育锻炼可提高人们的御寒能力。所以,坚持冬季锻炼的人,抗寒能力比一般人增强8-10倍。冬季室外体育锻炼,不断受到冷空气的刺激,血液中的抵抗疾病的抗体增多,身体对疾病的抵抗能力增强,冬季体育锻炼,接受阳光的照射,弥补阳光照射的不足。阳光中的紫外线不但能杀死人体皮肤、衣服上的病毒和病菌,对...
标签: 生活常识
手工皂的特点和好处   1天然原材料: 手工皂其原物料皆采用来自于天然物质(90%以上为(药)草本植物)萃取提炼研磨,易于自然界中被分解,不残留于人体,除对人体无负担之外,对环保亦相对地提升其帮助,除一般成品外,并可针对不同肤质,研究不同配方、成分,订制特定手工皂,达其功效与需求,没有负担有益肌肤,自然滋润,洁净力...
标签: 营养价值
苦瓜是现在比较受欢迎的一种菜,因为它的功效有很多,对女性还有减肥的效果,那么,你知道苦瓜的功效有哪些吗?苦瓜做法大全你知道吗?苦瓜的作用有哪些呢?下面,图老师小编就给大家来介绍一下苦瓜吧。 苦瓜又名凉瓜,是葫芦科植物,为一年生攀缘草本。苦瓜味苦,南方人多食为蔬。瓜虽苦,却从不会把苦味儿传给别人,苦瓜与其它食材相...
标签: 分娩
胎教 儿歌,你听说过了吗?胎教的方法有很多,胎教儿歌和 胎教音乐 类似。那么,胎教儿歌会有哪些作用呢?准妈妈想要试试胎教儿歌又要怎么做呢?别着急,下面小编就一一为你解答。 胎教儿歌的好处 孕妇在怀孕期间多听一些胎教儿歌,可以有效的刺激孕妇的听觉神经,从而使得孕妇大脑皮层处于兴奋状态,促使身体分泌出一些有益于孕妇和胎儿...

经验教程

927

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部