it-swarm.cn

超链接应该是蓝色的吗?

我建立了一个站点,其中所有超链接都具有默认颜色:蓝色表示链接,紫色表示访问的链接。他们在悬停时变红。

我认为始终对超链接使用蓝色是一件好事,因此您的用户可以很快看到什么是超链接,什么不是。但是,我的一些同事不同意并希望使用其他颜色。

您对此有何想法?

42
Husky

仅当几乎每个人都这样做时,诸如未访问链接的#0000FF和已访问链接的#800080之类的标准才是好的。否则,用户将无法预测何时将要遵守该标准,从而无法再使用它来预测网站的行为。不幸的是,大多数网站都不遵循这些颜色标准。在偶然调查中(不要与随机调查相混淆),我发现不到三分之一的站点符合该标准。根据我的经验,对网络比较陌生的用户甚至可能不了解该标准-只是他们从经验中无法汲取的东西。事实证明,对于美学和品牌目的,颜色对于图形属性来说太重要了,因此设计师不能严格遵循该标准。坦白说,这并不是一个很好的标准-有些用户很难专注于高饱和度的蓝色文本,尤其是老用户。总体而言,我认为不再需要遵守此标准。

但是,从更广义的意义上使链接变为蓝色仍然有意义。我调查的网站中有80%以上使用蓝色阴影进行链接。因此,尽管这并不是用户可以完全依靠的标准,但我相信他们会倾向于认为蓝色比其他颜色更具链接感。从我所见,只要链接是distinct颜色(用户不应该使用),就可以避免使用非蓝色链接不必在每个颜色文本上用鼠标擦拭即可查看是否为链接)。但是,如果完全可以使用蓝色,那就变蓝色。

比颜色选择更为重要的是 在链接下划线 ,至少对于顶部或侧边栏菜单中没有的链接而言。我查看的网站中有90%以上使用下划线来区分链接(尽管通常仅在鼠标悬停时使用),这使其成为一个非常一致的惯例。强调还巧妙地避开了颜色的可访问性问题,包括涉及少数完全是色盲用户的问题。

综上所述,我几乎建议 六年前Jakob Nielsen建议的事情

  • 对于赠送站点,对所有未访问的链接使用一种颜色。使用多种颜色表示未访问的链接会增加站点的学习负担,并使用户更难扫描要选择的链接。

  • “颜色”是指具有色调-链接不得为黑色,白色或灰色。非颜色表示向用户的非链接文本。

  • 如果您网站的调色板中有任何蓝色,请将该蓝色用于链接。

  • 切勿将所选链接颜色用于网站上的非链接文本。这会使用户对什么是链接或什么不是链接感到困惑,从而破坏了为链接着色的目的。

  • 下划线所有链接。小心地将鼠标悬停在下划线上。我只会考虑链接为蓝色或链接位于顶部或侧边栏菜单中的情况。

  • 切勿在非链接下划线。改用斜体或粗体表示。

对于具有静态内容的网站,研究建议您显示 访问的链接以其他颜色显示 。但是,由于没有针对未访问链接的特定颜色,因此很难知道要对已访问链接使用什么颜色。在我调查的网站中,只有三分之一区分了已访问和未访问的链接,而且大多数访问链接都没有使用紫色,因此我不知道用户对此约定的熟悉程度。这里的颜色编码是任意的-紫色本身就没有什么意思,“访问”。用户一旦单击链接并返回查看颜色变化,便能够推断出含义,但可以想象一个月后返回站点的用户,其中一些链接是一种颜色,而其他链接则是不同颜色–它可以很难记住哪个是哪个。

我只能建议尝试利用更广泛的用户体验,并为访问的链接采用看起来“破旧”的颜色。这应该具有比未访问链接的颜色更低的颜色饱和度(与#800080和#0000FF的使用一致),但是,较低的饱和度本身可能不足以使访问的所有用户与未访问的用户充分区分开。还有什么?像某些网站那样将色相进行红移,这与使用紫色还是蓝色一致?像其他网站一样,使用较浅的颜色使链接看起来“褪色”吗?像其他网站一样使用较深的颜色,使链接更多地与普通文本融合吗?我认为这需要一些研究,然后我们需要使其成为标准。

32
Michael Zuschlag

当您的配色方案允许时,Constant是不错的选择,但是内部一致性更重要,因此不必觉得您需要坚持蓝色/紫色/红色调色板。将链接与普通文本区分开来也很重要。区分通常通过颜色,重量或下划线完成。不同链接状态的不同颜色可提高可用性。

27
Virtuosi Media

链接是否应为蓝色是一个老问题。雅各布·尼尔森(Jakob Nielsen)曾倡导这一点,尽管他多年来已经做出了改变:在首页可用性中,他提出了自己改变观点的观点(Nielsen& Loranger 2006,第100页)。

但是#0000FF彩色链接更重要的是您change颜色的访问者 链接 。不一定是紫色,而是某物(特别是)。


我的观点:美学is重要。因此,我会选择distinct链接颜色,该颜色应与整体视觉效果匹配,无论是#0000FF还是其他颜色。

8
jensgram

造成这种可怕的蓝色的原因是,色盲人员(即色盲的最常见情况)可以区分黑色和蓝色,因此他们实际上看到了区别。如果您有大量可能是色盲的用户(例如google或bing),则可能需要遵守该约定。否则,如果它不适用于您的设计,则无需这样做。但是您至少可以在链接上加下划线,或者使链接除了颜色之外也可以不同。

3
Lukas Oppermann

它们不必是蓝色,只需保持一致即可。始终如一,我并不是说它们都必须是一种颜色。导航中的链接,页脚中的链接与内容中的链接-它们每个都可以有自己的颜色,只要它们在各自的区域内保持一致并突出显示为可单击即可。

以我的观点,最好按钮颜色也与链接颜色一致,为用户提供“这是可单击的”颜色,而不仅仅是链接颜色。我也同意先前对访问过的链接的评论-它们不必有很大的不同,但应有明显的不同。

最后但并非最不重要的一点是,当您定义链接颜色时,请定义背景和文本颜色。

请勿以白色背景,黑色文字和蓝色/紫色链接为开头-用户可以更改这些内容。您应该将浏览器设置为使用非默认颜色,以便可以看到站点(以及许多其他站点)何时无法定义这些颜色。 (我将浏览器的背景颜色设置为浅灰色,栗色文本,鲜绿色链接,深绿色访问过的链接和橙色链接悬停。)

2
Webveloper

首先,链接的关键问题不在于它们是否是特定的颜色,而是在于确保它们有足够的区别以使其清晰可见。

@VirtuosiMedia和@jensgram,我同意访问链接的区分很好,但是关键仍然是确保您的链接脱颖而出。尤其是现在,由于信息超载和大量的阅读而不是阅读,用户必须一目了然地查看链接,这对于了解您是否已访问过某些内容(尤其是您所访问页面中未曾访问的内容)很有帮助。我认为,如果人们在一个主要主题领域或行业(其中许多站点链接到同一材料)中阅读内容,则该概念更为重要。我们始终必须记住,用户可以覆盖访问的链接在其浏览器设置中的行为(就像我一样)。

@Lukas和@Charles我也同意下划线不一定有效。如果要设计出足够高的对比度,那么对于那些色盲的人来说,仅仅使用其他颜色可能还不够。您可以赋予链接更多的差异,然后提供更多的伪类变化,效果更好。例如,采用简单的鲜明设计,对于低敏锐度或色盲用户来说,#333文本颜色和#000链接颜色可能不足,但是将黑色链接加粗并加下划线可能就足够了。然后状态最好是在悬停和活动时更改,然后再更改一次,在我上面引用的情况下,可能更改为类似#999的状态。

@Stewbob真的吗?即使它使您的设计发臭地粘在蓝色上,您也应该这样做吗?几乎不。

1
jameswanless

我认为特定的颜色无关紧要,甚至下划线也不重要。只要立即显然可以单击它们,就可以了。

我去过一些不得不点击鼠标寻找东西的网站。如果光标变成小手,那么我知道我可以单击它。对我来说,这是非常糟糕的设计。

虽然每个网站的设计都会有所不同,但我认为通常应该很明显,只需(被动地)查看页面即可单击以执行操作。话虽这么说,遵循通用标准,在哪里做的好。许多网站的右上角都有帐户信息。再一次,我过去曾在网站上花了5分钟或更长时间来尝试找到“注销/注销”链接。

0
Antony Scott

这是Microsoft发布的 链接标准 。关于链接 (颜色 )和背景,有一个特定的部分,其中有有趣的错误用法说明。

0
JeromeR