导航栏所需要的五大元素
2010-05-24 10:42
706 查看
看看现在的互联网,不管是商业网站还是个人网站,也不管是网站的风格是简洁还是繁复,是卡通还是实,不管这些网站是什么样子,它们都有导航栏。
为什么每个网站都有导航栏?
这就好比我们逛商场找不到电梯和洗手间的标志,高速公路上看不到出口和加油站的预告牌。我们会感到不方便,无法定位。卢松松在逛独立博客时,经常能遇到没有导航栏的网站。
导航栏一般包括五个元素
![](http://images.lusongsong.com/upload/191_1.jpg)
(卢松松就以“中国博客联盟”和“万戈”的博客为例)
1:网站的logo标识
我们凭借网站的LOGO标识来识别目前所在的是哪个网站。它就好像是商标,有其独特的识别性和显著性。我们应该一眼就能分辨出一个logo标识和其他logo标识的区别。由于网站的特殊性,网站logo不应该过于复杂或者花哨。一般很难看清网站的不算一个好标识。
一般来说,网站logo都在页面的左上角。这是因为这个标识团或者文字就代表着整个网站。
2:网站的栏目
顾名思义,栏目就是旺仔结构化后的各个子版块,不同的版块决定了彼此不同的种类的内容,对于那些交大的网站来说,我们还需要对栏目进行二次分类。也就是常说的“二级导航”。
3:回到首页
这是导航栏中非常重要的一个元素,也许你不知道该怎样去网站的其他地方,这时候点击“回到首页”就能够回到最开始的地方。不管你是否迷路,你都能随时从新开始。
4:附加功能
这里可以说是一个使用工具栏,它同样指向一些重要的页面,但这些页面并不属于网站的主要内容。他们一般是针对网站本身所需要的功能,例如帮助、网站地图、联系我们等等。
此外,由于导航栏那里的空间有限,如果放太多附加功能可能会有点喧宾夺主,更多的网站会选择把这些附加功能放在页面最底端。
5:搜索工具
很多人喜欢搜索工具。有些人一到某个网站就开始寻找搜索框,就好像他们一到商场就找服务员一样(这类大多是男性)。对于那些大型网站尤其如此,用户没有很多精力和时间去寻找内容,特别是他们觉得要找的内容比较冷门的时候.
如果你的网站还没有搜索,或者没有搜索功能,推荐使用Google自定义搜索工具。例如我博客使用的就是Google站内搜索。搜索工具要注意的是,清晰的告诉浏览者“搜索工具在这里”。不要使用自以为是的用词,例如“找你所找”、“我帮你查查”之类的词语。
总结:导航栏可以说是一个工具,浏览者使用这个功能就能够非常清晰的掌握网站的大体结构,使用一些必备的工具。这样能非常有效地提升用户的稳定感,也便于他们找到想要找的东西,此文完毕。
为什么每个网站都有导航栏?
这就好比我们逛商场找不到电梯和洗手间的标志,高速公路上看不到出口和加油站的预告牌。我们会感到不方便,无法定位。卢松松在逛独立博客时,经常能遇到没有导航栏的网站。
导航栏一般包括五个元素
![](http://images.lusongsong.com/upload/191_1.jpg)
(卢松松就以“中国博客联盟”和“万戈”的博客为例)
1:网站的logo标识
我们凭借网站的LOGO标识来识别目前所在的是哪个网站。它就好像是商标,有其独特的识别性和显著性。我们应该一眼就能分辨出一个logo标识和其他logo标识的区别。由于网站的特殊性,网站logo不应该过于复杂或者花哨。一般很难看清网站的不算一个好标识。
一般来说,网站logo都在页面的左上角。这是因为这个标识团或者文字就代表着整个网站。
2:网站的栏目
顾名思义,栏目就是旺仔结构化后的各个子版块,不同的版块决定了彼此不同的种类的内容,对于那些交大的网站来说,我们还需要对栏目进行二次分类。也就是常说的“二级导航”。
3:回到首页
这是导航栏中非常重要的一个元素,也许你不知道该怎样去网站的其他地方,这时候点击“回到首页”就能够回到最开始的地方。不管你是否迷路,你都能随时从新开始。
4:附加功能
这里可以说是一个使用工具栏,它同样指向一些重要的页面,但这些页面并不属于网站的主要内容。他们一般是针对网站本身所需要的功能,例如帮助、网站地图、联系我们等等。
此外,由于导航栏那里的空间有限,如果放太多附加功能可能会有点喧宾夺主,更多的网站会选择把这些附加功能放在页面最底端。
5:搜索工具
很多人喜欢搜索工具。有些人一到某个网站就开始寻找搜索框,就好像他们一到商场就找服务员一样(这类大多是男性)。对于那些大型网站尤其如此,用户没有很多精力和时间去寻找内容,特别是他们觉得要找的内容比较冷门的时候.
如果你的网站还没有搜索,或者没有搜索功能,推荐使用Google自定义搜索工具。例如我博客使用的就是Google站内搜索。搜索工具要注意的是,清晰的告诉浏览者“搜索工具在这里”。不要使用自以为是的用词,例如“找你所找”、“我帮你查查”之类的词语。
总结:导航栏可以说是一个工具,浏览者使用这个功能就能够非常清晰的掌握网站的大体结构,使用一些必备的工具。这样能非常有效地提升用户的稳定感,也便于他们找到想要找的东西,此文完毕。
相关文章推荐
- 动态添加表单元素需要注意的一个问题
- 作业: 选择某种Map集合保存学号从1到15的学员的学号(键)和姓名(值),学号用字符串表示,输入的时候要以学号乱序的方式存入Map集合,然后按照学号从大到小的顺序将Map集合中的元素输出打印。需要自
- 2007年你需要知道的五大技术
- 研究生需要培养的五大能力
- 为什么说任何基于比较的算法将 5 个元素排序都需要 7 次?
- iOS 单个页面需要隐藏导航栏
- jquery 新增元素需要重新绑定事件(list 加载 进行重新绑定)
- Swift - edgesForExtendedLayout属性介绍(元素被导航栏遮挡问题)
- 手机版网页设计html5元素meta name=”viewport”设置需要注意的地方
- 入行AI最需要的五大技能
- 错误:“ResourceDictionary”根元素需要 x:Class 特性来支持 XAML 文件中的事件处理程序。请移除 MouseLeftButtonDown 事件的事件处理程序.
- BootStrap导航栏(导航栏元素登录、退出登录等控制显示)
- 输入一串长度为N的整数数组,去除掉重复的元素,但是需要保留该元素最后出现的那个。
- iOS开发基础学习笔记——导航控制器2->导航栏(UINavigationBar)/工具栏(toolBar)/导航元素按钮(UINavigationItem)
- 面向对象的三个基本元素与五大基本原则
- leetcode+交换链表相邻元素,head指向一个元素,只需要交换相邻元素,链表结构不变
- 基于jq的导航栏元素划入效果
- 2007年你需要知道的五大技术