css - 样式超链接与正文几乎没有区别有什么意义?

标签 css text colors hyperlink

似乎有一种越来越流行的趋势,即使用与正文几乎无法区分的颜色来设计超链接样式。我前几天在 SFGate blog page 上注意到了这一点.还要注意几句话前的链接。我的眼睛是在变差,还是很难发现?

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

我最好的猜测是,设计师(或做出样式决定的人)对使用与正文文本明显不同的颜色或其他样式打断眼球追踪持谨慎态度。这在某种程度上是有道理的,但我觉得还有更多的妥协空间——即,样式链接与正文文本有足够的不同,这样它们很容易被发现,同时又不会使它们过于浮华以致吸引眼球不利于阅读。

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


@Mike Daniels:感谢您澄清我在这个网站上遇到的区分颜色是访问过的链接颜色——我没有注意到,但你是对的。未访问的链接颜色相当突出,对我来说更有意义的是,已访问的链接会与周围的文本更多地融合。

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

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

我真正想知道的是为什么 - 假设像 SFGate 这样的高流量网站上的设计者知道他们在做什么并且已经对链接颜色做出有意识的决定 - 他们会选择将链接样式设置为如此接近正文?这背后有什么道理吗?

最佳答案

我明白了不想使用与常规文本强烈冲突的超链接样式背后的原因,因为它们会在阅读时分散注意力。但我认为这很少成为问题。如果您查看类似 Wikipedia 的网站, 链接在视觉上与常规文本截然不同,但根本不会使文本更难阅读

因此,仅从标准文本中巧妙区分内联链接的唯一真正原因是出于审美目的。我认为这就是 SFGate 设计者所做的。他们使用的链接颜色在非内联时很容易区分(例如 最近的条目类别 Pane ),但它们在文本中可能更难辨认。

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

  • 加粗链接
  • 在他们下面划线
  • 使用点下划线(一个很好的折衷)
  • 或使用翻转

所有这些都有助于将链接与文本区分开来,而无需为链接提供更亮的颜色。

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

关于css - 样式超链接与正文几乎没有区别有什么意义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3077609/

相关文章:

javascript - 添加带有数量的克隆元素值

javascript - 使用带有变换属性的缩放时定位 sibling

sql - 如何分隔字符串并转换为列标题?

c# - DataGridView 选定单元格默认颜色

java - 删除 ASCII 颜色代码

CSS 媒体查询最小宽度无法正常工作

css - angular 加载的重复 div 可能有不同的内容,我怎样才能让它们自动调整高度?

php - 使用 php 访问文本文件?

Python:只检索 POP3 消息文本,没有标题

image - 将RGB像素转换为波长