谁最先使用蓝色的?

1993 年 1 月 – Mosaic

Mosaic 的第一个测试版是为伊利诺伊大学的 X 窗口系统创建的。最初的界面是黑白的，没有蓝色的超链接，但是有带边框的黑色超链接。根据 X System用户指南，超链接被加下划线或高亮显示。

1993 年 4 月 12 日 – Mosaic Version 0.13

在0.13 版本的 Mosaic 更新日志中，有一条信息对我们来说非常重要：

用《侏罗纪公园》（Jurassic Park）中杰夫•戈德布卢姆（Jeff Goldblum）饰演的伊恩•马尔科姆（Ian Malcom）的不朽名言来说:“好吧，就是这样。”

1993 年 4 月 21 日 – Mosaic Version 1

Mosaic 登录 X 窗口系统。我无法找到这个版本的界面截图，但根据发布说明，访问的颜色被更改为非 SGI 的更好访问的锚色。

1993 年 6 月 8 日 – Cello Beta

Cello 是康奈尔大学法学院（Cornell Law School）牵头创建的。有了 Cello，律师们就可以用 Windows 电脑访问他们的法律网站。我的队友 Molly 帮我下载了 0.1 测试版，我们被这一发现震惊了：

就是这个！这就是我们寻找的超链接风格，尽管它不是一个超链接，而是一个标题。在 1993 年之前，我们的蓝色链接从未在用户界面上出现过，但突然间，它在短短两个月内出现在两个不同的浏览器上，它们是在两所不同的大学同时建立的。

1993 年 9 月  – Mosaic Ports

同年 9 月，Macintosh 7.1 操作系统发布了一个 Mosaic 端口。我能够找到这个版本的截图，其中包括一个蓝色的超链接，这是第一个来自图像的证据，蓝色被用来表示一个超链接。

蓝色链接出现后发生了什么？

1993 年 6 月 – Unix GUI – Common Desktop Environment

Common Desktop Environment 是 UNIX 操作系统的 GUI，与构建 Mosaic 所用的操作系统相同。这个界面的特点是超链接使用带有下划线的黑色文本。

1994 – Cello Version 1

Cello 已经过时了，但黄色的背景保住了蓝色、带下划线的标题，不过仍然有黑色的超链接与边框。

1994 年 10 月 13 日 – Netscape Navigator

由马克·安德森（Marc Andreessen）和詹姆斯·H·克拉克（James H. Clark）创建的网景，使用了与 Mosaic 相同的视觉语言:蓝色超链接和灰色背景。

1995 年 7 月 – Internet Explorer 1.0

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

2004 年 11 月 9 日 – Firefox 1.0

Mozilla 发布了火狐浏览器，它也提供了蓝色超链接，这种超链接一直沿用至今。这些图片来自今天的 Netscape 1.22 和 Firefox Nightly。

为什么是蓝色超链接？

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

没人知道，但我有一些推测。我经常听说蓝色被选为颜色对比的超链接颜色。尽管 W3C 直到 1994 年才创建，因此我们判断网页可及性的标准还不定义，如果我们看一下对比作为文本颜色，黑色和蓝色的链接颜色，对比度的 2.3:1，也不会通过足够的颜色对比强烈的蓝色超链接和黑色文本。

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

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

回顾 Mosaic 的发行说明，我们看到在 0.7 版本中黑字和下划线作为超链接的首选方式出现，我们可以推断，直到4月中旬发生了一些事情，就在蓝色超链接出现在 0.13 版本之前。事实上，自 1985 年 Microsoft 1 推出以来，用带有下划线的黑色文本来传递链接就一直是标准做法，有人曾声称微软剽窃了苹果 Lisa 的外观和感觉。

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

马赛克作为一种产品也变得流行起来，蓝色超链接也随之流行起来。Mosaic 是在支持彩色显示器的重要时期出现的;超链接的标准是使用带有某种下划线、悬停状态或边框的黑色文本。Mosaic 选择了蓝色，他们选择将浏览器移植到多个操作系统上。这帮助 Mosaic 成为互联网使用的标准浏览器，并巩固了其用户界面作为与网络交互的默认语言的地位。

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

#0000FF狂想曲

自从 Mosaic 在发行说明中使用现在随处可见的蓝色以来，已经过去了近 30 年，但现在已经不是上世纪 90 年代初了。虽然探索浏览器是如何制作的是一件很有趣的事情，但在目前，我们已经接受了一个福音真理，即链接可以而且应该是蓝色的，因为这些早期的先驱们说它应该是这样的。

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

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

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

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

交互式状态应该始终在样式表中设置样式。例如:触摸、访问、悬停、活动和聚焦。

链接和按钮应该足够大，可以点击或点击。你无法确定人们是如何通过触控笔、手指、鼠标或触控板在设备上与你的内容进行交互的。这是你的工作，以确保你的链接是容易导航和有足够的空间周围。

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

也许是这样，也许不是。

用来表示超链接的视觉元素有很长一段路要走，而蓝色只是用来表示超链接的众多元素之一。链接是关于将信息连接在一起。一定要确保一个超链接从周围的其他内容中脱颖而出。有时这意味着你需要下划线，或者背景颜色，或者可能只是，你需要蓝色而已。

Reference：

https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue/

*博客内容为网友个人发布，仅代表博主个人观点，如有侵权请联系工作人员删除。