Categories


Tags


导航栏所需要的五大元素

看看现在的互联网,不管是商业网站还是个人网站,也不管是网站的风格是简洁还是繁复,是卡通还是实,不管这些网站是什么样子,它们都有导航栏。

为什么每个网站都有导航栏?

这就好比我们逛商场找不到电梯和洗手间的标志,高速公路上看不到出口和加油站的预告牌。我们会感到不方便,无法定位。卢松松在逛独立博客时,经常能遇到没有导航栏的网站。

导航栏一般包括五个元素

导航栏所需要的五大元素 网站设计 建站教程 第1张

(卢松松就以“中国博客联盟”和“万戈”的博客为例)

1:网站的logo标识

我们凭借网站的LOGO标识来识别目前所在的是哪个网站。它就好像是商标,有其独特的识别性和显著性。我们应该一眼就能分辨出一个logo标识和其他 logo标识的区别。由于网站的特殊性,网站logo不应该过于复杂或者花哨。一般很难看清网站的不算一个好标识。

一般来说,网站logo都在页面的左上角。这是因为这个标识团或者文字就代表着整个网站。

2:网站的栏目

顾名思义,栏目就是旺仔结构化后的各个子版块,不同的版块决定了彼此不同的种类的内容,对于那些交大的网站来说,我们还需要对栏目进行二次分类。也就是常说的“二级导航”。

3:回到首页

这是导航栏中非常重要的一个元素,也许你不知道该怎样去网站的其他地方,这时候点击“回到首页”就能够回到最开始的地方。不管你是否迷路,你都能随时从新开始。

4:附加功能

这里可以说是一个使用工具栏,它同样指向一些重要的页面,但这些页面并不属于网站的主要内容。他们一般是针对网站本身所需要的功能,例如帮助、网站地图、联系我们等等。

此外,由于导航栏那里的空间有限,如果放太多附加功能可能会有点喧宾夺主,更多的网站会选择把这些附加功能放在页面最底端。

5:搜索工具

很多人喜欢搜索工具。有些人一到某个网站就开始寻找搜索框,就好像他们一到商场就找服务员一样(这类大多是男性)。对于那些大型网站尤其如此,用户没有很多精力和时间去寻找内容,特别是他们觉得要找的内容比较冷门的时候.

如果你的网站还没有搜索,或者没有搜索功能,推荐使用Google自定义搜索工具。例如我博客使用的就是Google站内搜索。搜索工具要注意的是,清晰的告诉浏览者“搜索工具在这里”。不要使用自以为是的用词,例如“找你所找”、“我帮你查查”之类的词语。

总结:导航栏可以说是一个工具,浏览者使用这个功能就能够非常清晰的掌握网站的大体结构,使用一些必备的工具。这样能非常有效地提升用户的稳定感,也便于他们找到想要找的东西,此文完毕。

来源:卢松松博客


Public @ 2011-08-27 16:11:43

网站的结构和导航设置应该注意什么?

1. 明确网站宗旨和目标用户,设计网站结构和导航应该紧密围绕宗旨和用户需求进行,体现网站的主题和核心功能。 2. 确定清晰的导航条及其位置,在整个网站中保持一致性和易于理解,使用户可以快速找到所需信息。 3. 设计页面布局要尽量简洁明了,结构分明,尤其是在导航条中,可以用颜色、字体、位置等方式来突出指示当前所在页面。 4. 设置导航条中的标签栏,标签的名称要简洁明了、易于理解,避免使用过于复杂的术

Public @ 2023-04-03 14:00:15

博客网站导航的制作

制作博客网站导航的步骤如下: 1. 设计导航栏的样式与布局: 根据网站的整体风格和主题,设计导航栏的外观,包括颜色、字体、按钮等。决定导航栏的位置,一般常见的位置有网站顶部、侧边栏或底部。 2. 确定导航栏的内容:确定导航栏要显示的链接或按钮,一般包括首页、分类、标签、关于我们、联系我们等。可以根据博客的特点,自定义所需的导航栏内容。 3. 创建HTML导航栏的代码:使用HTML和 CSS编

Public @ 2023-07-26 12:00:41

如何设置清晰的网站导航?

清晰的导航系统是网站设计的重要目标,对网站信息架构、用户体验影响重大。SEO也越来越成为导航设计时需要考虑的因素之一。站在用户的角度上,网站导航系统需要解决两个问题。(1)我现在在哪里?用户可能从任何一个内页进入网站,有时候从首页进入,点击多个链接后,用户也忘了是怎么来到当前页面的。导航系统这时候就要清楚告诉用户现在处在网站总体结构的哪一部分。页面设计风格的统一、面包屑导航的使用、主导航系统当前所

Public @ 2017-11-13 16:11:46

更多您感兴趣的搜索

0.432579s