文章描述：前陣子做我們一淘優(yōu)惠商家同一的報(bào)錯(cuò)頁(yè)面， 整頓了一些有意思的404頁(yè)面（后簡(jiǎn)稱404），加之好近網(wǎng)友熱議的QQ空間公益404頁(yè)面，在這里一路拿出來跟大家分享一下。

​前陣子做我們一淘優(yōu)惠商家同一的報(bào)錯(cuò)頁(yè)面， 整頓了一些有意思的404頁(yè)面（后簡(jiǎn)稱404），加之好近網(wǎng)友熱議的QQ空間公益404頁(yè)面，在這里一路拿出來跟大家分享一下。

什么是404頁(yè)面？

404是HTTP其中一種的標(biāo)準(zhǔn)回應(yīng)信息，通俗的說，當(dāng)用戶瀏覽網(wǎng)頁(yè)時(shí)，服務(wù)器無法正常提供信息，例如用戶輸入了錯(cuò)誤鏈接；或者無法響應(yīng)并且找不到原因，這時(shí)候頁(yè)面會(huì)出現(xiàn)這個(gè)404頁(yè)面。404是一個(gè)信息碼，通常之后會(huì)有一個(gè)可讀信息反饋給用戶：Not Found。它意味著網(wǎng)頁(yè)不存在。

為什么叫404？

據(jù)說在第三次科技革命之前，互聯(lián)網(wǎng)的形態(tài)就是一個(gè)大型的中央數(shù)據(jù)庫(kù)，這個(gè)數(shù)據(jù)庫(kù)就設(shè)置在404房間里面。那時(shí)候所有的請(qǐng)求都是有人工手動(dòng)完成的，假如在數(shù)據(jù)庫(kù)中沒有找到請(qǐng)求者所需要的文件，或者因?yàn)檎?qǐng)求者寫錯(cuò)了文件編號(hào)，用戶就會(huì)得到一個(gè)返回信息：room 404 : file not found。后來互聯(lián)網(wǎng)興起后，人們也就習(xí)慣了用404作為服務(wù)器未找到文件的錯(cuò)誤代碼了。（via 百度百科）

為什么要設(shè)計(jì)404頁(yè)面？

盡管404頁(yè)面被用戶看到的概率相對(duì)全站的其他頁(yè)面要小許多，但頁(yè)面難免會(huì)出錯(cuò)，無論是用戶的誤操作照舊服務(wù)器的原因，這是一個(gè)極少數(shù)才會(huì)出現(xiàn)的錯(cuò)誤情況，作為網(wǎng)頁(yè)的設(shè)計(jì)者或者開發(fā)者，有時(shí)候我們無法控制錯(cuò)誤頁(yè)面的出現(xiàn)，但我們可以通過使用一個(gè)定制的404錯(cuò)誤頁(yè)面將損害降到好低。好的用戶體驗(yàn)是我們不能放過任何一個(gè)小的細(xì)節(jié)，一我們需要在這個(gè)頁(yè)面很好的把信息傳達(dá)給用戶，二指導(dǎo)用戶下一步的操作，指導(dǎo)用戶留在我們的網(wǎng)站而不是沮喪的關(guān)閉窗口。

他們都在404上做了什么？

下面我們先來看幾個(gè)直觀形象版的404頁(yè)面：

俄文網(wǎng)站，首屏偉大無比的404和傷心欲絕的小裸男，直觀的讓用戶感受到網(wǎng)頁(yè)出了問題。但對(duì)于不懂互聯(lián)網(wǎng)的用戶來說，不能曉暢404的含義，并且圖案下方相關(guān)詮釋文字特殊小，都是對(duì)用戶無用的信息，只簡(jiǎn)單的說明了可以返回到首頁(yè)。

報(bào)道點(diǎn)評(píng)新聞的網(wǎng)站Retardnews，簡(jiǎn)單“粗暴”的圖片展示。

搞笑版的404頁(yè)面：

美國(guó)動(dòng)畫片南方公園的網(wǎng)站，在404上依舊采用了無厘頭的風(fēng)格，Kyle和胖子Eric以對(duì)話的形式告知用戶頁(yè)面不存在，延續(xù)惡搞風(fēng)格。

Jotsai中讓人會(huì)心一笑的404小圖片，頁(yè)面沒有找到，布偶說因?yàn)槲野阉粤恕?/p>

Acorn Creative的英式詼諧。