為什麼超鏈接是藍色的？_風聞

撰文 | ELISE BLANCHARD（mozilla.org作者）

翻譯 | LZM

互聯網已經深入到我們生活的方方面面，但我敢打賭，數字世界之中有一個方面是你認為理所當然的。你有沒有注意到很多鏈接，特別是超鏈接，都是藍色的？

當一位同事不經意地問我為什麼鏈接是藍色的時候，我被難住了。

作為從 2001 年就開始製作網站的用户體驗設計師，我一直將鏈接設置為藍色。我曾提倡使用特定的藍色色調，並堅持使用。是的，但我從未停止過並想知道，為什麼鏈接是藍色的？這就是生活的現實。草是綠色的，超鏈接是藍色的。在文化上，我們經常將鏈接與藍色聯繫在一起，以至於 2016 年穀歌將鏈接更改為黑色時，造成了相當大的破壞。

但現在，我發現自己完全被這個問題所困擾，為什麼鏈接是藍色的？是誰決定把它們染成藍色的？這個決定是什麼時候做出的？這個決定是如何產生如此持久的影響的?

我求助於我的同事幫助我研究，我們開始尋找答案。Mosaic 是 Marc Andreessen 和 Eric Bina 於 1993 年 1 月 23 日發佈的早期瀏覽器，帶有藍色超鏈接。

不過，為了真正瞭解超鏈接的起源和演變，我通過技術歷史和界面進行了一次旅程，以探索在彩色顯示器之前鏈接是如何處理的，以及一旦顏色成為一種選擇，界面和超鏈接是如何快速演變的。

通過觀察這些預着色超鏈接的解決方案，我們可以看到超鏈接是如何隨着時間的推移而發展的，以及這些早期的創新是如何影響今天網絡的可用性的。1964 – Project Xanadu

Xanadu 計劃有史以來第一次連接了兩頁信息。鏈接是頁面之間的可見的線。

1983 – HyperTIES system

這個系統引入了顏色，因為它使用了黑色背景上的青色超鏈接。HyperTIES 被用作電子雜誌。這可能是我們今天所知道和喜愛的藍色超鏈接的祖先，但我不認為這是第一次使用藍色超鏈接，因為這種顏色是青色，而不是深藍色。1985 – Windows 1.0Windows 1.0 帶來了全綵色圖形界面。鏈接和按鈕仍然是黑色的，與當時蘋果的界面類似。然而，我發現有趣的是，這是我們在佈局中使用的深藍色的第一個實例。深藍色被大量使用在標題和情態動詞的邊框上。

Windows 1.0 的另一個有趣之處是它的超鏈接。這是第一個使用下劃線來表示我能找到的超鏈接的例子。為了讓 Windows 1.0 更加有趣，我們看到了懸浮狀態的引入。現代交互設計的特點在 1985 年依然活躍。

1987 – HyperCard

這個程序是蘋果為麥金塔電腦發佈的，它使用了頁面和應用程序之間的超鏈接。雖然美觀，但這個版本在超鏈接中沒有使用顏色。

1987 – WorldWideWeb (WWW)

WWW 是 Tim Berners-Lee 在 CERN 工作時創建的第一個瀏覽器。它最初是黑白的，超鏈接下面有下劃線，這在今天的現代網站上仍然使用，是應對色盲的一個很好的解決方案。

是誰把它變成藍色的？

現在，我們已經能夠縮小藍色超鏈接起源的時間範圍。

萬維網，第一個瀏覽器，創建於 1987 年，是黑白的。我們知道 Mosaic 於 1993 年 1 月 23 日發佈，被認為是第一個帶有藍色超鏈接的瀏覽器。到目前為止，在 1987 年之前，我們還沒有發現在任何界面中使用藍色作為超鏈接，但是隨着彩色顯示器變得更加可用，界面開始支持顏色，情況很快就會發生變化。

在接下來的幾年裏，我們將看到在色彩和超鏈接管理方面的大量創新和實驗。

1990 – Windows 3.0

Windows 3 支持 16 種顏色，但是文本鏈接仍然是白色背景上的黑色鏈接，當被選中時，會變成黑色背景上的白色文本。

1991 – Gopher Protocol

Gopher 協議是在明尼蘇達大學創建的，用於搜索和檢索文檔。它最初的設計特色是黑色背景上的綠色文字。

1991 – HyperCard (Color)

蘋果為其 HyperCards 增添了色彩，但值得注意的是，文本鏈接仍然是黑色而不是藍色。然而，有些 UI 元素在交互時確實有藍色的影子，這是非常重要的，因為它顯示了藍色作為交互顏色的緩慢變化。

1991年10月5日 – Linux Kernel

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

1992 – ViolaWWW

在 ViolaWWW 瀏覽器中，文本鏈接有下劃線，背景顏色是灰色，就像我們看到的 Mosaic 的最初版本一樣。然而，文本鏈接是黑色的。

1992年4月6日 – Windows 3.1

自 1985 年以來，微軟一直使用深藍色作為界面，但從 1990 年開始，他們也開始使用它來進行交互。在這裏，當用户點擊不同的驅動器、文件夾和圖標時，微軟使用藍色超鏈接表示活動狀態。這是非常重要的，因為它顯示了藍色從佈局顏色到交互顏色的緩慢演變，比藍色被添加到馬賽克的時間早了幾乎整整一年。

1992年1月16日到6月21日 – Linux Kernel

1992 年，Linux 內核在其控制枱中添加了對顏色的支持。

誰最先使用藍色的?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