关于网页设计的九项注意

关于网页设计的九项注意

步骤/方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

    六.在具前后连续顺序的文件里提供必要的连结 将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性,但在导览按钮与超连结的配置上,Webpage设计者则要更细心周全地安排,使得读者不论身处您站台的哪一阶层,依然能够快速便捷地通往其他任何一个页面。Webpage设计者应特别注意∶1.提供「上一页」、「下一页」、「回子目录页」与「回首页」的导览按钮或超连结在一系列具前后连续顺序的文件里,每篇Webpage都至少应提供「上一页」、「下一页」、「回子目录页」与「回首页」的导览按钮或超连结,可使读者能够立即得知自己所在的页面,是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home顺序连结至此页,而是依循别的站台的某个link跳跃连结至此)。并且可以藉由这些links随时参考连结「上一页」、「下一页」与本页的连贯内容;直接点取「回子目录页」查寻其他相关的标题;或直接跳跃至homepage,浏览其他不同项目的信息。2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概在一系列具前后连续顺序的文件里,每篇Webpage都应加上一个具说明性的标题,使读者一目了然,马上抓住这一页的重点。  而完善的导览系统除了提供「上一页」、「下一页」的导览按钮或超连结外,更添加精简达意的上一页与下一页标题、内容提要,使读者即使尚未点取这些Webpages时,亦能先梗概地了解自己将连结至什么样的Webpage。3.提醒读者某一系列文件已到尽头当读者已达某一系列文件的最后一页时,Webpage设计者应提供一小段告示提醒读者,同时不再提供「下一页」的导览按钮或超连结。  但基于Webpage介面设计的一致性,或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了一个先前每页都有的「下一页」导览按钮(尤其是精心设计过的图形化导览按钮)。为达成此目的,可考虑将最后一页的「下一页」导览按钮颜色暗沉下来,且不赋予超连结的功能,并提供一小段告示提醒读者,此系列文件已到尽头,不再有「下一页」的内容。

  • 07

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

  • 08

    八.暂时不提供超连结到尚未完成的Webpage 超连结或导览按钮应该引导读者到一篇真正「有料」的Webpage,而不是以「挂羊头卖狗肉」的方式,事先将某一超连结描述得超级精彩、超级诱人,结果读者兴致勃勃地连结过去,却根本看不到任何精彩、诱人的内容,唯一所见的,只是一张无聊的告示牌∶「施工中」。如果您急欲在网络上推出您的站台、展现您Homepage,但仍有少数几页Webpage尚未完成,建议您先暂时别让这些「施工中」的Webpage正式露面。(即先暂时别让这些连往「施工中」的Webpage的「超连结」,拥有真正的超连结功能。)等到您「几乎」完工之后(Webpage永远没有「真正」完工之时,总是需要不断地修改、增添、翻新),再正式开放连结也不迟。倘若您急欲告诉读者,您即将提供一页超级精彩、超级诱人的Webpage在此站台,只是目前仍在努力赶工中,您大可直接摆一段告示在即将是「超连结」的文字旁(但目前仍不具超连结的功能),明白昭告世人,以减省读者徒然点取、徒然往返的时间;也免得读者满怀希望,却又落得失望而归。

  • 09

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

(0)

相关推荐

  • 用文字作为主体排版的15个网页设计案例

    小编:文字排版是我们UI设计行业中非常重要的一部分,好的排版能让我们更好的理解其中的内容.今天来为大家推荐15个用文字作为主体排版的网页设计,它们的呈现方式都很有创意,希望可以带给你更多的灵感和想法. ...

  • 响应式网页图片库设计的九个注意事项

    响应式设计无疑是当前网页设计领域当中,不可忽略的必要组成部分.而响应式网页中的图片显示又是老生常谈的问题,许多争论集中在响应式网站的图片应当怎么展示.继续延伸开来,那么响应式网站中的图片库应当如何设计 ...

  • 十款新兴实用的网页设计与开发工具

    对于设计师和开发者而言,好工具和好想法同样重要.我们常说"工欲善其事,必先利其器",所以在项目开始之初,有必要弄清楚有哪些事情任务需要完成,而哪些成熟的工具可以有针对性地搞定这些问 ...

  • 网页设计灵动布局之相对自由式

    小编:这是一篇关于网页设计布局的文章,感谢作者@飞屋睿的分享与讲解,让我们又开拓了很大的思维空间.很喜欢看作者的文章,每一篇都感觉明白了许多设计方法或者思考方向,但作者从不把"固有的&quo ...

  • 网页设计中隐藏的心理学冷知识

    设计和心理学有着紧密的关系,今天我们就来聊聊着陆页的设计中所隐藏的心理学现象:即时情绪和预期情绪.这两种概念并不复杂,甚至很容易理解,一旦掌握,就能得心应手地运用. 即时情绪其实就是用户对于产品直接情 ...

  • 再战明年!2016年火热的16个网页设计趋势

    设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪变成为主流.作为一个专注于网和平面设计的设计机构,我们对于所有相关的技术和设计趋势都极 ...

  • 极简网页设计技巧,打造简约之美

    极简主义网页设计风格,如何才能做到简约而不简单?简约风设计需要了解和掌握哪些禁忌和技巧,才能让网页设计简洁而不失魅力?继续阅读文章,小编将结合具体实例为大家一一讲解. 近几年,极简主义设计风格(也称简 ...

  • 教你避雷!网页设计中常见的17个UI设计错误集锦(附赠设计技巧)

    精心设计的用户界面对网站意义重大.具备所有最新功能和响应式设计有助于提高网站的搜索引擎排名,从而增加受众群体.但是,当项目过大时,开发人员往往无法遵循最佳UI设计的原则进行开发.从而导致网站中某些重要 ...

  • 2019年网页设计趋势前瞻,先睹为快!

    追随最新的网页设计趋势,紧跟设计潮流是设计师们必做的功课之一.快速更迭的网页设计趋势和网页开发技术对2019年的网页设计趋势来说必将产生直接的影响.回顾2018年的网页设计趋势,不难看出许多设计趋势都 ...