關(guān)于「 404 錯(cuò)誤」的起源，互聯(lián)網(wǎng)上一直流傳著一個(gè)傳說(shuō)在歐洲核研究組織的 404 號(hào)房間內(nèi)，存放著互聯(lián)網(wǎng)第一臺(tái)服務(wù)器，萬(wàn)維網(wǎng)的發(fā)明者 Berners-Lee 就在這里辦公如果你要訪問(wèn)網(wǎng)頁(yè)，必須向這個(gè)房間提交申請(qǐng)，如果找不到這個(gè)網(wǎng)頁(yè)就會(huì)提示你「404 not found 」。

當(dāng)人們讓 Berners-Lee 就 「 404 錯(cuò)誤」發(fā)表意見(jiàn)時(shí)， Berners-Lee 以這是無(wú)關(guān)緊要的瑣事為由拒絕置評(píng)，讓這段傳說(shuō)更加撲朔迷離而開(kāi)創(chuàng)了超文本結(jié)構(gòu)的另一位互聯(lián)網(wǎng)發(fā)明者 Robert Cailliau，在最近接受《連線》雜志采訪時(shí)再次否認(rèn)了這則傳說(shuō)的真實(shí)性，并解釋了 「 404 錯(cuò)誤」的真正來(lái)源：。

「 全部視頻安卓手機(jī)支持瀏覽器404 錯(cuò)誤」就是程序員為了讓用戶在網(wǎng)絡(luò)連接錯(cuò)誤時(shí)，可以知道自己錯(cuò)在哪而設(shè)置的。

你對(duì)這個(gè)頁(yè)面也許不陌生這樣的說(shuō)法讓「 404 錯(cuò)誤」的傳奇色彩蕩然無(wú)存，可能會(huì)讓很多人失望吧不過(guò)自從互聯(lián)網(wǎng)誕生以來(lái)，設(shè)計(jì)師們?yōu)榱俗屇悴粫?huì)因?yàn)殄e(cuò)誤訪問(wèn)而對(duì)網(wǎng)站失望，在 404 頁(yè)面上花了不少功夫，而 404 頁(yè)面的變化也是互聯(lián)網(wǎng)交互形式發(fā)展的一個(gè)剪影。

下面愛(ài)范兒（微信號(hào)：ifanr）帶你來(lái)看看中外網(wǎng)站那些有趣的 404 頁(yè)面。

搜索微信公眾號(hào)愛(ài)范兒（微信號(hào)：ifanr），后臺(tái)回復(fù)「404」，獲取文中提到的，以及更多有意思的「404 頁(yè)面」

國(guó)外篇Facebook

看起來(lái)，F(xiàn)acebook 的 404 頁(yè)面似乎不怎么走心，這全部視頻安卓手機(jī)支持瀏覽器個(gè)設(shè)計(jì)來(lái)源于自家的「點(diǎn)贊」圖標(biāo)。GoogleGoogle 在不同節(jié)日的 Logo 設(shè)計(jì)一直別出心裁，而它的 404 頁(yè)面也不例外。

你最熟悉的，可能就是這幅手繪風(fēng)格的機(jī)器人。但更有趣的是 Google Chrome 的 404 頁(yè)面，這是一個(gè)操控恐龍躲避障礙物的小游戲。

這個(gè)頁(yè)面由 Google 設(shè)計(jì)師 Sebastien Gabriel 設(shè)計(jì)， Chrome 瀏覽器中眾多經(jīng)典的 404 頁(yè)面 icon 都出自他手。

吃豆人

同樣是把 404 頁(yè)面做成小游戲，這家公司選擇了經(jīng)典了的街機(jī)游戲《吃豆人》（ Pacman） 。皮克斯

皮克斯的 404 頁(yè)面采用了《頭腦特工隊(duì)》中的「憂憂」在哭泣的畫(huà)面，并配上「全部視頻安卓手機(jī)支持瀏覽器噢…… 別哭。」（Awww…Don’t Cry.）的文字。IMDB

影評(píng)網(wǎng)站 IMDB 則把不同電影中的經(jīng)典臺(tái)詞用在了自己的 404 頁(yè)面上。彭博社

Bloomberg 的 404 頁(yè)面一段無(wú)厘頭的動(dòng)畫(huà)，一個(gè)西裝男拍散一部屏幕顯示 404 的電腦，然后自己原地粉碎……Airbnb

網(wǎng)頁(yè)找不到的心情，和冰淇淋球掉了有點(diǎn)像？MiKandi

MiKandi 是世界上第一個(gè) Android 成人應(yīng)用商店，它的 404 頁(yè)面是一個(gè)金發(fā)裸體女郎在說(shuō)「自己的衣服不見(jiàn)了」。最憂郁的 404 頁(yè)面

這是伊利諾伊州香檳分校計(jì)算機(jī)機(jī)械協(xié)會(huì)網(wǎng)站的 404 頁(yè)面，頁(yè)面中會(huì)陸續(xù)打下一段段文字，告訴你對(duì)于它找不到頁(yè)面十分沮喪，甚至想全部視頻安卓手機(jī)支持瀏覽器「爬進(jìn)垃圾桶分解自己」。

這一大段話都喪得不行，口吻跟《銀河系漫游指南》那個(gè)換上抑郁癥的機(jī)器人 Marvin 很像。給「404 not found 」加點(diǎn)特效

下一站，404

這個(gè) 404 頁(yè)面是個(gè)地鐵站臺(tái)，每隔一段時(shí)間就有一班地鐵靠站，畫(huà)面可以隨著鼠標(biāo)移動(dòng)，戴上耳機(jī)聽(tīng)更有感覺(jué)。讓鼠標(biāo)動(dòng)起來(lái)

404 頁(yè)面也是一個(gè)很好的用戶交互界面，這個(gè)頁(yè)面讓幽靈的眼睛跟著鼠標(biāo)動(dòng)。

同樣是讓眼睛跟著鼠標(biāo)動(dòng)，這個(gè)頁(yè)面對(duì)密集恐懼癥患者就很不友好。由你來(lái)設(shè)計(jì)

網(wǎng)友作品這個(gè) 404 頁(yè)面就是一個(gè)布滿空白像素點(diǎn)畫(huà)布，你可以根據(jù)自己喜好在上面隨意涂鴉。

圖: Reddit Place 界面這有點(diǎn)像今年愚人節(jié) Reddit 發(fā)起的一個(gè)活動(dòng)全部視頻安卓手機(jī)支持瀏覽器，讓全球網(wǎng)友在一塊空白的巨大畫(huà)布著色?？傆幸粡垊?dòng)圖能表達(dá)你的心情

每次打開(kāi)都有不同的動(dòng)圖，看著都疼。

同樣是不斷變換的動(dòng)圖，風(fēng)格更加多變。貨不對(duì)板的 「404 網(wǎng)頁(yè)」

這家網(wǎng)站叫「404 page found」，主要為了給那些已經(jīng)從服務(wù)器中刪檔的舊網(wǎng)頁(yè)存檔，讓用戶可以瀏覽那些消失在互聯(lián)網(wǎng)歷史的網(wǎng)頁(yè)。

一個(gè)麥當(dāng)勞最想屏蔽的網(wǎng)站在這里可以找到 1993 年到 2009 年間的不同網(wǎng)站的歷史版本，是個(gè)小型的互聯(lián)網(wǎng)歷史博物館。

國(guó)內(nèi)篇在中國(guó)，「404」是個(gè)舶來(lái)品。在中國(guó)的互聯(lián)網(wǎng)語(yǔ)境， 「 404 錯(cuò)誤」有了更多含義，它可以是網(wǎng)頁(yè)不存在，可以是內(nèi)容不符合法規(guī)，也可以是發(fā)布者主動(dòng)刪除了內(nèi)容。正如《連線》雜志那篇文章全部視頻安卓手機(jī)支持瀏覽器所說(shuō)：

「 404 錯(cuò)誤」提醒著人們，網(wǎng)絡(luò)技術(shù)，由人類創(chuàng)造，受人類控制，并非完全可靠下面來(lái)看看國(guó)內(nèi)互聯(lián)網(wǎng)的公司的各種「404 頁(yè)面」騰訊、百度和網(wǎng)易的 「404 頁(yè)面」都是失蹤兒童信息，這些 404 頁(yè)面可以讓用戶在的 404 頁(yè)面中嵌入一段簡(jiǎn)單的代碼，通過(guò)這個(gè)頁(yè)面?zhèn)鞑ナй檭和畔?，體現(xiàn)了一家企業(yè)對(duì)公益事業(yè)的態(tài)度。

淘寶的 404 頁(yè)面提醒著用戶，淘寶是姓馬的，馬云的馬。

京東用了自家的「京東狗」。

網(wǎng)易嚴(yán)選走了性冷淡風(fēng)。

新浪和新浪微博放在一起，對(duì)待 404 頁(yè)面 ，感覺(jué)還是新浪微博的產(chǎn)品經(jīng)理更上心。

知乎的 404 頁(yè)面可以說(shuō)很符合知乎的調(diào)性了。

A 站的 404 頁(yè)面有著濃烈的二次元風(fēng)格，前段時(shí)間 A全部視頻安卓手機(jī)支持瀏覽器 站無(wú)法訪問(wèn)的幾天相信很多人都看過(guò)略帶憂傷的 AC 娘。

論二次元，B 站家的 22 娘與 33 娘也毫不遜色，還在 404 頁(yè)面新增了漫畫(huà)小劇場(chǎng)。

騰訊視頻跟 IMDB 類似，用了不同電影中的電影臺(tái)詞，還配上了劇照。

優(yōu)酷則抖了個(gè)機(jī)靈。

愛(ài)奇藝順手給你推薦一個(gè)視頻。

一看就知道是外賣平臺(tái)的 「404 頁(yè)面」，這是餓了么的。

美團(tuán)的風(fēng)格則和 AB 站有點(diǎn)像。

大麥網(wǎng)的「404 頁(yè)面」大概很容易能觸到粉絲的淚點(diǎn)。

「404 頁(yè)面」是互聯(lián)網(wǎng)中的一個(gè)錯(cuò)誤，被稱為「互聯(lián)網(wǎng)的最后一頁(yè)」它的存在除了提醒人們?cè)L問(wèn)的頁(yè)面不存在，也悄悄成為了各個(gè)企業(yè)品牌宣傳的廣告位雖然超文本結(jié)構(gòu)發(fā)明者 Robert Cailliau 認(rèn)為對(duì)于全部視頻安卓手機(jī)支持瀏覽器「404 頁(yè)面」的創(chuàng)意毫無(wú)必要，但那些創(chuàng)意十足的「404 頁(yè)面」確實(shí)成了互聯(lián)網(wǎng)中有趣的一角。

對(duì)于產(chǎn)品經(jīng)理和設(shè)計(jì)師來(lái)說(shuō)，「404 頁(yè)面」也是 UI 設(shè)計(jì)中不可忽略的一部分，Google 設(shè)計(jì)師 Sebastien Gabriel 曾表示：

設(shè)計(jì)錯(cuò)誤提示 icon 是一件有意思的事情，你希望用戶最好永遠(yuǎn)不要看到它們，而一旦他們看到了，你就要避免他們產(chǎn)生更多掃興的感覺(jué)至于該如何設(shè)計(jì)「404 頁(yè)面」，負(fù)責(zé)騰訊產(chǎn)品視覺(jué)和交互設(shè)計(jì)的 CDC 團(tuán)隊(duì)認(rèn)為體驗(yàn)良好的 「404 頁(yè)面」應(yīng)該遵循以下幾個(gè)原則：。

提供簡(jiǎn)明的問(wèn)題描述，用輕松的話語(yǔ)消除訪客的挫敗感，使得訪客轉(zhuǎn)到某個(gè)地方而不是后退提供合理的解決方案，輔助訪客全部視頻安卓手機(jī)支持瀏覽器完成訪問(wèn)目標(biāo)提供個(gè)性化的友好界面，提升訪問(wèn)體驗(yàn)話雖如此，但愿你的互聯(lián)網(wǎng)歷程中不會(huì)遇到太多的 404。

搜索微信公眾號(hào)愛(ài)范兒（微信號(hào)：ifanr），后臺(tái)回復(fù)「404」，獲取文中提到的，以及更多有意思的「404 頁(yè)面」。

掃描下方二維碼關(guān)注微信號(hào) AppSo，回復(fù)「197」，讓你優(yōu)雅地查出自己被哪個(gè)微信好友刪除了。

此刻，你的城市是否開(kāi)始刮起冷風(fēng)？人來(lái)人往的街頭，是否也抵擋不住冬季的寒意？這個(gè)冬天，我們?yōu)槟銣?zhǔn)備了不一樣的溫暖。