博客專欄

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

計(jì)算機(jī)趣史:為什么超鏈接是藍(lán)色的?(1)

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

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

原文:Why are hyperlinks blue?

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

譯者:LZM

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

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

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

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

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

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

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

1964 – Project Xanadu

1.png

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

1983 – HyperTIES system

2.png

這個(gè)系統(tǒng)引入了顏色,因?yàn)樗褂昧撕谏尘吧系那嗌溄?。HyperTIES 被用作電子雜志。這可能是我們今天所知道和喜愛的藍(lán)色超鏈接的祖先,但我不認(rèn)為這是第一次使用藍(lán)色超鏈接,因?yàn)檫@種顏色是青色,而不是深藍(lán)色。

1985 – Windows 1.0

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

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

1987 – HyperCard

5.png

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

1987 – WorldWideWeb (WWW)

6.png

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

是誰把它變成藍(lán)色的?

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

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

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

1990 – Windows 3.0

7.png

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

1991 – Gopher Protocol

8.png

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

1991 – HyperCard (Color)

9.png

蘋果為其 HyperCards 增添了色彩,但值得注意的是,文本鏈接仍然是黑色而不是藍(lán)色。然而,有些 UI 元素在交互時(shí)確實(shí)有藍(lán)色的影子,這是非常重要的,因?yàn)樗@示了藍(lán)色作為交互顏色的緩慢變化。

1991 年 10 月 5 日 – Linux Kernel

10.png

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

1992 – ViolaWWW

11.png

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

1992 年 4 月 6 日 – Windows 3.1

12.png

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

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

13.png

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

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



關(guān)鍵詞: AI

相關(guān)推薦

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

關(guān)閉