css – 造型超链接的几点几乎与身体文本不同?

前端之家收集整理的这篇文章主要介绍了css – 造型超链接的几点几乎与身体文本不同?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
似乎越来越流行的趋势是使用几乎与身体文本不同的颜色来设计超链接.我注意到这是在 SFGate blog page的另一天.还注意到链接只是几个字前.我的眼睛变得越来越糟,还是难以察觉?

我当然明白造型超链接看起来比浏览器默认样式更好.但是,如果他们不容易看到,他们有什么要点呢?

我最好的猜测是,设计师(或任何人做出风格决定)警惕中断眼睛跟踪与颜色或其他造型与身体文本显着不同.这样做会有一些意义,但我觉得有更多的妥协空间 – 即,造型链接与身体文字不同,容易发现,而不让他们如此华丽,以至于吸引眼球不利于阅读.

有人会说微妙的超链接比更明显的超链接更有效吗?或者,你可以指出任何可能有理由使用它们的理论或测试结论吗?

@Mike Daniels:谢谢你的澄清,我在这个网站上有区别的颜色是被访问的链接颜色 – 我没有注意到,但你是对的.未访问的链接颜色相当突出,对于我来说,访问链接将更加与周围文字相融合.

另一方面,我不知道我购买了一个悬停颜色/效果足以正确区分超链接的论点.我不觉得这是用户必须将鼠标悬停在链接上以确认实际上是可点击的可用性的原因.我认为应该是一目了然.

我的眼镜实际上有一个非常好的IPS面板显示器和近乎完美的视觉.我可以看到这个页面上的访问链接和SFGate博客上的链接,如果我扫描它,但我的论点是,它只会采取下划线,不同的颜色或另一种视觉区别,使链接更突出.

我真正想知道的是为什么 – 假设在像SFGate这样的高流量网站上的设计师知道他们在做什么,并且对链接颜色做出了有意识的决定 – 他们会选择将链接的风格类似于身体文字如此密切有理由背后吗?

解决方法

我可以看到不希望有超链接风格与正常文本强烈冲突的原因,因为它们在阅读时可能会分散注意力.但我认为这很少是一个问题.如果您看到像 Wikipedia这样的网站,链接在视觉上与常规文本截然不同,但是它根本不会使文本更难阅读

所以唯一真正的理由只是将内联链接与标准文本区别开来,是为了美学的目的.我认为这是SFGate设计师所做的.它们使用的链接颜色在内联时很容易区分(例如“最近的条目”或“类别”窗格),但是它们可能更难在文本中选择.

既然他们已经仔细地选择了一种在美学上有效的色彩设计,并且你通常不想在设计中使用太多不同的颜色,或者在不同的地方使用不同颜色的链接,所以没有太多的选择.他们可以有:

>加粗链接
>强调他们
>使用点缀下划线(一个不错的妥协)
>或使用翻转

所有这些将有助于区分链接与文本,而不需要给链接更亮的颜色.

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

原文链接:https://www.f2er.com/css/216694.html

猜你在找的CSS相关文章