博客專欄

EEPW首頁 > 博客 > 計算機趣史:為什么超鏈接是藍色的?(1)

計算機趣史:為什么超鏈接是藍色的?(1)

發(fā)布人:AI科技大本營 時間:2021-09-19 來源:工程師 發(fā)布文章

以下文章來源于數(shù)據(jù)實戰(zhàn)派 ,作者ELISE BLANCHARD

原文:Why are hyperlinks blue?

作者:ELISE BLANCHARD(mozilla.org作者)

譯者:LZM

互聯(lián)網(wǎng)已經(jīng)深入到我們生活的方方面面,但我敢打****,數(shù)字世界之中有一個方面是你認為理所當(dāng)然的。你有沒有注意到很多鏈接,特別是超鏈接,都是藍色的?

當(dāng)一位同事不經(jīng)意地問我為什么鏈接是藍色的時候,我被難住了。

作為從 2001 年就開始制作網(wǎng)站的用戶體驗設(shè)計師,我一直將鏈接設(shè)置為藍色。我曾提倡使用特定的藍色色調(diào),并堅持使用。是的,但我從未停止過并想知道,為什么鏈接是藍色的?這就是生活的現(xiàn)實。草是綠色的,超鏈接是藍色的。在文化上,我們經(jīng)常將鏈接與藍色聯(lián)系在一起,以至于 2016 年谷歌將鏈接更改為黑色時,造成了相當(dāng)大的破壞。

但現(xiàn)在,我發(fā)現(xiàn)自己完全被這個問題所困擾,為什么鏈接是藍色的?是誰決定把它們?nèi)境伤{色的?這個決定是什么時候做出的?這個決定是如何產(chǎn)生如此持久的影響的?

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

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

通過觀察這些預(yù)著色超鏈接的解決方案,我們可以看到超鏈接是如何隨著時間的推移而發(fā)展的,以及這些早期的創(chuàng)新是如何影響今天網(wǎng)絡(luò)的可用性的。

1964 – Project Xanadu

1.png

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

1983 – HyperTIES system

2.png

這個系統(tǒng)引入了顏色,因為它使用了黑色背景上的青色超鏈接。HyperTIES 被用作電子雜志。這可能是我們今天所知道和喜愛的藍色超鏈接的祖先,但我不認為這是第一次使用藍色超鏈接,因為這種顏色是青色,而不是深藍色。

1985 – Windows 1.0

Windows 1.0 帶來了全彩色圖形界面。鏈接和按鈕仍然是黑色的,與當(dāng)時蘋果的界面類似。然而,我發(fā)現(xiàn)有趣的是,這是我們在布局中使用的深藍色的第一個實例。深藍色被大量使用在標(biāo)題和情態(tài)動詞的邊框上。

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

1987 – HyperCard

5.png

這個程序是蘋果為麥金塔電腦發(fā)布的,它使用了頁面和應(yīng)用程序之間的超鏈接。雖然美觀,但這個版本在超鏈接中沒有使用顏色。

1987 – WorldWideWeb (WWW)

6.png

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

是誰把它變成藍色的?

現(xiàn)在,我們已經(jīng)能夠縮小藍色超鏈接起源的時間范圍。

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

在接下來的幾年里,我們將看到在色彩和超鏈接管理方面的大量創(chuàng)新和實驗。

1990 – Windows 3.0

7.png

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

1991 – Gopher Protocol

8.png

Gopher 協(xié)議是在明尼蘇達大學(xué)創(chuàng)建的,用于搜索和檢索文檔。它最初的設(shè)計特色是黑色背景上的綠色文字。

1991 – HyperCard (Color)

9.png

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

1991 年 10 月 5 日 – Linux Kernel

10.png

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

1992 – ViolaWWW

11.png

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

1992 年 4 月 6 日 – Windows 3.1

12.png

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

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

13.png

1992 年,Linux 內(nèi)核在其控制臺中添加了對顏色的支持。

*博客內(nèi)容為網(wǎng)友個人發(fā)布,僅代表博主個人觀點,如有侵權(quán)請聯(lián)系工作人員刪除。



關(guān)鍵詞: AI

相關(guān)推薦

技術(shù)專區(qū)

關(guān)閉