404 的傳說:你訪問的頁面不存在
關(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 」。
當人們讓 Berners-Lee 就 「 404 錯誤」發(fā)表意見時, Berners-Lee 以這是無關(guān)緊要的瑣事為由拒絕置評,讓這段傳說更加撲朔迷離而開創(chuàng)了超文本結(jié)構(gòu)的另一位互聯(lián)網(wǎng)發(fā)明者 Robert Cailliau,在最近接受《連線》雜志采訪時再次否認了這則傳說的真實性,并解釋了 「 404 錯誤」的真正來源:。
「 全部視頻安卓手機支持瀏覽器404 錯誤」就是程序員為了讓用戶在網(wǎng)絡(luò)連接錯誤時,可以知道自己錯在哪而設(shè)置的。
你對這個頁面也許不陌生這樣的說法讓「 404 錯誤」的傳奇色彩蕩然無存,可能會讓很多人失望吧不過自從互聯(lián)網(wǎng)誕生以來,設(shè)計師們?yōu)榱俗屇悴粫驗殄e誤訪問而對網(wǎng)站失望,在 404 頁面上花了不少功夫,而 404 頁面的變化也是互聯(lián)網(wǎng)交互形式發(fā)展的一個剪影。
下面愛范兒(微信號:ifanr)帶你來看看中外網(wǎng)站那些有趣的 404 頁面。
搜索微信公眾號愛范兒(微信號:ifanr),后臺回復(fù)「404」,獲取文中提到的,以及更多有意思的「404 頁面」
國外篇Facebook
看起來,F(xiàn)acebook 的 404 頁面似乎不怎么走心,這全部視頻安卓手機支持瀏覽器個設(shè)計來源于自家的「點贊」圖標。GoogleGoogle 在不同節(jié)日的 Logo 設(shè)計一直別出心裁,而它的 404 頁面也不例外。
你最熟悉的,可能就是這幅手繪風格的機器人。但更有趣的是 Google Chrome 的 404 頁面,這是一個操控恐龍躲避障礙物的小游戲。
這個頁面由 Google 設(shè)計師 Sebastien Gabriel 設(shè)計, Chrome 瀏覽器中眾多經(jīng)典的 404 頁面 icon 都出自他手。
吃豆人
同樣是把 404 頁面做成小游戲,這家公司選擇了經(jīng)典了的街機游戲《吃豆人》( Pacman) 。皮克斯
皮克斯的 404 頁面采用了《頭腦特工隊》中的「憂憂」在哭泣的畫面,并配上「全部視頻安卓手機支持瀏覽器噢…… 別哭?!梗ˋwww…Don’t Cry.)的文字。IMDB
影評網(wǎng)站 IMDB 則把不同電影中的經(jīng)典臺詞用在了自己的 404 頁面上。彭博社
Bloomberg 的 404 頁面一段無厘頭的動畫,一個西裝男拍散一部屏幕顯示 404 的電腦,然后自己原地粉碎……Airbnb
網(wǎng)頁找不到的心情,和冰淇淋球掉了有點像?MiKandi
MiKandi 是世界上第一個 Android 成人應(yīng)用商店,它的 404 頁面是一個金發(fā)裸體女郎在說「自己的衣服不見了」。最憂郁的 404 頁面
這是伊利諾伊州香檳分校計算機機械協(xié)會網(wǎng)站的 404 頁面,頁面中會陸續(xù)打下一段段文字,告訴你對于它找不到頁面十分沮喪,甚至想全部視頻安卓手機支持瀏覽器「爬進垃圾桶分解自己」。
這一大段話都喪得不行,口吻跟《銀河系漫游指南》那個換上抑郁癥的機器人 Marvin 很像。給「404 not found 」加點特效
下一站,404
這個 404 頁面是個地鐵站臺,每隔一段時間就有一班地鐵靠站,畫面可以隨著鼠標移動,戴上耳機聽更有感覺。讓鼠標動起來
404 頁面也是一個很好的用戶交互界面,這個頁面讓幽靈的眼睛跟著鼠標動。
同樣是讓眼睛跟著鼠標動,這個頁面對密集恐懼癥患者就很不友好。由你來設(shè)計
網(wǎng)友作品這個 404 頁面就是一個布滿空白像素點畫布,你可以根據(jù)自己喜好在上面隨意涂鴉。
圖: Reddit Place 界面這有點像今年愚人節(jié) Reddit 發(fā)起的一個活動全部視頻安卓手機支持瀏覽器,讓全球網(wǎng)友在一塊空白的巨大畫布著色??傆幸粡垊訄D能表達你的心情
每次打開都有不同的動圖,看著都疼。
同樣是不斷變換的動圖,風格更加多變。貨不對板的 「404 網(wǎng)頁」
這家網(wǎng)站叫「404 page found」,主要為了給那些已經(jīng)從服務(wù)器中刪檔的舊網(wǎng)頁存檔,讓用戶可以瀏覽那些消失在互聯(lián)網(wǎng)歷史的網(wǎ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)的公司的各種「404 頁面」騰訊、百度和網(wǎng)易的 「404 頁面」都是失蹤兒童信息,這些 404 頁面可以讓用戶在的 404 頁面中嵌入一段簡單的代碼,通過這個頁面?zhèn)鞑ナй檭和畔?,體現(xiàn)了一家企業(yè)對公益事業(yè)的態(tài)度。
淘寶的 404 頁面提醒著用戶,淘寶是姓馬的,馬云的馬。
京東用了自家的「京東狗」。
網(wǎng)易嚴選走了性冷淡風。
新浪和新浪微博放在一起,對待 404 頁面 ,感覺還是新浪微博的產(chǎn)品經(jīng)理更上心。
知乎的 404 頁面可以說很符合知乎的調(diào)性了。
A 站的 404 頁面有著濃烈的二次元風格,前段時間 A全部視頻安卓手機支持瀏覽器 站無法訪問的幾天相信很多人都看過略帶憂傷的 AC 娘。
論二次元,B 站家的 22 娘與 33 娘也毫不遜色,還在 404 頁面新增了漫畫小劇場。
騰訊視頻跟 IMDB 類似,用了不同電影中的電影臺詞,還配上了劇照。
優(yōu)酷則抖了個機靈。
愛奇藝順手給你推薦一個視頻。
一看就知道是外賣平臺的 「404 頁面」,這是餓了么的。
美團的風格則和 AB 站有點像。
大麥網(wǎng)的「404 頁面」大概很容易能觸到粉絲的淚點。
「404 頁面」是互聯(lián)網(wǎng)中的一個錯誤,被稱為「互聯(lián)網(wǎng)的最后一頁」它的存在除了提醒人們訪問的頁面不存在,也悄悄成為了各個企業(yè)品牌宣傳的廣告位雖然超文本結(jié)構(gòu)發(fā)明者 Robert Cailliau 認為對于全部視頻安卓手機支持瀏覽器「404 頁面」的創(chuàng)意毫無必要,但那些創(chuàng)意十足的「404 頁面」確實成了互聯(lián)網(wǎng)中有趣的一角。
對于產(chǎn)品經(jīng)理和設(shè)計師來說,「404 頁面」也是 UI 設(shè)計中不可忽略的一部分,Google 設(shè)計師 Sebastien Gabriel 曾表示:
設(shè)計錯誤提示 icon 是一件有意思的事情,你希望用戶最好永遠不要看到它們,而一旦他們看到了,你就要避免他們產(chǎn)生更多掃興的感覺至于該如何設(shè)計「404 頁面」,負責騰訊產(chǎn)品視覺和交互設(shè)計的 CDC 團隊認為體驗良好的 「404 頁面」應(yīng)該遵循以下幾個原則:。
提供簡明的問題描述,用輕松的話語消除訪客的挫敗感,使得訪客轉(zhuǎn)到某個地方而不是后退提供合理的解決方案,輔助訪客全部視頻安卓手機支持瀏覽器完成訪問目標提供個性化的友好界面,提升訪問體驗話雖如此,但愿你的互聯(lián)網(wǎng)歷程中不會遇到太多的 404。
搜索微信公眾號愛范兒(微信號:ifanr),后臺回復(fù)「404」,獲取文中提到的,以及更多有意思的「404 頁面」。
掃描下方二維碼關(guān)注微信號 AppSo,回復(fù)「197」,讓你優(yōu)雅地查出自己被哪個微信好友刪除了。
此刻,你的城市是否開始刮起冷風?人來人往的街頭,是否也抵擋不住冬季的寒意?這個冬天,我們?yōu)槟銣蕚淞瞬灰粯拥臏嘏?/p>