大家好，今日我們來聊聊一篇關(guān)于超級(jí)鏈接，為什么超鏈接是藍(lán)色的的文章，希望對(duì)大家有所幫助

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

作者| Elise Blanchard(by : Mozilla . org)。

翻譯| LZM

互聯(lián)網(wǎng)已經(jīng)滲透到我們生活的各個(gè)方面，但我敢打賭，在數(shù)字世界中，有一個(gè)方面是你認(rèn)為理所當(dāng)然的。有沒有發(fā)現(xiàn)很多鏈接，尤其是超鏈接都是藍(lán)色的？

當(dāng)一個(gè)同事隨口問我為什么鏈接是藍(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)系在一起，以至于當(dāng)谷歌在2016年將鏈接改為黑色時(shí)，造成了相當(dāng)大的破壞。

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

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

然而，為了真正理解超鏈接的起源和演變，我查閱了技術(shù)和界面的歷史，以探索在顏色顯示之前鏈接是如何處理的，以及一旦顏色成為一種選擇，界面和超鏈接是如何迅速演變的。

在Xanadu項(xiàng)目的歷史上，第一次將兩頁信息連接起來。是鏈接頁面之間的可見線條。

Windows 1.0的另一個(gè)有趣之處是它的超鏈接。這是我能找到的第一個(gè)給超鏈接加下劃線的例子。為了讓W(xué)indows 1.0更有趣，我的深圳生活網(wǎng)看到了暫停的介紹。現(xiàn)代交互設(shè)計(jì)的特點(diǎn)在1985年依然活躍。

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

萬維網(wǎng)是蒂姆伯納斯李在歐洲粒子物理研究所工作時(shí)發(fā)明的第一個(gè)瀏覽器。本來是黑白的，超鏈接加了下劃線。時(shí)至今日，現(xiàn)代網(wǎng)站上仍在使用，解決了色盲問題。

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

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

在接下來的幾年里，我們會(huì)看到很多關(guān)于顏色和超鏈接管理的創(chuàng)新和實(shí)驗(yàn)。

Windows 3支持16色，但文字鏈接仍然是白底黑鏈接。選中時(shí)，它將變成黑色背景上的白色文本。

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

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

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

在ViolaWWW瀏覽器中，文本鏈接是帶下劃線的，背景顏色是灰色的，就像我們看到的最初版本的馬賽克一樣。但是，文本鏈接是黑色的。

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

1992年，Linux內(nèi)核為其控制臺(tái)增加了顏色支持。

Mosaic的第一個(gè)測試版是為伊利諾伊大學(xué)的X-window系統(tǒng)創(chuàng)建的。初始界面是黑白的，沒有藍(lán)色超鏈接，只有帶邊框的黑色超鏈接。根據(jù)X系統(tǒng)用戶指南，超鏈接會(huì)加下劃線或突出顯示。

在0.13版本的馬賽克更新日志中，有一條信息對(duì)我們3360非常重要

用《侏羅紀(jì)公園》中杰夫高布倫飾演的伊恩馬克龍的不朽名言來說，“好吧，就這樣。”

登錄馬賽克X-window系統(tǒng)。我找不到這個(gè)版本界面的截圖，但根據(jù)發(fā)布說明，為了更好地訪問非SGI，訪問顏色被改為錨色。

Cello是康奈爾法學(xué)院創(chuàng)立的。有了cello，律師可以使用Windows電腦訪問他們的法律網(wǎng)站。我的隊(duì)友Molly幫我下載了0.1的測試版，我們被這個(gè)發(fā)現(xiàn)震驚了。

就是這樣！這就是我們要找的超鏈接樣式，雖然不是超鏈接，而是標(biāo)題。在1993年之前，我們的藍(lán)色鏈接從來沒有出現(xiàn)在用戶界面上，但突然之間，它在短短兩個(gè)月內(nèi)出現(xiàn)在兩個(gè)不同的瀏覽器中，這兩個(gè)瀏覽器同時(shí)建立在兩個(gè)不同的大學(xué)中。

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

1993年6月UNIX圖形用戶界面-通用桌面環(huán)境。

常見的桌面環(huán)境是UNIX操作系統(tǒng)的GUI，和用來構(gòu)建Mosaic的操作系統(tǒng)是一樣的。這個(gè)界面的特點(diǎn)是超鏈接使用帶下劃線的黑色文本。

大提琴過時(shí)了

由馬克·安德森和詹姆斯·克拉克創(chuàng)建的網(wǎng)景公司使用了與馬賽克相同的視覺語言:藍(lán)色超鏈接和灰色背景。

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

Mozilla發(fā)布了Firefox瀏覽器，也提供了藍(lán)色超鏈接，一直使用到現(xiàn)在。這些圖片來自今天的網(wǎng)景1.22和火狐Nightly。

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

沒人知道，但我有一些理論。我經(jīng)常聽說藍(lán)色被選為顏色對(duì)比的超鏈接顏色。雖然W3C直到1994年才成立，但是判斷網(wǎng)頁可訪問性的標(biāo)準(zhǔn)還沒有定義。如果我們看深圳生活網(wǎng)2.3:1，把黑色和藍(lán)色的鏈接顏色作為文字顏色來比較，我們就不會(huì)把藍(lán)色的超鏈接和顏色足夠的黑色文字進(jìn)行比較。

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

此外，我們知道馬賽克的靈感來自ViolaWWW，并保持了與界面相同的灰色背景和黑色文本。

回顧馬賽克的發(fā)行說明，我們可以看到黑色字符和下劃線出現(xiàn)在0.7版本中作為超鏈接的首選方式。我們可以推斷，直到4月中旬，就在藍(lán)色超鏈接出現(xiàn)在0.13版本之前，發(fā)生了一些事情。事實(shí)上，自從微軟1在1985年推出以來，用帶下劃線的黑色文本傳輸鏈接已經(jīng)成為一種標(biāo)準(zhǔn)做法。有人聲稱微軟抄襲了蘋果Lisa的觀感。

在我看來，使用藍(lán)色超鏈接的真正原因是彩色顯示器在這個(gè)時(shí)期變得越來越流行。

馬賽克已經(jīng)成為一種流行的產(chǎn)品，藍(lán)色超鏈接也是如此。馬賽克出現(xiàn)在支持彩色顯示的重要時(shí)期。超鏈接的標(biāo)準(zhǔn)是使用帶有某種下劃線、懸?；蜻吙虻暮谏谋尽ｑR賽克選擇了藍(lán)色，他們選擇將瀏覽器移植到多個(gè)操作系統(tǒng)。這有助于馬賽克成為互聯(lián)網(wǎng)使用的標(biāo)準(zhǔn)瀏覽器，并將其用戶界面整合為與網(wǎng)絡(luò)交互的默認(rèn)語言。

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

馬賽克在發(fā)行說明中使用現(xiàn)在隨處可見的藍(lán)色已經(jīng)將近30年了，但現(xiàn)在已經(jīng)不是20世紀(jì)90年代初了。雖然探究瀏覽器是如何制作的很有意思，但目前我們已經(jīng)接受了一個(gè)福音真理，那就是鏈接可以而且應(yīng)該是藍(lán)色的，因?yàn)檫@些早期的開拓者說應(yīng)該是這樣的。

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

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

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

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

交互狀態(tài)應(yīng)該總是在樣式表中設(shè)置樣式。例如觸摸、接近、懸停、移動(dòng)和聚焦。

鏈接和按鈕應(yīng)該足夠大，可以被點(diǎn)擊。您無法確定人們?nèi)绾瓮ㄟ^手寫筆、手指、鼠標(biāo)或觸摸板與設(shè)備上的內(nèi)容進(jìn)行交互。你的工作是確保你的鏈接易于瀏覽，并且周圍有足夠的空。

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

也許是，也許不是。

以上就是超級(jí)鏈接（為什么超鏈接是藍(lán)色的？）這篇文章的一些介紹，網(wǎng)友如果對(duì)超級(jí)鏈接（為什么超鏈接是藍(lán)色的？）有不同看法，希望來共同探討進(jìn)步。