最近在做网站的设计工作,因为没有系统学习或者接触过,总是觉得力不从心,想着既然是这样,那就自己从总结东西开始吧,或者将来自己看了或者现在作为大牛的你看了,都是幼稚可笑的,但是还是想要写点东西。
下面就说说网站导航这个东西吧
一.文字式导航;
http://www.itl.gov.cn/info/iIndex.jsp?cat_id=10474&cur_page=2
这类导航使用的网站非常普遍,但是又有各自的差别
1.对于新闻类来说,例如网易、腾讯等,这样的导航非常模糊,甚至可以说没有,以频道的方式出现,原因可能是因为导航已经不足以承担所有内容;
2.对于hao123这样的入口网站来说,也和新闻网站类似,可以说没有自己的导航,将各种入口按照大类进行了分类;
3.对于其他一些网站来说,导航就是我们所说的导航了,起到了网站的引导作用;处了作用之外,展现形式也比较多样化,文字 颜色突出、按钮形式突出等;二级导航垂直排布,平行排布等等;这样的导航在页面下拉也有不同,典型的是36氪,将导航极致扁平化后,在网站下拉导航要消失的时候,将导航内容常驻在页头位置,方便用户使用
4.对于购物网站来说,导航同hao123也是很类似的,将内容按照大类来区分,主要是为了方便引导用户更加明确的进入自己要找的区域;并且这类网站更注重的是搜索
5.对于导航摆放的位置也是多种多样的,可以弱化,也可以强调,主要看自己网站对于导航的需求
二、按钮式导航
http://dlstqx.ebuick.com.cn/
1.按钮式导航是指在二级导航弹出的时候,一级导航的显示方法;
2.别克网站这个一级导航展示挺漂亮的;
3.也有其他网站一级导航在未激活的情况下,就是按照按钮的样子展示的,例如:sorry,此类基本没有找到,这里指的是主导航,但是如果说tab栏的话,估计就很多了
三、飘窗式导航
http://www.woshipm.com/
1.这类导航很有特点;左侧导航条在垂直的紧凑的空间内提供给用户快速访问已分类内容的入口
2.由于此类导航常驻在左侧,让我们不会迷路;
3.亚马逊也有放置在左侧的分类导航(具体叫什么名字我是不知道的,但是个人感觉同电商网站的分类是很类似的)
网络上还有众多牛X创意的导航方式,大致都属于上述类型无法一一囊括举例。但目标都是一个,以更好的交互方式,友好得引导用户最大程度滴浏览站内信息,减少跳出率退出率,增加停留时间