文字链接,怎么办?_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:如何进行网站布局
FramesVsTables框架Vs表格Somepeopleliketouseframesontheirsites.Iwouldrecommendyouavoidthemifyoucan...andyouprobablycan.有些

  表示文字链接最清楚的方式是“蓝色文字 下划线”,这是在浏览器发展过程中形成的。这个问题大家都说过很多次了,我也曾经说过。然而,这样的规范却总是难以实行。视觉设计师会把文字颜色作为一个表现视觉风格的元素,完全出于视觉表现的需要来配色,而不顾及这个规范。在埋怨视觉设计师的同事,我也在考虑,规范之不行,问题恐怕并不全在执行者。这如同交通规则不答应骑自行车带人,但是交警也不能见到骑车带人的都拦住罚款。

  显然,这个规范对视觉设计的局限是比较大的,所以视觉设计师才不愿意去遵守。在网页的开发流程中,留给视觉设计的时间是很有限的,并且往往要求有比较绚丽的视觉表现。这样的条件下,再要视觉设计师顾及这个规范确实也比较难。

  那么,我们来设计另外一个规范,让文字链接同样能表现的很清楚,做到“操作可识别”,同时,又让视觉设计比较轻易做。


  方案如下:
  将文字链接分为两种,区别对待。
  第一种. 对于较大的列表,默认时不显示下划线,光标经过时才显示下划线。

  上图中这样的内容是一个个列表,一个新闻标题的列表,一个日志标题的列表,一个网友昵称的列表…显然是可以点击的。那么,好,既然能猜到,就不下划线了。只在光标划过的时候显示下划线,“嗯,对的,是可以点击滴!”

  第二种. 对于混杂在页面文字中零散出现的文字链接,默认时候就出现下划线,光标经过的时候,样式不变。

  散布与一大堆文字中的链接,假如在默认的时候不加以区别,就完全没法识别了。

  这个规范的优点:对文字颜色没有要求。
不要求链接文字全部用蓝色,给视觉设计留出了足够的空间。不要求链接文字全部加下划线,避免了页面象横格本一样的满篇全是横线。

  这个规范的缺点:对有链接的文字用了两种不同的处理方法,有的默认有下划线,有的没有。这两种情况同时显示在一个页面上时,加了下划线的文字显然会更明显的表示出:“这个是可以点击的。”于是,页面中的大列表可点击,表达的就不那么明显了。而页面中的大列表往往又是重点内容,是希望用户关注的内容。类似下面这种情况:

  这个缺陷需要通过视觉设计来弥补了,背景颜色、字号、加粗之类的办法。

  要说的就是这些。最后来看一下gmail,大体上就是按照这个方案来处理文字链接问题的。

分享:成功构建网站的方法
Ifyou'redoingbusinessontheInternet,oneofthemostimportantaspectsofyoursuccessisyourwebsite.Ifyourwebsitedoesn'tlookprofessio

来源:chouyu.com.cn//所属分类:网页设计教程/更新时间:2008-02-22
相关网页设计教程