您现在的位置是:惠州网站建设 > APP开发
如何设计“返回顶部”的导航按钮
惠州网站建设2024-09-19 08:53:22【APP开发】1人已围观
简介返回顶部的跳转链接是网页设计中不可或缺的一个小细节。它的目的是帮助访问者快速回到页面顶部,免除了不断拖动滚动条或者不停转动鼠标滚轮的麻烦,提高了浏览网页的效率。那么请允许我们先来思考一个弱弱的问题:为
返回顶部的返回顶部跳转链接是网页设计中不可或缺的一个小细节。它的何设目的是帮助访问者快速回到页面顶部,免除了不断拖动滚动条或者不停转动鼠标滚轮的导航麻烦,提高了浏览网页的按钮效率。那么请允许我们先来思考一个弱弱的返回顶部问题:为什么要返回到顶部,而不是何设页面的底部?囧!很简单嘛,导航文章都是按钮从上往下读的啊!难道你要从下往上倒着读文章吗?这当然是返回顶部一个非常重要的原因。但是何设还有没有其它原因呢?我想还有另外一个很重要的原因是因为页面的主要功能区是在顶部的,导航栏、导航搜索框等等都在页面顶部。按钮通过导航按钮链接到别的返回顶部位置,或者通过搜索关键字查找你需要的何设信息都是在浏览完了一张页面之后要干的事情。
但是导航通常我们在返回顶部链接上做的工作太少,只是简单的在页面底部放置上一个跳转链接就完事了。这样做的结果是当页面比较长的时候点击跳转链接时,浏览器会瞬间将你送回到页面顶部,速度有时候快的让人反应不过来,不知道跳转之后所处的位置在哪。
另外一个问题是返回顶部链接做的不够醒目。通常来说,返回顶部链接都会位于页面的右下角,或者是页面的页脚上。这个地方本身就不是视觉的焦点处,如果再将跳转链接设计的不够醒目的话,访问者很可能在浏览了多次页面之后还没发现这个可以给他们提供方便的设计。
再有一个问题是位置不够合理。假设有一篇博客日志拥有很多的评论,一般来说,访问者阅读评论的时候比较少,所以当他们阅读完日志内容之后如果不去做评论的话会直接寻找另外的信息,这个时候返回顶部的链接就应该放置于日志结束之后而不是评论内容之后。当然还有更好的办法就是将跳转链接随时停留在视觉区域内。
那么这样看来,一个好的返回顶部链接的设计应该有下面几个特点:
1、平滑的从页面底部滚动至顶部。
2、醒目到足以吸引访问者去点击。
3、更具功能性的位置设计
之后,为了让跳转更加平滑,拷贝此页面中的内容,将其保存为 smoothscroll.js文件,放到你的设计文档中合适的位置。一般来说,在你的设计文档中应该有一个javascript文件夹,将所有javascript文件都放入到这个文件夹中。接下来,在你的设计代码的和中间加入链接 ,表示页面将会引用这个JavaScript 文件。另外,你完全可以使用图片来代替链接,让它看上去更为美观。
深圳网站建设公司-沙漠风(www.szweb.cn.),拥有设计团队为企业提供FLASH网站设计,网页制作,多媒体触摸屏展示设计.
很赞哦!(66898)
上一篇: 制作网站的三种情况
下一篇: 如何做出让用户主动转发推荐的企业产品信息
站长推荐
友情链接
- 外贸网站开发需要注意哪些问题?深圳网站制作
- 新媒体运营打造爆点 把握这三要素即可
- 微信营销的两大核心 粉丝数量和情感互动
- 如何做好一份微信营销方案
- 企业微信营销的5种方法
- 深圳网站制作|手机网站制作对企业有哪些好处?
- 【中标】沙漠风中标深圳湾实验室互联网品牌形象升级项目
- 创意纵横:深圳网站设计引领数字化时代的视觉体验
- 勿要盲目营销,微信推广需要掌握尺寸-深圳网站建设推荐
- 建设一个门户网站需要注意哪些问题呢?
- 为什么要建设企业网站?
- 微信营销:话题运营你学会了吗?
- 2015微信发展趋势 2015微信公众号营销
- 微电商运营,如何提高成交转化率?
- 微信公众号为什么非做不可?
- 如何利用内容营销来提高网站流量?——网络营销分享
- 企业官网建站如果没做好会出现哪些问题
- 微信运营:怎么样才算是精准用户?
- 【上线】银佳集团中文官网改版上线,由深圳沙漠风设计制作
- 微信内测新功能,支持双向删除好友、朋友圈自定义分组功能