网站是通过电脑显示屏显示给我们的,是平面的,所以我们根本看不见网站整体内部结构,假如再没有一个明确的导航,我们在网页中就轻易迷失,迷失是一方面,终极会导致该网站无人问津,关门大吉,所以,我们在进行网页设计时,首先要考虑设计一个清楚明了的导航,这样才可以让使用者浏览时畅通无阻,还可以了解到自己想到达的网页目的地有多少步骤,这样也会使浏览者在浏览此网站时有一个很痛快的心情。
1、网站导航设计的意义
网站这样的虚拟世界要想拥有一个完全正确的导航还存在难题,有诸多题目,有时是设计职员大意,把浏览者所在位置尚未标明,这样浏览者很难知道自己所在站点的切当位置,最后晕头转向,只好重进该网站首页,重新进行链接。
还有的干脆就扫兴离开,不再给该网站机会,将它拉入自己的黑名单,再也不点击进入。
还有的设计职员在进行主导航设计时,特点不凸起不显著,也不吸惹人目光,浏览者面临这样的导航有时想到达哪里都不知所措。
还有的网页,在页面某个位置莫名其妙地就安插返回键,我们却不知道这个返回键要把我们返回到哪里去,让人觉得莫名其妙,甚至会以为是一些小广告而不去点击,这样设计就是没有意义的设计。
2、创建醒目切当的导航
好的网站的导航系统应该醒目且明确,浏览者在浏览网页时是随性的、跳跃的,这样设计职员所设计的网站就得达到让浏览者不管在网站的哪个位置,只要想到达目的地页面,都可以自由跳跃,我们需要在所有的网页页面上都设计一个链接点,最好是只通过一次的跳跃便能达到目的地。
也可以做一个网站的结构图,让浏览者一看便了解了网站的整体面貌及内容,想了解什么内容,可以轻而易举地到达,不会铺张时间。
当我们到一个目生的城市,不知身处何处时,都要打听旁人来匡助我们,在网络这个大世界里,也会让人常常不知身处何处,这就需要设计职员设计时应该更加注重人道化设计,告诉浏览者目前的所在,下一步又该去往何处,这就要求导航要醒目并切当。
3、导航具有简洁大方易操纵的特点
你所设计的导航应当是轻易操纵且简洁大方的,设计职员觉得自己设计的网页很成功,但是假如使用者不理解他所设计的意图,也不会操纵,那么一切都是白费工夫。
浏览者想看到想要的内容却需要花费很长时间,并且还要点击数次才能到达所要到达的页面,这样的设计是不可取的,这只会消耗尽浏览者的耐性,引起浏览者的厌烦感,以起码的点击却可以得到想要的信息,这是网页设计的一个尺度。
假如网页设计的层次越来越复杂,信息被访问的次数也会随之降低,那么想传递给用户的信息也就越难到达,这就要求我们设计职员设计网页时应该把网页的层次设计得简朴化,打造可以通过起码的点击次数却可以得到最多的信息量,最好是只需要两次或三次的点击便可以到达内容所在地。
4、导航位置铺排公道化
通过导航我们可认为所欲为地到达任何一个页面,是网页设计中视觉要素的重要环节,所以导航的设计一定要一目了然,具有公道化。
一般情况下,导航栏最好是泛起在电脑屏幕的第一屏上,由于在进行网页设计的时候,把页面向下拖动是独一可以让网页内容增加的方法,否则就得跳转到下一个页面,这样我们最好是把导航栏设计在第一屏并且是横向放置,横向摆放比纵向摆放更能利便浏览者。
即使第一屏非常矮,横向的导航也可以全部被看到,但是纵向的导航就不一定了,由于显示器现在宽屏的越来越普及,所以,阿迪觉得浏览者不会受宽度的影响,但是纵向就存在不定性因素,要想让浏览者向下拖动屏幕继承向下浏览,那必需长短常具有吸引力的内容,否则,浏览者拖动页面不会超过三个屏幕。
5、导航模式
常见的导航模式有良多,从显示位置来说分为:顶部水平横栏式,垂直导航栏,侧边固定式,滑出或者弹出窗口导航等,通常网站是根据所要展示的内容要点来选择不同的导航,在此,阿迪也例举几种导航模式进行具体解说。
(1)当网站内容相对较少时,选择网站水平式的导航相对来说比较利便,能够凸起重点内容,且简朴清楚,又不至于显得页面太空荡,对于某个大类的信息还可以通过下拉菜单的方式进行展示,归类明确。
(2)当网站内容相对较多时,一般采用固定式或者抽屉式的导航,这样在用户浏览网站时,导航就想网站目录一样,从最大内容标题细分到各个具体内容页的标题,用户浏览时无论跳转到哪个网页,都可以通过导航目录快速回到目标信息上继承浏览,还可节省网页的位置资源。
(3)当网站内容在网页显示过长的时,用户习惯用鼠标无穷去动弹网站内容,以便更加快速加载下面的内容,这时网站适合采用垂直式的导航,利便用户在浏览内容时导航信息始终保持在一个位置可以被快速找到。
6、导航的设计原则
我们先看看导航的分类:横排导航、竖排导航、多排导航、图片式导航、Frame框架快捷导航、Jump Menu下接菜单导航、躲藏式导航,甚至还可以是动态效果的Flash导航等,有时,大的导航里面还有小的导航,在某些情况下,大导航和小导航需要设计在统一个页面内。
网站导航系统基本遵循以下设计原则:
(1)、尽可能多的提供相关资源的链接。
(2)、一致性原则,导航样式非常多,怎样选用适合网页风格一致的志航条呢?就是要符合页面风格,要符合信息种别分类。
(3)、网站板块和层次划分公道,导航条既是网站路标,又是分类名称,是十分重要的,导航条应放置到显著的页面位置,让浏览者在第一时间内看到它并作出判定,确定要进入哪个栏目中去搜索他们所要的信息。
导航条的设计根据详细情况可以有多种变化,它的设计风格决定了页面设计的风格,反过来,设计师已经大致上有了网页设计的模式,也可以按照模式的方向去掌握导航的风格。
7、导航设计按钮应符号化
把导航按钮设计得具有符号化,使得风格更加同一不乱,我们进行符号化设计时也应该与网站的整体环境相匹配,这样使用者在运用过程中也不会泛起错误,在进行详细的导航按钮设计时,应该运用大众化的方式,让人一看便明白。
运用符号规范化,便于人们应用起来得心应手,也缩短了到达信息所在地的时间,在进行按钮符号化设计时,我们应遵守以下设计原则:
(1)、符号在隐喻设计上要公道。
(2)、设计图标符号时功能要切当、简朴化、简洁化。
(3)、与使用者文化观念上不应该有冲突。
(4)、尺寸大小应该适中等。
遵守这些符号设计规则,设计职员把符号运用到导航按钮设计中去,终极可以进步使用者浏览网页信息内容的速度。
8、导航内容
网站的导航内容是对整个网站想要展示的信息的总结,首先要遵循的是导航栏目标题要与对应的具体页面相符合,才不会导致用户以为信息不一致产生不信任的后果。
当然,标题总结词要精简,留意网站小内容最好不要以导航的总标题形式泛起,可通过细分的下拉菜单,或者以更多形式的小菜单栏里泛起。
从用户体验度的角度来看:一般情况下,网站导航上的栏目或单页面,是这个网站中最主要的、必不可少的内容,也是站长但愿除了首页外,最但愿访客点击进入的一些页面,或想要别人了解的一些信息。
从搜索引擎优化的角度来看:网站的主导航位于优化网站中F区的最重要的部位,是搜索引擎蜘蛛检索最看重、权重较高的一个位置,同时在网站的主导航上还布局了产品新闻栏目及各个单页面的导入链接(各个二级栏目间的回流设置),是设置整个网站回流的最核心的部门。
所以,无论是从用户体验度上