互聯(lián)網(wǎng)上有一個(gè)關(guān)于“404錯(cuò)誤”起源的傳說(shuō)。

在歐洲核子研究組織的404號(hào)房間，互聯(lián)網(wǎng)上的第一臺(tái)服務(wù)器被存儲(chǔ)起來(lái)，而萬(wàn)維網(wǎng)的發(fā)明者伯納斯 - 李就在這里。如果您想訪問(wèn)該網(wǎng)頁(yè)，您必須向此會(huì)議室提交申請(qǐng)。如果找不到此網(wǎng)頁(yè)，系統(tǒng)將提示“404 not found”。

當(dāng)人們要求伯納斯 - 李對(duì)“404錯(cuò)誤”發(fā)表評(píng)論時(shí)，伯納斯 - 李拒絕評(píng)論這是一個(gè)微不足道的小問(wèn)題，使得這個(gè)傳奇更令人困惑。

另一位開(kāi)創(chuàng)了超文本結(jié)構(gòu)的互聯(lián)網(wǎng)發(fā)明家羅伯特·卡利奧（Robert Cailliau）在接受《連線》雜志采訪時(shí)再次否認(rèn)了傳說(shuō)的真相，并解釋了“404錯(cuò)誤”的真正來(lái)源：

程序員設(shè)置“404錯(cuò)誤”，以便在網(wǎng)絡(luò)連接錯(cuò)誤時(shí)讓用戶知道他在哪里出錯(cuò)。

△你可能不熟悉這個(gè)頁(yè)面

這種說(shuō)法使“404錯(cuò)誤”的傳奇色彩消失，這可能令許多人失望。

然而，自從互聯(lián)網(wǎng)誕生以來(lái)，設(shè)計(jì)師花了很多時(shí)間在404頁(yè)面上，以防止你對(duì)錯(cuò)誤的訪問(wèn)感到失望。 404頁(yè)面的變化也是互聯(lián)網(wǎng)互動(dòng)發(fā)展的一個(gè)側(cè)面。

下面，范法納（微信：ifanr）帶你到中國(guó)和外國(guó)網(wǎng)站有趣的404頁(yè)面。

國(guó)外文章

實(shí)

似乎Facebook的404頁(yè)面似乎并沒(méi)有走得太遠(yuǎn)。這個(gè)設(shè)計(jì)來(lái)自它自己的“喜歡”圖標(biāo)。

谷歌

谷歌針對(duì)不同節(jié)日的標(biāo)志設(shè)計(jì)一直很巧妙，其404頁(yè)面也不例外。

你最熟悉的可能是這種手繪風(fēng)格的機(jī)器人。

但更有趣的是谷歌瀏覽器的404頁(yè)面，這是一款控制恐龍以避開(kāi)障礙的小型游戲。

此頁(yè)面由Google設(shè)計(jì)師Sebastien Gabriel設(shè)計(jì)，Chrome中的許多經(jīng)典404頁(yè)面圖標(biāo)都來(lái)自他的手中。

吃豆人

同樣是為了讓404頁(yè)面成為一款小游戲，該公司選擇了經(jīng)典的街機(jī)游戲《吃豆人》（Pacman）。

皮克斯

Pixar的404頁(yè)面使用《頭腦特工隊(duì)》中的“Worry”來(lái)哭，并伴隨著“噢……不要哭”。 （Awww… Don's cry。）。

IMDB

電影評(píng)論網(wǎng)站IMDB在其自己的404頁(yè)面上使用來(lái)自不同電影的經(jīng)典線條。

彭博

Bloomberg的404頁(yè)面是一個(gè)無(wú)意義的動(dòng)畫(huà)，一個(gè)西裝男人用一個(gè)顯示404的屏幕打碎一臺(tái)電腦，然后砸碎自己… …

制作的Airbnb

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

MiKandi

MiKandi是世界上第一個(gè)Android成人應(yīng)用程序商店，它的404頁(yè)是一個(gè)金發(fā)碧眼的裸體女孩，說(shuō)“你的衣服已經(jīng)不見(jiàn)了”。

最憂郁的404頁(yè)面

這是伊利諾伊州香檳計(jì)算機(jī)機(jī)械協(xié)會(huì)的404頁(yè)。該頁(yè)面后面會(huì)有一段文字告訴您，它無(wú)法找到該頁(yè)面，甚至想要“抓到垃圾桶來(lái)分解它”。

這個(gè)大段落并沒(méi)有被破壞，而且音調(diào)非常類似于馬文，這個(gè)機(jī)器人變成了沮喪。

添加特效到“404 not found”

下一站，404

這404頁(yè)就是地鐵站。每隔一段時(shí)間，就有一個(gè)地鐵站?？梢杂檬髽?biāo)移動(dòng)圖片，佩戴耳機(jī)更舒適。

讓鼠標(biāo)移動(dòng)

404頁(yè)面也是一個(gè)很好的用戶界面，讓幽靈的眼睛跟隨鼠標(biāo)。

同樣是讓眼睛跟著鼠標(biāo)，這個(gè)頁(yè)面對(duì)患有強(qiáng)烈恐懼癥的患者非常不友好。

由您設(shè)計(jì)

△用戶工作

這個(gè)404頁(yè)面是一個(gè)裝滿空白像素的畫(huà)布，你可以根據(jù)自己的喜好涂鴉。

△圖: Reddit Place界面

這有點(diǎn)像今年的愚人節(jié) Reddit推出的一項(xiàng)活動(dòng)，讓全球網(wǎng)民為一塊巨大的畫(huà)布上色。

總有一張圖片來(lái)表達(dá)你的心情

每次打開(kāi)它時(shí)，都會(huì)有不同的動(dòng)畫(huà)。

同樣是不斷變化的動(dòng)畫(huà)，風(fēng)格更加多樣化。

錯(cuò)誤的主板“404頁(yè)”

該網(wǎng)站被稱為“找到404頁(yè)面”，主要用于存檔已從服務(wù)器刪除的舊網(wǎng)頁(yè)，允許用戶瀏覽已從互聯(lián)網(wǎng)歷史中消失的網(wǎng)頁(yè)。

△麥當(dāng)勞最想阻止的網(wǎng)站

在這里，您可以找到1993年至2009年的不同網(wǎng)站的歷史版本，這是一個(gè)小型互聯(lián)網(wǎng)歷史博物館。

國(guó)內(nèi)文章

在中國(guó)，“404”是一種異國(guó)情調(diào)的產(chǎn)品。在中國(guó)的互聯(lián)網(wǎng)環(huán)境中，“404錯(cuò)誤”具有更多意義。可能是網(wǎng)頁(yè)不存在，內(nèi)容不符合規(guī)定，或者發(fā)布者主動(dòng)刪除內(nèi)容。正如《銀河系漫游指南》雜志文章所述：

“404錯(cuò)誤”提醒人們，由人類創(chuàng)造并由人類控制的網(wǎng)絡(luò)技術(shù)并不完全可靠。

讓我們來(lái)看看國(guó)內(nèi)互聯(lián)網(wǎng)上各種“404頁(yè)”的公司。

騰訊，百度和網(wǎng)易的“404頁(yè)”都缺少兒童信息。這404頁(yè)允許用戶在404頁(yè)面中嵌入一個(gè)簡(jiǎn)單的代碼，該頁(yè)面?zhèn)鞑G失的兒童信息并反映公司對(duì)公共福利的態(tài)度。 。

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

京東使用了自己的“京東犬”。

網(wǎng)易選擇了冷酷的性行為。

新浪和新浪微博共同對(duì)待404頁(yè)面，我覺(jué)得新浪微博的產(chǎn)品經(jīng)理更加專心。

知道404頁(yè)面可以說(shuō)非常符合音調(diào)。

A站的404頁(yè)面具有強(qiáng)烈的第二元素風(fēng)格。幾天前，A站幾天都沒(méi)有訪問(wèn)過(guò)。我相信很多人都看到了這位略顯悲傷的AC母親。

在第二個(gè)維度上，B臺(tái)的第22位母親和33位母親并不遜色，在404頁(yè)面中添加了一個(gè)漫畫(huà)劇場(chǎng)。

騰訊視頻類似于IMDB，在不同電影中使用電影線，也使用靜止圖像。

優(yōu)酷震撼了一個(gè)聰明人。

Iqiyi為你發(fā)了一個(gè)視頻。

乍一看，我知道這是外賣平臺(tái)的“404頁(yè)面”。這餓了嗎？

美國(guó)集團(tuán)的風(fēng)格有點(diǎn)像AB站。

Damai.com的“404頁(yè)面”可能很容易觸及粉絲的眼淚。

“404頁(yè)面”在互聯(lián)網(wǎng)上是一個(gè)錯(cuò)誤，被稱為“互聯(lián)網(wǎng)的最后一頁(yè)”。除了提醒人們他們?cè)L問(wèn)的頁(yè)面不存在外，它還悄然成為企業(yè)品牌推廣的廣告空間。

盡管超文本結(jié)構(gòu)的發(fā)明者Robert Cailliau認(rèn)為“404頁(yè)面”的概念是不必要的，但創(chuàng)意“404頁(yè)面”確實(shí)已成為互聯(lián)網(wǎng)的一個(gè)有趣部分。

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

設(shè)計(jì)錯(cuò)誤提示圖標(biāo)是一個(gè)有趣的事情，你希望用戶永遠(yuǎn)不會(huì)看到它們，一旦他們看到它們，你應(yīng)該避免讓他們感到更加失望。

至于如何設(shè)計(jì)“404頁(yè)面”，負(fù)責(zé)騰訊視覺(jué)和互動(dòng)設(shè)計(jì)的CDC團(tuán)隊(duì)認(rèn)為，具有良好經(jīng)驗(yàn)的“404頁(yè)面”應(yīng)遵循以下原則：

提供問(wèn)題的簡(jiǎn)明描述，用簡(jiǎn)單的文字消除訪問(wèn)者的挫敗感，允許訪問(wèn)者去某個(gè)地方而不是倒退。

提供合理的解決方案，幫助訪問(wèn)者完成訪問(wèn)目標(biāo)。

提供個(gè)性化且友好的界面，以增強(qiáng)訪問(wèn)體驗(yàn)。

話雖如此，我希望你的互聯(lián)網(wǎng)歷史上不會(huì)遇到太多的404。

« 向老師致敬！蘇寧和亞太天能向教師發(fā)送智能門鎖 | 消費(fèi)升級(jí)、服務(wù)保障、京東618花式新品不斷 »