建站常识
罕见设计创意的WEB网站导航方式
2014-11-04 10:28:46
这些年来,我们互联网信息和获得信息的渠道也越来越多。伴随着信息量的增进,先有了分类,又有了导航,再有了搜索,后面的发展还不得而知。在此只是根据平日的所看所想简单聊下导航,欢迎大家批评指点。
导航的目的很简单:告诉你现在的位置,你可以怎样来,又可以到哪去。生活中最常见的导航是路标,当遇到错误或指向性不明确的路标,你一定会抓狂。偶本人就曾在某大型商场见到一幅消防逃生路线图,指引标注的甚为详细,可惜的是没有标注“您当前的位置”……
图1:Photoshop
在Web网站中,导航则被创造性的赋予了多种多样的表现形式。偶主要以 友商网 做个例子,继续瞎扯。
图2:友商课堂的区域导航
内嵌式导航
内嵌式导航则更加灵活滴穿插在页面的各个部分,为区域不同却有关联的内容做牵线。在引导用户获得更多相关信息的同时,也可以增加网站的内链。友商网在4.0改版的设计中就大量使用了如下的内嵌式导航
当然生活中的例子不是本文哼唧的重点,下面开始扯web网站中导航的应用。
图3:浏览器与导航
介个是我们熟悉的浏览器和PS的导航。浏览器提供的“前进”“后退”功能能够让用户双向返回浏览过的页面。PS的导航器则清楚的标明了当前所在的位置。
图4:友商网的全站导航和面包屑导航
区域性导航
区域性导航作为全站性导航的辅助,主要用于对本区域中信息做进一步的分类,让用户更方便查阅。需要强调的是,此类区域性导航需要设计得比较灵活,能够应对信息增加导致导航层级增加的问题
随着时代的快速发展,网络上还有众多牛X创意的导航方式,大致都属于上述类型无法一一囊括举例。但目标都是一个,以更好的交互方式,友好得引导用户最大程度滴浏览站内信息,减少跳出率退出率,增加停留时间。相信随着思想和技术的深入,会有更好更强大的导航方式不断滴出现,就让我们拭目以待……
近期更新
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 高端网站定制与模板化网站应该怎么选择?
- [2022-04-22 16:00:41] 现在高端的网站设计都有哪些新的趋势?
延伸阅读
- [2012-11-30 17:43:19] 如何协调用户体验与网站构架的关系
- [2020-06-24 11:29:52] 青岛网站设计的几点知识点
- [2011-11-01 14:22:58] 苹果牌电视iTV最完美概念设计
- [2012-10-16 10:41:12] 什么是响应式网站设计
- [2012-09-03 16:10:29] 苹果视频播放代码
- [2020-11-25 15:03:59] 青岛网站建设时如何选择图片?
- [2020-11-18 14:21:25] 建设营销型网站有什么注意事项?
- [2011-12-18 10:36:52] IE自动升级策略来自不肯升级IE6的用户
- [2014-09-12 22:49:52] 85个国外扁平化网站设计之灵感来源于此
- [2014-09-14 22:35:15] 动态网页路径与静态路径对网站SEO的影响
- [2016-07-28 14:12:42] 网站设计:如何让交互设计更加简化?
- [2012-05-19 01:18:36] 企业如何做网站推广