链接,怎么办?

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

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

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

将文字链接分为两种,区别对待。 方案如下:

第一种. 对于较大的列表,默认时不显示下划线,光标经过时才显示下划线。


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

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


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

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

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


       这个缺陷需要通过视觉设计来弥补了,背景颜色、字号、加粗之类的办法。 要说的就是这些。最后来看一下gmail,大体上就是按照这个方案来处理文字链接问题的。


上一篇:改进网页可读性的7个方法

下一篇:ASP关键字加链接函数

留下脚印压缩包密码:sosuo8
名字:
全部评论:
评论Happy2016/9/9 16:22:00
Now we know who the sesinble one is here. Great post!
答复
评论blade and soul gold2016/1/16 1:33:00
be a man 
blade and soul gold https://wildstarproduct.wordpress.com/2016/01/04/blade-and-soul-can-we-get-a-chain-version-of-falling-blocks/
答复
申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“ 链接,怎么办? ”的原作者,若侵犯您的版权,请与我联系!在此请您原谅我的幼稚和无知!联系方法:email:ahuinan@21cn.com  QQ:106494262

感谢以下网友对网站提出的建议:
1、感谢“蓝树叶kiss”网友发现一个评论漏洞。(2009-2-28)
2、感谢“陈臣”对程序优化和seo方面的建议。(2009-3-18)
文章档案
  • 作者:臭鱼
  • 来源:臭鱼的blog
  • 日期:2010/8/6 10:36:00
  • 点击:4168
网友投票(您觉得这篇文章怎样?)
loadding...请稍侯......