初学分析:网页导览设计的九注意

  一.当导览按钮连结到目前此页时

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

  二.不要在一篇短文里提供太多的超连结

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

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

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

  四.注意超连结颜色与单纯叙述文字的颜色呈现

  WWW的语言—HTML允许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.提醒读者某一系列文件已到尽头

时间: 2024-11-08 23:21:07

初学分析:网页导览设计的九注意的相关文章

用户体验参考:网页产品原型设计到网站界面

这篇文章详细讲述了网页设计的整个过程,从网页产品原型设计,纸稿,黑白稿到真正的网站界面.每一步都为我们用实例讲述了详细的设计和用户体验思考过程.作为网页设计师很值得参考和借鉴其中的经验. 可行性评估 主要执行人员:UI.UE.需求部门.程序部需沟通人员:销售部 当产品经理确定基本的思路后,会先会跟我们沟通,并说明这个产品的思路.受众及一些自己的想法.接着会拿来一个结构图来和我们探讨实现方面的可行性.我们也会准备相关资料与其进行沟通,主要会从数据报告.功能性及可行性三方面下手,在探讨的同时会指出功

C# Windows Phone 8 WP8 高级开发,制作不循环 Pivot ,图片(Gallery)导览不求人! 内附图文教学!!

原文:C# Windows Phone 8 WP8 高级开发,制作不循环 Pivot ,图片(Gallery)导览不求人! 内附图文教学!! 一般我们在开发Winodws Phone APP 的时候往往需要使用照片浏览的功能,但是在Windows Phone 8 SDK 中的控制向并没有提供类似Gallery的元件(好比 Android 的 ViewPager),这对开发者来说是非常不方便的,因为如果要自己制作一个控制项是非常的颢时间,而且说不定还有修不完的Bug,所以我们可以透过修改WP8 S

网页的版式设计---网页的排版与布局

网页的版式设计---网页的排版与布局 很多朋友都想向我学习如何做网页,我知道他们的意思就是说要想向我学习如何用做网页的软件,如dreamweaver.flash.firework.photoshop等等,这些纯技术的东西我不想多谈,因为如今技术的发展一日千里,就是这种应用软件也是发展升级得非常的快. 今天的很多认为是较难实现的功能也许经过软件升级之后就可以很方便的实现.我想强调的是关于网页排版布局方面的必要的知识,很多初学者都忽视这方面,以为技术就能代表一切,能够知道怎么用这个做网页的工具就能够

python使用正则表达式分析网页中的图片并进行替换的方法

 这篇文章主要介绍了python使用正则表达式分析网页中的图片并进行替换的方法,涉及Python使用正则表达式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了python使用正则表达式分析网页中的图片并进行替换的方法.分享给大家供大家参考.具体分析如下: 这段代码分析网页中的所有图片表单<img>,分析后为其前后添加相应的修饰标签,并添加到图片的超级链接. 代码如下: result = value.replace("[ page ]","

网页进度条设计:全兼容且自适应的进度条

文章简介:网页进度条设计:全兼容且自适应的进度条. 在做这个东西之前,我们需要了解基本的信息: 是否为静态加载?(是) 有多少种状态?(三种基本状态:默认.当前.已完成) 是否使用JS程序实现状态的更改?(否) 使用的频率?(高) 更新的频率?(低) 在了解这些基本信息后,我们还需要关注: 效果的完整性 性能的优越性 代码的可移植性及复用 兼容性 易维护 易扩展 这些条件有助于我们所作出的东西更加优秀. 先看一下我们以前的做法: 此做法使用了一张背景图片. 效果的完整性(很好的展示了其效果) 性

网页的版式设计(五)

设计|网页 3.图像的编排 (1)四角与中轴四点结构 页面的四个角与对角线.中轴四点及水平与垂直的中轴线,具有支配页面结构的作用. 四角是页面边界相交形成的四个点,把四角连接起来的斜线即对角线,交叉点为页面中心.中轴四点指经过页面中心的垂直线和水平线的端点.这四个点可上.下.左.右移动. 通过四角与中轴四点结构的不同组合.变化,可以求得多样的页面结构.在图像排版时紧紧抓住这八个点,可以突出网页的形式美感,网页的版式设计.视觉流程的筹划也得到相应简化.   (2)块状组合与散点组合结构 块状组合,

网页情景化设计:特定情景中用户与产品设计

文章描述:在如今信息大爆炸的今天,面对海量的网络信息,怎样才能实现既能吸引用户眼球,又能快速准确地传达信息呢?这不仅需要内容本身具备较强吸引力,关键还在于一种比较常见的表达方式--网页情景化设计. 在信息化时代的现在,网络在人们生活已经产生了巨大的影响力,网络也在逐渐改变着人们的生活和习惯.然而,在如今信息大爆炸的今天,面对海量的网络信息,怎样才能实现既能吸引用户眼球,又能快速准确地传达信息呢?这不仅需要内容本身具备较强吸引力,关键还在于一种比较常见的表达方式--网页情景化设计. 什么是情景化设

如何通过百度统计热力图分析网页详情?

做SEO的,我想对百度统计热力图一定不会陌生.它通过直观的方式显示出访问者在网页中的点击行为,并且可以告诉你不同位置,不同样式链接以及内容的受欢迎程度. 在百度统计热力图的网页详情分析界面中,共分为两大部分.一部分是网页热力图的显示区,它以颜色变化展现访客在页面上的点击分布情况,显示了当前页面中不同链接被点击的情况.另外一部分是链接点击图的显示区,它以点击百分比展现访客在页面上的点击分布情况. 百度统计热力图中数字的含义 在百度统计的热力图中,所有的访客行为和页面指标都是以数字的形式体现的.这些

如何分析网页元素并进行相应处理

如何分析网页元素,然后进行相应处理,比如填表,递交等等 #include <Mshtml.h> AnsiString __fastcall TForm3::Submit(void) { IHTMLDocument2 *pHTMLDoc = NULL; LPDISPATCH pDisp = NULL; pDisp =CppWebBrowser1->Document; if(pDisp) { if (SUCCEEDED(pDisp->QueryInterface(IID_IHTMLDo