建站常识
罕见设计创意的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-10-12 11:44:41] 根据用户习惯的人性化网页设计
- [2011-10-10 00:37:11] 浅谈:SEO与SEM的区别及转型SEM的第一步
- [2015-05-09 18:38:20] 天猫魔盒 16比9 变形
- [2019-06-18 10:30:39] 中小企业网站建设要多少钱
- [2016-02-13 23:58:02] HTM5网站特点
- [2016-08-09 15:56:00] 什么才是响应式网站呢?
- [2012-10-23 11:25:34] 网站设计中图标的寓意
- [2016-02-14 23:01:22] 响应式网站在企业网站中的应用分析
- [2012-05-14 22:00:30] 判断浏览器客户端类型(ipad,iphone,android)
- [2012-08-08 13:37:22] 网站设计制作前的准备-线性框架设计
- [2014-10-30 21:12:27] 有创意性的小故事
- [2014-09-14 22:35:15] 动态网页路径与静态路径对网站SEO的影响