当前位置: 网站建设 > 网页设计 > 建站经验 >

网页中 返回顶部链接 的人性化设计

时间:2013-03-02 04:12来源:未知 作者:admin 点击:

标签:网页中 返回顶部链接 的人性化设计 设计(106)链接(22)顶部(2)人性化(1)返回(16)网页(168)back(2)
返回顶部(Back to Top)的跳转链接是网页设计中不可或缺的一个小细节。它的目的是辅助访问者疾速回到页面顶部,罢黜了一直拖动转动条或者不停滚动鼠标滚轮的麻烦,进步了浏览网页的效力。那么请容许咱们先来思考一个弱弱的问题:为什么要返回到顶部,而不是页面的底部??!很简略嘛,文章都是从上往下读的啊!岂非你要从下往上倒着读文章吗?这当然是一个十分重要的原因。然而还有不其它原因呢?我想还有另外一个很主要的起因是由于页面的重要功能区是在顶部的,导航栏、搜寻框等等都在页面顶部。通过导航按钮链接到别的位置,或者通过
网页中 返回顶部链接 的人性化设计》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234G92013.htm

     返回顶部(Back to Top)的跳转链接是网页设计中不可或缺的一个小细节。它的目的是辅助访问者疾速回到页面顶部,罢黜了一直拖动转动条或者不停滚动鼠标滚轮的麻烦,进步了浏览网页的效力。那么请容许咱们先来思考一个弱弱的问题:为什么要返回到顶部,而不是页面的底部??!很简略嘛,文章都是从上往下读的啊!岂非你要从下往上倒着读文章吗?这当然是一个十分重要的原因。然而还有不其它原因呢?我想还有另外一个很主要的起因是由于页面的重要功能区是在顶部的,导航栏、搜寻框等等都在页面顶部。通过导航按钮链接到别的位置,或者通过搜索要害字查找你须要的信息都是在浏览完了一张页面之后重要干的事件。
     但是通常我们在返回顶部链接上做的工作太少,只是简单的在页面底部放置上一个跳转链接就完事了,网页tab(标签)使用注意事项。这样做的成果是当页面比较长的时候点击跳转链接时,浏览器会霎时将你送回到页面顶部,速度有时候快的让人反映不外来,不晓得跳转之后所处的位置在哪。
    另外一个问题是返回顶部链接做的不够醒目。通常来说,返回顶部链接都会位于页面的右下角,或者是页面的页脚上。这个处所自身就不是视觉的焦点处,假如再将跳转链接设计的不够醒目标话,拜访者很可能在阅读了屡次页面之后还没发明这个能够给他们供给便利的设计。
    再有一个问题是位置不够公道。假设有一篇博客日志领有良多的评论,网赚博客篇 大多数人不可能靠博客赚钱,个别来说,访问者阅读评论的时候比拟少,所以当他们浏览完日志内容之后如果不去做评论的话会直接寻找另外的信息,这个时候返回顶部的链接就应当放置于日志停止之后而不是评论内容之后。当然还有更好的措施就是将跳转链接随时停留在视觉区域内。
    那么这样看来,网络赚钱 谷歌Adsense赚钱的套路,一个好的返回顶部链接的设计应该有下面多少个特色:
    一、平滑的从页面底部滚动至顶部。
    二、醒目到足以吸引访问者去点击,网络营销和SEO的区别
    三、更具功效性的地位设计
    那么如果创建一个跳转链接呢?通常的做法是紧挨着body标签下方创立一个空标签,而后再在页面底部创建一个链接,如下代码所示:

 ,网络编辑如何才能写好采访稿;    之后,为了让跳转更加平滑,拷贝此页面中的内容,将其保留为 smoothscroll.js文件,放到你的设计文档中适合的位置。普通来说,在你的设计文档中应该有一个javascript文件夹,将所有javascript文件都放入到这个文件夹中。接下来,在你的设计代码的跟旁边参加链接 ,表现页面将会援用这个JavaScript 文件。
    另外,你完整可以应用图片来取代链接,让它看上去更为雅观。下面的设计例子兴许会给你一些启示:

Tag:返回顶部链接   人性化设计   返回顶部链接   人性化设计  

--> [网站建设之]网页中"返回顶部链接"的人道化设计

          但是这种方式使用了冗余的空标签,为了防止空标签的呈现,可以直接使用body标签下的容器的ID来实现跳转。


(责任编辑:网站建设)
网页中 返回顶部链接 的人性化设计相关文章
上一篇:网页tab(标签)使用注意事项 下一篇:网页中CSS样式切换的实现
回到顶部