登陆注册
28673200000020

第20章 网络应用

一、网页制作中导航设计九大注意事项

(一)注意超连结颜色与单纯叙述文字的颜色呈现“WWW”的语言-HTML允许Webpage设计者特别标明单纯叙述文字与超连结的颜色,以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超连结颜色,设计成较干净素雅的色调,会较有利于阅读。纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色),超连结文字则以较鲜明抢眼的色彩来强调(如∶亮黄色、翠绿色、鲜橘色),至于探访过的超连结则采用较低于原超连结亮度的颜色呈现。

(二)测试所有的超连结与导览按钮的真实可行性Webpage上线之后,第一件该做的事,是逐一测试每一页的每一个超连结与每一个导览按钮的真实可行性。彻底检验有没有失败的link无法连结到该连结的Webpage,却反而冒出“FileNotFound”的错误讯号出来。这是一个负责任、够水准的Webpage设计者对自己的作品应有的基本品质要求。

如果您果真有那么多的超连结必须提供给读者,不如将这些超连结以条列的方式,一笔一笔清楚地列在一选单页或目录页上,既不防碍走文的顺畅,又呈现一目了然的导览连结。

(三)让超连结的字串长短适中且走文自然

抓住能传达主要讯息的字眼当做超连结的锚点(anchor),可有效地控制住超连结的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。

(四)当导要览按钮连结到目前此页时

各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致性,并没有绝对的必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超连结的功能;或将此按钮的彩度、亮度降低(如∶深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地意识到这个暗设下来的导览按钮不再具有超连结的功能。

(五)分析、说明您提供的bookmarks或coollinks常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks,以分享读者个人遨游“WWW”的美好经验。但多数Webpage设计者就只提供一大串links,并不分门别类,也不加以分析、说明为什么这个link好,值得推荐?那个link的主要内容精彩之处?又在哪?提供您的bookmarks或coollinks是一大善举,但未加以分析、说明,却变得功亏一篑。多花几分钟,将您提供的bookmarks或coollinks稍加分类、注解,可提供读者清晰的概念与无限的方便,也使您的站台的导览系统更加周全完善。未加以说明、注解的coollinks,其实一点也不cool。老实说,任何人都可以到Yahoo轻易地找到上百上千的links。您若未对这些推荐的links加以个人独特的评论、介绍,读者又何劳偏得到您的站台去找索引呢?任何一个分类索引或搜寻引擎都绝对比您条列的links还要更完备齐全。

(六)在具有前后连续顺序的文件里提供必要的连结将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性,但在导览按钮与超连结的配置上,Webpage设计者则要更细心周全地安排,使得读者不论身处您站台的哪一阶层,依然能够快速便捷地通往其他任何一个页面。Webpage设计者应特别注意∶1.提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超链结在一系列具前后连续顺序的文件里,每篇Webpage都至少应提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超连结,可使读者能够立即得知自己所在的页面,是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home顺序连结至此页,而是依个别的站台的某个link跳跃连结至此)。并且可以借由这些links随时参考连结“上一页”、“下一页”与本页的连贯内容;直接点取“回子目录页”查寻其他相关的标题;或直接跳跃至homepage,浏览其他不同项目的信息。

2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概。

在一系列具有前后连续顺序的文件里,每篇Webpage都应加上一个具有说明性的标题,使读者一目了然,马上抓住这一页的重点。而完善的导览系统除了提供“上一页”、“下一页”的导览按钮或超连结外,更添加精简达意的上一页与下一页标题、内容提要,使读者即使尚未点取这些Webpages时,亦能先梗概地了解自己将连结至什么样的Webpage。

3.提醒读者某一系列文件已到尽头。

当读者已达某一系列文件的最后一页时,Webpage设计者应提供一小段告示提醒读者,同时不再提供“下一页”的导览按钮或超连结。但基于Webpage界面设计的一致性,或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了一个先前每页都有的“下一页”导览按钮(尤其是精心设计过的图形化导览按钮)。为达此目的,可考虑将最后一页的“下一页”导览按钮颜色暗沉下来,且不赋予超连结的功能,并提供一小段告示提醒读者,此系列文件已到尽头,不再有“下一页”的内容。

(七)在较长的Webpage内提供目录表与大标题理想的Webpage长度以不超过三、四个荧幕页面为佳。但是如果基于某些特殊理由,您的Webpage一定要做得很长,那么不要忘了在此长篇的Webpage最上头,提供一个目录表,Webpage的内容也标上大小标题,以利清楚阅读。尤其重要的是,在这些标题与目录表的HTMLsource里分别设置锚点,并链接到锚点,以使您的Webpage真正发扬“WWW”的高互动性、高便捷性功能。

(八)暂时不提供超连结到尚未完成的Webpage超连结或导览按钮应该引导读者到一篇真正“有料”的Webpage,而不是以“挂羊头卖狗肉”的方式,事先将某一超连结描述得超级精彩、超级诱人,结果读者兴致勃勃地连结过去,却根本看不到任何精彩、诱人的内容,唯一所见的,只是一张无聊的告示牌“施工中”。

如果您急欲在网络上推出您的站台、展现您Homepage,但仍有少数几页Webpage尚未完成,建议您先暂时别让这些“施工中”的Webpage正式露面。(即先暂时别让这些连往“施工中”的Webpage的“超连结”,拥有真正的超连结功能。)等到您“几乎”完工之后(Webpage永远没有“真正”完工之时,总是需要不断地修改、增添、翻新),再正式开放连结也不迟。

倘若您急欲告诉读者,您即将提供一页超级精彩、超级诱人的Webpage在此站台,只是目前仍在努力赶制中,您大可直接摆一段告示在即将是“超连结”的文字旁(但目前仍不具超连结的功能),明白昭示世人,以节省读者徒然点取、徒然往返的时间;也免得读者满怀希望,却又落得失望而归。

(九)不要在一篇短文里提供太多的超连结

适当、有效率地使用超连结,是一个优良的导览系统不可或缺的条件之一。但过份滥用超连结,造成短短的一篇文章里却处处是links,反而损害了Webpage行文的流畅与可亲性。在充斥着超连结的短文里,很可能其中不少是无意义、没必要的links。例如∶连结到一页只有两三行注解的link、连结到一页只放了“施工中”的招牌的link。在一篇长短适中的Webpage里(三、四个荧幕页面),文章里提供的文字式超连结最好不要超过10个以上,以使全页行文能够顺畅,而读者也不至于眼见一大堆超连结,反而不知从何点取才好。况且,连续、肩并肩地出现两三个文字式超连结,很容易被误认为只是一个长度较长的超连结,于是被读者忽略掉,便也失去了这些超连结的原本功能。

同类推荐
  • 父母是孩子最好的老师

    父母是孩子最好的老师

    我们知道,孩子来到世上,首先熟悉的人就是父母。孩子从父母那里学说了第一句话,学走了第一步路,学会了查数一、二、三,懂得了第一个“为什么”……在孩子的成长过程中,除了接受学校的教育以外,父母对孩子的影响力是最持久、最直接、最有效的。可以说,家庭是孩子的第一所学校,父母是孩子的第一任老师。
  • 少年维特之烦恼:彩图注音版

    少年维特之烦恼:彩图注音版

    年轻的维特离开市民世界,来到W城。一天他被邀请参加舞会,并认识了绿蒂。绿蒂在母亲去世之后照顾着六个兄弟姐妹。维特知道她已经订过婚,却不顾这些,立刻爱上了她。
  • 青少年道德修养综合手册:品质篇

    青少年道德修养综合手册:品质篇

    这是一部青少年道德修养的百科全书。她用鲜活的语言,生动的故事、把那么枯燥乏味的人生哲理讲得趣味盎然。把那些名人成功的秘诀剖析得令人恍然大悟,一目了然。
  • 秘语森林(梦幻街记事)

    秘语森林(梦幻街记事)

    午夜十二点,女孩夏洛特和她的两个朋友——双胞胎兄弟罗森和罗淼偶遇了一场精灵的魔法仪式。与此同时,生活在另一个世界里的女孩林衍发现了一本破旧的绿色本子,由此闯入了精灵的世界。林衍很快结识了罗森和罗淼,他们却将她误认为失踪已久的夏洛特。原来,那个精灵世界是林衍妈妈创作的故事中的,因为爱,故事被赋予了生命。在那个世界里,关于人类有无魔法的争论持续了千年,所有事件都与传说中的秘语森林有着丝丝缕缕的联系……
  • 紫色童话书

    紫色童话书

    安德鲁·兰十二色童话全集,让孩子在最美的故事里学会善良、乐观、勇敢。小朋友们好!想和哈里·波特一样吗?知道英国小朋友都在看什么书吗?嘘!这个秘密可从不轻易告诉别人。记清楚啦,是安德鲁·兰爷爷的十二色童话。想认识美丽的仙女吗?想学神奇魔法吗?想和王子去打巨人吗……小心,有可怕的食人妖和大飞龙!不多说了,还等什么——欢迎你来到安德鲁·兰的彩色神奇世界!
热门推荐
  • 穿越之将军有点帅

    穿越之将军有点帅

    穿成了名将军的嫡亲遗腹子,明明性别女,非要为了名誉地位什么的,让爷长大以后当将军!喂喂,老太君大人,母亲大人,你们这样是不是有点坑自家姑娘?老太君:我老公是将军,我儿子是将军,我孙子必须得是将军!程凛:明白了,我会弄个将军当当的,幸亏爷是穿来的,附带系统金手指。上阵杀敌,以一当万,soeasy!【情节虚构,请勿模仿】
  • 星辰记之帝者重生

    星辰记之帝者重生

    这里没有神奇的武魂,也没有巅峰的斗气,有的,仅仅是那早已被人遗忘,却依旧耀眼璀璨的魔法!
  • 你超甜

    你超甜

    用多个短篇记录商宿将和翟秋芝的生活日常。
  • 修真高一

    修真高一

    上天你大爷的,我不就想当咸鱼么,既然你不让我当,我偏要当。【ps:相当于不让我吃米田共,我偏吃一样】zz儿童林高一为当咸鱼的不懈努力。
  • 气功大陆

    气功大陆

    一位名字叫做龙翔天的人出生在气功大陆,他的爸爸是皇族血统,但是他的爸爸不喜欢他,他的兄弟姐妹们欺负他,他最终受不了了,离家出走,自由游荡,拜师学艺,最终成为了气功大陆最强气功师,并且拥有了自己最爱的女人。
  • 天行

    天行

    号称“北辰骑神”的天才玩家以自创的“牧马冲锋流”战术击败了国服第一弓手北冥雪,被誉为天纵战榜第一骑士的他,却受到小人排挤,最终离开了效力已久的银狐俱乐部。是沉沦,还是再次崛起?恰逢其时,月恒集团第四款游戏“天行”正式上线,虚拟世界再起风云!
  • 武泰天下

    武泰天下

    异世大陆,任我翱翔战南蛮,平西夷,灭海寇看我徐轩如何纵横天下,驰骋人间!
  • 穿越红楼之林家双玉

    穿越红楼之林家双玉

    她穿越为林紫玉,林黛玉的姐姐,林黛玉是她最爱的人,既然有机会去做她的姐姐又怎么会放弃这么好的机会呢看看有林紫玉的红楼将会是一个什么样的红楼整个红楼因她的出现,而发生了改变。
  • 所有爱情都值得被等待

    所有爱情都值得被等待

    所有的爱情都值得不将就,所有的爱情都值得被等待。沐沐,萧赫回来了,你准备好了么?
  • 天行

    天行

    号称“北辰骑神”的天才玩家以自创的“牧马冲锋流”战术击败了国服第一弓手北冥雪,被誉为天纵战榜第一骑士的他,却受到小人排挤,最终离开了效力已久的银狐俱乐部。是沉沦,还是再次崛起?恰逢其时,月恒集团第四款游戏“天行”正式上线,虚拟世界再起风云!