來源：錘子閱讀本文授權(quán)轉(zhuǎn)載自愛范兒， 作者：李超凡關(guān)于「 404 錯誤」的起源，互聯(lián)網(wǎng)上一直流傳著一個傳說在歐洲核研究組織的 404 號房間內(nèi)，存放著互聯(lián)網(wǎng)第一臺服務(wù)器，萬維網(wǎng)的發(fā)明者 Berners-Lee 就在這里辦公。

如果你要訪問網(wǎng)頁，必須向這個房間提交申請，如果找不到這個網(wǎng)頁就會提示你「404 not found 」當(dāng)人們讓 Berners-Lee 就 「 404 錯誤」發(fā)表意見時， Berners-Lee 以這是無關(guān)緊要的瑣事為由拒絕置評，讓這段傳說更加撲朔迷離。

而開創(chuàng)了超文本結(jié)構(gòu)的另一位互聯(lián)網(wǎng)發(fā)明者 Robert Cailliau，在最近接受《連線》雜志采訪時再次否認(rèn)了這則傳說的真華強(qiáng)北報價實性，并解釋了 「 404 錯誤」的真正來源：「 404 錯誤」就是程序員為了讓用戶在網(wǎng)絡(luò)連接錯誤時，可以知道自己錯在哪而設(shè)置的。

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

帶你來看看中外網(wǎng)站那些有趣的 404 頁面。━━━━━國外篇Twitter 的宕機(jī)鯨魚 

這大概是互聯(lián)網(wǎng)歷史上流傳最廣和最受歡迎的 404 頁面之一了?！稿礄C(jī)鯨魚」的最早是華人設(shè)計師為慶祝朋友生日創(chuàng)作的一幅插圖。一頭鯨魚華強(qiáng)北報價被幾只小鳥用線拉拽著在天空翱翔，寓意「我的祝福像鯨魚一樣重」。

（圖自：硅星人）而當(dāng)年只有 200 萬用戶的 Twitter 買下了這幅畫作為自己的宕機(jī)頁面，雖然早年 Twitter 宕機(jī)頻繁，但這只「宕機(jī)鯨魚」卻深受網(wǎng)友喜愛，在全球引發(fā)了無數(shù)網(wǎng)友的二次創(chuàng)作。

不少網(wǎng)站的 404 頁面也借鑒了這一設(shè)計，其中 Google 圖書的 404 頁面就采用了擱淺鯨魚的設(shè)計。Facebook

相比起 Twitter，流量更大的 Facebook 的 404 頁面似乎沒這么走心，這個設(shè)計來源于自家的「點贊」圖標(biāo)GoogleGoogle 在不同節(jié)日的 Logo 設(shè)計一直別出心裁，而它的 404 頁面也不例外。

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

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

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

皮克斯的 404 頁面采用了《頭腦特工隊》中的「憂憂」在哭泣的畫面，并配上「噢…… 別哭?！梗ˋwww…Don’t Cry.）的文字。IMDB

影評網(wǎng)站 IMDB 則把不同電影中的經(jīng)典臺詞用在了自己的 404 頁面華強(qiáng)北報價上。彭博社

Bloomberg 的 404 頁面一段無厘頭的動畫，一個西裝男拍散一部屏幕顯示 404 的電腦，然后自己原地粉碎……Airbnb

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

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

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

這一大段話都喪得不行，口吻跟《銀河系漫游指南》那個換上抑郁癥的機(jī)器人 Marvin 很像。給「404 not f華強(qiáng)北報價ound 」加點特效

下一站，404

這個 404 頁面是個地鐵站臺，每隔一段時間就有一班地鐵靠站，畫面可以隨著鼠標(biāo)移動，戴上耳機(jī)聽更有感覺。讓鼠標(biāo)動起來

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

同樣是讓眼睛跟著鼠標(biāo)動，這個頁面對密集恐懼癥患者就很不友好。由你來設(shè)計

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

（圖: Reddit Place 界面）這有點像今年愚人節(jié) Reddit 發(fā)起的一個活動，讓全球網(wǎng)友在一塊空白的巨大畫布著色?？傆幸粡垊訄D能表達(dá)你的心情

每次打開都有不同的動圖，看著都疼。

同樣是不斷變換的動圖，風(fēng)格更加華強(qiáng)北報價多變。貨不對板的 「404 網(wǎng)頁」

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

（一個麥當(dāng)勞最想屏蔽的網(wǎng)站）在這里可以找到 1993 年到 2009 年間的不同網(wǎng)站的歷史版本，是個小型的互聯(lián)網(wǎng)歷史博物館━━━━━國內(nèi)篇在中國，「404」是個舶來品在中國的互聯(lián)網(wǎng)語境， 「 404 錯誤」有了更多含義，它可以是網(wǎng)頁不存在，可以是內(nèi)容不符合法規(guī)，也可以是發(fā)布者主動刪除了內(nèi)容。

正如《連線》雜志那篇文章所說：「 404 錯誤」提醒著人們，網(wǎng)絡(luò)技術(shù)，由人類創(chuàng)造，受人類控制，并非完全可靠下面來看看國內(nèi)互聯(lián)網(wǎng)的公司的各種「4華強(qiáng)北報價04 頁面」騰訊、百度和網(wǎng)易的 「404 頁面」都是失蹤兒童信息，這些 404 頁面可以讓用戶在的 404 頁面中嵌入一段簡單的代碼，通過這個頁面?zhèn)鞑ナй檭和畔?，體現(xiàn)了一家企業(yè)對公益事業(yè)的態(tài)度。

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

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

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

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

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

A 站的 404 頁面有著濃烈的二次元風(fēng)格，前段時間 A 站無法訪問的幾天相信很多人都看過略帶憂傷的 AC 娘。

論二次元，B 站家的 22 娘與 33 娘也毫不遜色，還在 4華強(qiáng)北報價04 頁面新增了漫畫小劇場。

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

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

愛奇藝順手給你推薦一個視頻。

一看就知道是外賣平臺的 「404 頁面」，這是餓了么的。

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

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

「404 頁面」是互聯(lián)網(wǎng)中的一個錯誤，被稱為「互聯(lián)網(wǎng)的最后一頁」它的存在除了提醒人們訪問的頁面不存在，也悄悄成為了各個企業(yè)品牌宣傳的廣告位雖然超文本結(jié)構(gòu)發(fā)明者 Robert Cailliau 認(rèn)為對于「404 頁面」的創(chuàng)意毫無必要，但那些創(chuàng)意十足的「404 頁面」確實成了互聯(lián)網(wǎng)中有趣的一角。

對于產(chǎn)品經(jīng)理和設(shè)計師來說，華強(qiáng)北報價「404 頁面」也是 UI 設(shè)計中不可忽略的一部分，Google 設(shè)計師 Sebastien Gabriel 曾表示：設(shè)計錯誤提示 icon 是一件有意思的事情，你希望用戶最好永遠(yuǎn)不要看到它們，而一旦他們看到了，你就要避免他們產(chǎn)生更多掃興的感覺。

至于該如何設(shè)計「404 頁面」，負(fù)責(zé)騰訊產(chǎn)品視覺和交互設(shè)計的 CDC 團(tuán)隊認(rèn)為體驗良好的 「404 頁面」應(yīng)該遵循以下幾個原則：1. 提供簡明的問題描述，用輕松的話語消除訪客的挫敗感，使得訪客轉(zhuǎn)到某個地方而不是后退；

2. 提供合理的解決方案，輔助訪客完成訪問目標(biāo)；3. 提供個性化的友好界面，提升訪問體驗。話雖如此，但愿你的互聯(lián)網(wǎng)歷程中不會遇到太多的 4華強(qiáng)北報價04。

你或許還對這些內(nèi)容感興趣：

點擊「閱讀原文」前往錘子科技官方商城購買堅果 Pro 2。