位置：首页>> 网络编程>> 网页设计>> 文字链接，怎么办？

文字链接，怎么办？

作者：chouyuchouyu　来源：臭鱼的交互设计　发布时间：2008-08-04 13:18:00　

标签：链接,设计,文字

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

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

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

方案如下：

将文字链接分为两种，区别对待。

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

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

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

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

这个规范的优点：对文字颜色没有要求。

不要求链接文字全部用蓝色，给视觉设计留出了足够的空间。不要求链接文字全部加下划线，避免了页面象横格本一样的满篇全是横线。

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

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

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

投稿

文字链接，怎么办？

猜你喜欢