計(jì)算機(jī)趣史：為什么超鏈接是藍(lán)色的？（2）

誰(shuí)最先使用藍(lán)色的?

1993 年 1 月 – Mosaic

Mosaic 的第一個(gè)測(cè)試版是為伊利諾伊大學(xué)的 X 窗口系統(tǒng)創(chuàng)建的。最初的界面是黑白的，沒(méi)有藍(lán)色的超鏈接，但是有帶邊框的黑色超鏈接。根據(jù) X System用戶指南，超鏈接被加下劃線或高亮顯示。

1993 年 4 月 12 日 – Mosaic Version 0.13

在0.13 版本的 Mosaic 更新日志中，有一條信息對(duì)我們來(lái)說(shuō)非常重要：

用《侏羅紀(jì)公園》（Jurassic Park）中杰夫?戈德布盧姆（Jeff Goldblum）飾演的伊恩?馬爾科姆（Ian Malcom）的不朽名言來(lái)說(shuō):“好吧，就是這樣。”

1993 年 4 月 21 日 – Mosaic Version 1

Mosaic 登錄 X 窗口系統(tǒng)。我無(wú)法找到這個(gè)版本的界面截圖，但根據(jù)發(fā)布說(shuō)明，訪問(wèn)的顏色被更改為非 SGI 的更好訪問(wèn)的錨色。

1993 年 6 月 8 日 – Cello Beta

Cello 是康奈爾大學(xué)法學(xué)院（Cornell Law School）牽頭創(chuàng)建的。有了 Cello，律師們就可以用 Windows 電腦訪問(wèn)他們的法律網(wǎng)站。我的隊(duì)友 Molly 幫我下載了 0.1 測(cè)試版，我們被這一發(fā)現(xiàn)震驚了：

就是這個(gè)！這就是我們尋找的超鏈接風(fēng)格，盡管它不是一個(gè)超鏈接，而是一個(gè)標(biāo)題。在 1993 年之前，我們的藍(lán)色鏈接從未在用戶界面上出現(xiàn)過(guò)，但突然間，它在短短兩個(gè)月內(nèi)出現(xiàn)在兩個(gè)不同的瀏覽器上，它們是在兩所不同的大學(xué)同時(shí)建立的。

1993 年 9 月  – Mosaic Ports

同年 9 月，Macintosh 7.1 操作系統(tǒng)發(fā)布了一個(gè) Mosaic 端口。我能夠找到這個(gè)版本的截圖，其中包括一個(gè)藍(lán)色的超鏈接，這是第一個(gè)來(lái)自圖像的證據(jù)，藍(lán)色被用來(lái)表示一個(gè)超鏈接。

藍(lán)色鏈接出現(xiàn)后發(fā)生了什么？

1993 年 6 月 – Unix GUI – Common Desktop Environment

Common Desktop Environment 是 UNIX 操作系統(tǒng)的 GUI，與構(gòu)建 Mosaic 所用的操作系統(tǒng)相同。這個(gè)界面的特點(diǎn)是超鏈接使用帶有下劃線的黑色文本。

1994 – Cello Version 1

Cello 已經(jīng)過(guò)時(shí)了，但黃色的背景保住了藍(lán)色、帶下劃線的標(biāo)題，不過(guò)仍然有黑色的超鏈接與邊框。

1994 年 10 月 13 日 – Netscape Navigator

由馬克·安德森（Marc Andreessen）和詹姆斯·H·克拉克（James H. Clark）創(chuàng)建的網(wǎng)景，使用了與 Mosaic 相同的視覺(jué)語(yǔ)言:藍(lán)色超鏈接和灰色背景。

1995 年 7 月 – Internet Explorer 1.0

1995 年，微軟推出了 IE 瀏覽器，毫無(wú)疑問(wèn)，它也以藍(lán)色超鏈接和灰色背景為特色。Internet Explorer 是在 Windows 95 中附帶的，這是瀏覽器首次與操作系統(tǒng)一起出現(xiàn)。大約在這個(gè)時(shí)候，瀏覽器大戰(zhàn)開始了，但超鏈接的外觀和感覺(jué)已經(jīng)被牢固地確立。

2004 年 11 月 9 日 – Firefox 1.0

Mozilla 發(fā)布了火狐瀏覽器，它也提供了藍(lán)色超鏈接，這種超鏈接一直沿用至今。這些圖片來(lái)自今天的 Netscape 1.22 和 Firefox Nightly。

為什么是藍(lán)色超鏈接？

1993 年發(fā)生了什么，讓超鏈接突然變成藍(lán)色？

沒(méi)人知道，但我有一些推測(cè)。我經(jīng)常聽說(shuō)藍(lán)色被選為顏色對(duì)比的超鏈接顏色。盡管 W3C 直到 1994 年才創(chuàng)建，因此我們判斷網(wǎng)頁(yè)可及性的標(biāo)準(zhǔn)還不定義，如果我們看一下對(duì)比作為文本顏色，黑色和藍(lán)色的鏈接顏色，對(duì)比度的 2.3:1，也不會(huì)通過(guò)足夠的顏色對(duì)比強(qiáng)烈的藍(lán)色超鏈接和黑色文本。

相反，我更傾向于認(rèn)為 Cello 和 Mosaic 都是受到當(dāng)時(shí)用戶界面設(shè)計(jì)共同趨勢(shì)的啟發(fā)。我的理論是，Windows 3.1 在兩個(gè)項(xiàng)目開始前的幾個(gè)月才推出，這個(gè)界面是第一個(gè)突出使用藍(lán)色作為選擇顏色的界面，為藍(lán)色作為超鏈接顏色鋪平了道路。

此外，我們知道 Mosaic 的靈感來(lái)自 ViolaWWW，并保持了與界面相同的灰色背景和黑色文本。

回顧 Mosaic 的發(fā)行說(shuō)明，我們看到在 0.7 版本中黑字和下劃線作為超鏈接的首選方式出現(xiàn)，我們可以推斷，直到4月中旬發(fā)生了一些事情，就在藍(lán)色超鏈接出現(xiàn)在 0.13 版本之前。事實(shí)上，自 1985 年 Microsoft 1 推出以來(lái)，用帶有下劃線的黑色文本來(lái)傳遞鏈接就一直是標(biāo)準(zhǔn)做法，有人曾聲稱微軟剽竊了蘋果 Lisa 的外觀和感覺(jué)。

我認(rèn)為，使用藍(lán)色超鏈接的真正原因，只是因?yàn)椴噬@示器在這個(gè)時(shí)期變得越來(lái)越流行。

馬賽克作為一種產(chǎn)品也變得流行起來(lái)，藍(lán)色超鏈接也隨之流行起來(lái)。Mosaic 是在支持彩色顯示器的重要時(shí)期出現(xiàn)的;超鏈接的標(biāo)準(zhǔn)是使用帶有某種下劃線、懸停狀態(tài)或邊框的黑色文本。Mosaic 選擇了藍(lán)色，他們選擇將瀏覽器移植到多個(gè)操作系統(tǒng)上。這幫助 Mosaic 成為互聯(lián)網(wǎng)使用的標(biāo)準(zhǔn)瀏覽器，并鞏固了其用戶界面作為與網(wǎng)絡(luò)交互的默認(rèn)語(yǔ)言的地位。

當(dāng) Netscape 和 IE 被創(chuàng)建時(shí)，藍(lán)色超鏈接已經(jīng)是網(wǎng)絡(luò)和交互的代名詞?，F(xiàn)在，藍(lán)色鏈接與瀏覽器無(wú)關(guān)，正逐漸成為使用互聯(lián)網(wǎng)的象征。

#0000FF狂想曲

自從 Mosaic 在發(fā)行說(shuō)明中使用現(xiàn)在隨處可見的藍(lán)色以來(lái)，已經(jīng)過(guò)去了近 30 年，但現(xiàn)在已經(jīng)不是上世紀(jì) 90 年代初了。雖然探索瀏覽器是如何制作的是一件很有趣的事情，但在目前，我們已經(jīng)接受了一個(gè)福音真理，即鏈接可以而且應(yīng)該是藍(lán)色的，因?yàn)檫@些早期的先驅(qū)們說(shuō)它應(yīng)該是這樣的。

創(chuàng)建超鏈接時(shí)，可用的顏色是有限的。

今天，我們幾乎有各種各樣的顏色可供選擇，那么網(wǎng)絡(luò)鏈接的默認(rèn)顏色和狀態(tài)應(yīng)該變?yōu)槭裁茨?？?dāng)我們有機(jī)會(huì)脫離傳統(tǒng)的時(shí)候，我們是為了進(jìn)步而這樣做，還是因?yàn)樗{(lán)色是既定的視覺(jué)模式而保留它？

如果你想改變鏈接的顏色，以下是我在選擇鏈接顏色時(shí)對(duì)完美顏色的要求：

最佳文本可訪問(wèn)性與背景顏色和周圍的文本。您的設(shè)計(jì)決策不應(yīng)該成為用戶無(wú)法訪問(wèn)頁(yè)面內(nèi)容的原因。

交互式狀態(tài)應(yīng)該始終在樣式表中設(shè)置樣式。例如:觸摸、訪問(wèn)、懸停、活動(dòng)和聚焦。

鏈接和按鈕應(yīng)該足夠大，可以點(diǎn)擊或點(diǎn)擊。你無(wú)法確定人們是如何通過(guò)觸控筆、手指、鼠標(biāo)或觸控板在設(shè)備上與你的內(nèi)容進(jìn)行交互的。這是你的工作，以確保你的鏈接是容易導(dǎo)航和有足夠的空間周圍。

最后，所有鏈接都應(yīng)該是藍(lán)色的嗎？

也許是這樣，也許不是。

用來(lái)表示超鏈接的視覺(jué)元素有很長(zhǎng)一段路要走，而藍(lán)色只是用來(lái)表示超鏈接的眾多元素之一。鏈接是關(guān)于將信息連接在一起。一定要確保一個(gè)超鏈接從周圍的其他內(nèi)容中脫穎而出。有時(shí)這意味著你需要下劃線，或者背景顏色，或者可能只是，你需要藍(lán)色而已。

Reference：

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