超级链接（为什么超链接是蓝色的？）

大家好，今日我们来聊聊一篇关于超级链接，为什么超链接是蓝色的的文章，希望对大家有所帮助

超链接(为什么超链接是蓝色的？超链接(为什么超链接是蓝色的？)

作者| Elise Blanchard(by : Mozilla . org)。

翻译| LZM

互联网已经渗透到我们生活的各个方面，但我敢打赌，在数字世界中，有一个方面是你认为理所当然的。有没有发现很多链接，尤其是超链接都是蓝色的？

当一个同事随口问我为什么链接是蓝色的时候，我被难住了。

作为一名从2001年开始做网站的用户体验设计师，我总是把链接设置成蓝色。我提倡使用特定的蓝色调，并坚持使用。是的，但是我从来没有停下来想知道为什么链接是蓝色的。这就是生活的现实。草是绿色的，超链接是蓝色的。在文化上，我们经常将链接与蓝色联系在一起，以至于当谷歌在2016年将链接改为黑色时，造成了相当大的破坏。

但是现在，我发现自己完全被这个问题困扰了。为什么链接是蓝色的？谁决定把它们染成蓝色的？这个决定是什么时候做出的？这个决定是如何产生如此持久的影响的？

我向同事求助研究，我们开始寻找答案。Mosaic是mark anderson和Eric Bina于1993年1月23日发布的早期浏览器，带有蓝色超链接。

然而，为了真正理解超链接的起源和演变，我查阅了技术和界面的历史，以探索在颜色显示之前链接是如何处理的，以及一旦颜色成为一种选择，界面和超链接是如何迅速演变的。

在Xanadu项目的历史上，第一次将两页信息连接起来。是链接页面之间的可见线条。

Windows 1.0的另一个有趣之处是它的超链接。这是我能找到的第一个给超链接加下划线的例子。为了让Windows 1.0更有趣，我的深圳生活网看到了暂停的介绍。现代交互设计的特点在1985年依然活跃。

这个程序是苹果公司为麦金塔电脑发布的。它使用页面和应用程序之间的超链接。虽然很漂亮，但这个版本在超链接中没有使用颜色。

万维网是蒂姆伯纳斯李在欧洲粒子物理研究所工作时发明的第一个浏览器。本来是黑白的，超链接加了下划线。时至今日，现代网站上仍在使用，解决了色盲问题。

现在，我们已经能够缩小蓝色超链接起源的时间范围。

第一个浏览器万维网建立于1987年。它是黑白的。我们知道Mosaic发布于1993年1月23日，它被认为是第一款带有蓝色超链接的浏览器。到目前为止，在1987年之前，我们还没有发现在任何界面中使用蓝色作为超链接，但是随着彩色显示变得更加可用，界面开始支持颜色，这种情况将会发生非常迅速的变化。

在接下来的几年里，我们会看到很多关于颜色和超链接管理的创新和实验。

Windows 3支持16色，但文字链接仍然是白底黑链接。选中时，它将变成黑色背景上的白色文本。

明尼苏达大学创建了Gopher协议来搜索和检索文档。它最初的设计特点是黑色背景上的绿色字符。

苹果公司为其HyperCards添加了颜色，但值得注意的是，文本链接仍然是黑色而不是蓝色。但是有些UI元素在交互时确实有蓝色的影子，这一点非常重要，因为它显示了蓝色作为交互颜色的缓慢变化。

Linux在黑色背景上使用白色文本。

在ViolaWWW浏览器中，文本链接是带下划线的，背景颜色是灰色的，就像我们看到的最初版本的马赛克一样。但是，文本链接是黑色的。

微软从1985年开始使用深蓝作为界面，但从1990年开始，他们也开始使用它进行交互。在这里，当用户点击不同的驱动器、文件夹和图标时，微软使用蓝色超链接来表示活动状态。这是非常重要的，因为它显示了蓝色从布局色到交互色的缓慢演变，几乎比蓝色被加入马赛克的时间早了整整一年。

1992年，Linux内核为其控制台增加了颜色支持。

Mosaic的第一个测试版是为伊利诺伊大学的X-window系统创建的。初始界面是黑白的，没有蓝色超链接，只有带边框的黑色超链接。根据X系统用户指南，超链接会加下划线或突出显示。

在0.13版本的马赛克更新日志中，有一条信息对我们3360非常重要

用《侏罗纪公园》中杰夫高布伦饰演的伊恩马克龙的不朽名言来说，“好吧，就这样。”

登录马赛克X-window系统。我找不到这个版本界面的截图，但根据发布说明，为了更好地访问非SGI，访问颜色被改为锚色。

Cello是康奈尔法学院创立的。有了cello，律师可以使用Windows电脑访问他们的法律网站。我的队友Molly帮我下载了0.1的测试版，我们被这个发现震惊了。

就是这样！这就是我们要找的超链接样式，虽然不是超链接，而是标题。在1993年之前，我们的蓝色链接从来没有出现在用户界面上，但突然之间，它在短短两个月内出现在两个不同的浏览器中，这两个浏览器同时建立在两个不同的大学中。

同年9月，Macintosh 7.1操作系统发布mosaic port。我能找到这个版本的截图，包括一个蓝色的超链接，这是图像的第一证据。蓝色用来表示超链接。

1993年6月UNIX图形用户界面-通用桌面环境。

常见的桌面环境是UNIX操作系统的GUI，和用来构建Mosaic的操作系统是一样的。这个界面的特点是超链接使用带下划线的黑色文本。

大提琴过时了

由马克·安德森和詹姆斯·克拉克创建的网景公司使用了与马赛克相同的视觉语言:蓝色超链接和灰色背景。

1995年，微软推出IE浏览器，其毫无疑问的特色是蓝色超链接和灰色背景。Internet Explorer附属于Windows 95，这是浏览器第一次与操作系统一起出现。大约在这个时候，浏览器战争开始了，但是超链接的外观和感觉已经牢固地建立起来了。

Mozilla发布了Firefox浏览器，也提供了蓝色超链接，一直使用到现在。这些图片来自今天的网景1.22和火狐Nightly。

1993年发生了什么事，让超链接突然变蓝？

没人知道，但我有一些理论。我经常听说蓝色被选为颜色对比的超链接颜色。虽然W3C直到1994年才成立，但是判断网页可访问性的标准还没有定义。如果我们看深圳生活网2.3:1，把黑色和蓝色的链接颜色作为文字颜色来比较，我们就不会把蓝色的超链接和颜色足够的黑色文字进行比较。

相反，我更倾向于认为大提琴和马赛克都是受到了当时用户界面设置深圳生活网的共同趋势的启发。我的理论是，Windows 3.1在两个项目开始前几个月才推出，这个界面是第一个突出使用蓝色作为颜色选择界面，为蓝色作为超链接颜色铺平了道路。

此外，我们知道马赛克的灵感来自ViolaWWW，并保持了与界面相同的灰色背景和黑色文本。

回顾马赛克的发行说明，我们可以看到黑色字符和下划线出现在0.7版本中作为超链接的首选方式。我们可以推断，直到4月中旬，就在蓝色超链接出现在0.13版本之前，发生了一些事情。事实上，自从微软1在1985年推出以来，用带下划线的黑色文本传输链接已经成为一种标准做法。有人声称微软抄袭了苹果Lisa的观感。

在我看来，使用蓝色超链接的真正原因是彩色显示器在这个时期变得越来越流行。

马赛克已经成为一种流行的产品，蓝色超链接也是如此。马赛克出现在支持彩色显示的重要时期。超链接的标准是使用带有某种下划线、悬停或边框的黑色文本。马赛克选择了蓝色，他们选择将浏览器移植到多个操作系统。这有助于马赛克成为互联网使用的标准浏览器，并将其用户界面整合为与网络交互的默认语言。

网景和IE创建时，蓝色超链接是网络和交互的代名词。现在，蓝色链接与浏览器无关，逐渐成为使用互联网的象征。

马赛克在发行说明中使用现在随处可见的蓝色已经将近30年了，但现在已经不是20世纪90年代初了。虽然探究浏览器是如何制作的很有意思，但目前我们已经接受了一个福音真理，那就是链接可以而且应该是蓝色的，因为这些早期的开拓者说应该是这样的。

创建超链接时，可用颜色有限。

今天，我们几乎有各种颜色可供选择，那么为什么网络链接的默认颜色和状态要改变呢？当我们有机会脱离传统时，我们是为了进步而做，还是因为蓝色是一种既定的视觉模式而保持它？

如果你想改变链接的颜色，以下是我在选择链接颜色时对完美颜色的要求:

背景色和周围文本的最佳文本可访问性。您的设计决策不应成为用户无法访问页面内容的原因。

交互状态应该总是在样式表中设置样式。例如触摸、接近、悬停、移动和聚焦。

链接和按钮应该足够大，可以被点击。您无法确定人们如何通过手写笔、手指、鼠标或触摸板与设备上的内容进行交互。你的工作是确保你的链接易于浏览，并且周围有足够的空。

最后，所有链接都应该是蓝色的吗？

也许是，也许不是。