样式超链接与正文无法区分的重点是什么?

Bun*_*gle 14 css text colors hyperlink

看起来越来越流行的趋势是用一种几乎与正文无法区分的颜色来设置超链接的样式.前几天我在SFGate博客页面上注意到了这一点.还要注意几个字前的链接.我的眼睛变得更糟,还是难以发现?

我当然理解样式超链接看起来比浏览器默认样式更好.但是,如果他们不容易看到,那么首先拥有它们有什么意义呢?

我最好的猜测是,设计师(或任何做出造型决定的人)都会谨慎地使用颜色或其他与正文相比明显不同的造型来中断眼动追踪.这会有一定道理,但我觉得还有更多的妥协空间 - 即造型链接与身体文字不同,它们很容易被发现,而不是让它们如此华丽以至于它们吸引眼球不利于阅读.

有人会认为微妙的超链接比更明显的超链接更有效吗?或者,您能否指出任何可能证明其使用合理性的理论或测试结论?


@Mike Daniels:谢谢你澄清我在这个网站上遇到困难的颜色是访问过的链接颜色 - 我没注意到,但你是对的.未访问的链接颜色相当突出,对我来说更有意义的是,访问过的链接会与周围的文本混合更多.

另一方面,我不确定我是否认为悬停颜色/效果足以正确区分超链接.我不认为用户应该将鼠标悬停在链接上以确认它实际上是可点击的,这是可用性的原因.我认为应该一目了然.

实际上我戴着一副非常好的IPS面板显示器和近乎完美的视力.我可以看到这个页面上的访问链接和SFGate博客上的访问链接,如果我扫描它们,但我的论点是它只需要下划线,不同的颜色或其他视觉区别,以使链接更加突出.

我真正想知道的是为什么 - 假设像SFGate这样的高流量网站上的设计师知道他们正在做什么并且已经对链接颜色做出了有意识的决定 - 他们会选择将链接设计成类似于身体的样式文字如此紧密?有没有推理呢?

Lès*_*sté 2

我可以看到不希望超链接样式与常规文本强烈冲突的原因,因为它们在阅读时可能会分散注意力。但我认为这很少是一个问题。如果您查看像维基百科这样的网站,这些链接在视觉上与常规文本非常不同,但它根本不会使文本变得更难阅读

因此,仅巧妙地将内联链接与标准文本区分开来的唯一真正原因是出于美观目的。我认为这就是 SFGate 设计师所做的。当它们不是内联时(例如“最近的条目”“类别”窗格),它们使用的链接颜色很容易区分,但它们可能很难在文本中挑选出来。

由于他们已经精心选择了一种美观的配色方案,并且您通常不想在设计中使用太多不同的颜色或在不同的地方使用不同颜色的链接,因此没有太多选择。他们可以:

  • 将链接加粗
  • 给它们下划线
  • 使用点下划线(一个很好的妥协)
  • 或使用翻转

所有这些都有助于区分链接和文本,而不需要给链接提供更亮的颜色。

但您还必须考虑页面的类型以及访问者的使用模式。如果您有很多内联链接,或者用户主要是为了阅读文章,而不是关注嵌入链接,那么您不希望链接引起如此多的关注。SFGate 博客更类似于数字报纸。它不是一个标准的新闻博客,其中链接是主要内容,也不是维基百科,其中嵌入的链接也是该网站的主要焦点。基本上,博客文章中的几个链接只是为好奇的人提供一些补充信息,但预计会被大多数读者忽略。它们确实足够引人注目,因此在阅读文章时,您会在遇到它们时看到链接。