超級(jí)“腦洞”大開(kāi)的15個(gè)國(guó)外404錯(cuò)誤頁(yè)面設(shè)計(jì)

15個(gè)制作精美值得借鑒的404錯(cuò)誤頁(yè)面設(shè)計(jì)：

1、Pixar（皮克斯動(dòng)畫工作室）

當(dāng)你在Pixar的網(wǎng)站上迷失以后，會(huì)出現(xiàn)上圖這么一個(gè)404錯(cuò)誤頁(yè)面，頁(yè)面里藍(lán)色哭泣小人是Pixar著名動(dòng)畫《頭腦特工隊(duì)》里的主人公之一憂憂（Sadness），她似乎感受到了用戶的悲傷。憂憂旁邊還有一句俏皮話“不要傷心，你要找的頁(yè)面可能已經(jīng)丟失在‘長(zhǎng)期記憶’ 中了”。這里的長(zhǎng)期記憶呼應(yīng)了Pixar的另一部動(dòng)畫片《海底總動(dòng)員》里的主人公魚兒多莉，因?yàn)槎嗬蛑挥卸唐谟洃洝?

相信再沮喪的用戶看到了這么一個(gè)具有感染力，又貼心的畫面，也會(huì)被逗笑吧。

2、20th Century Fox（二十二世紀(jì)福斯）

二十世紀(jì)福斯影片公司是美國(guó)最主要的電影、電視節(jié)目發(fā)行和制作公司之一。該公司的亞洲電影頻道網(wǎng)站（Foxmovies ）的404錯(cuò)誤頁(yè)面讓人印象深刻。你是否認(rèn)出了上面的剪刀手愛(ài)德華，是否喚起了你對(duì)這部電影的回憶。

Foxmovies的404頁(yè)面可不只有剪刀手愛(ài)德華，該公司在404錯(cuò)誤頁(yè)面中編輯了一系列的短片，用戶如不幸進(jìn)入404頁(yè)面，短片會(huì)隨機(jī)播放，而且上面的文字會(huì)根據(jù)不同影片進(jìn)行更改，讓人感覺(jué)似乎進(jìn)入了一場(chǎng)別開(kāi)生面的經(jīng)典電影回憶之旅。

3、Dogstudio

設(shè)計(jì)公司Dogstudio的404頁(yè)面上有一個(gè)狗狗動(dòng)圖，似乎狗狗真的說(shuō)了“Ooh shit!”(表不滿)，將人們看到404錯(cuò)誤頁(yè)面時(shí)的不爽表現(xiàn)了出來(lái)。相信看到這么個(gè)錯(cuò)誤頁(yè)面，你的不滿會(huì)瞬間消失。

4、Marvel（漫威）

對(duì)于熱衷漫威影片的用戶來(lái)說(shuō)，即使進(jìn)入到網(wǎng)站的404頁(yè)面也是一種視覺(jué)上的享受，因?yàn)樵擁?yè)面上有著漫威的各個(gè)英雄，說(shuō)不定你最喜歡的英雄就在上面。

頁(yè)面上的文字也是相當(dāng)?shù)陌詺狻吧踔吝B觀察者Uatu（漫威英雄）都無(wú)法分辨你的請(qǐng)求，請(qǐng)?jiān)俅尾榭词欠褫斎胝_的網(wǎng)址”。對(duì)于漫威動(dòng)漫迷來(lái)說(shuō)，絕對(duì)是一個(gè)絕佳的互動(dòng)。

5、Woodstreet Inc

Woodstreet 公司的宗旨是制作最領(lǐng)先的圖標(biāo)、網(wǎng)站和多媒體設(shè)計(jì)。他們的404頁(yè)面也證明了他們的能力。

如上圖，Woodstreet 的404頁(yè)面中的“Ahoy”讓人似乎聽(tīng)到了海上人們的吶喊，漂浮的船只、隱現(xiàn)的鯊魚鰭，甚至還有幾臺(tái)辦公設(shè)備。讓原本焦躁的用戶慢慢平靜了下來(lái)，被Woodstreet 的設(shè)計(jì)吸引，愿意在其網(wǎng)站上進(jìn)行更深入的探索。

6、Daniel Karcher

Daniel Karcher是主持人和電影制片人。顯然，他為自己的電影設(shè)計(jì)工作室網(wǎng)站付出了很大的努力。

Daniel Karcher網(wǎng)站的404錯(cuò)誤頁(yè)面是聲音和動(dòng)圖的完美融合。當(dāng)你來(lái)回移動(dòng)鼠標(biāo)時(shí)，頁(yè)面上的圖像會(huì)隨著鼠標(biāo)的移動(dòng)變化，風(fēng)格詼諧幽默，讓人瞬間心情愉悅了不少。

7、A-fotografy

攝影師Armand的404錯(cuò)誤頁(yè)面，交織著個(gè)性、情感和藝術(shù)。

一個(gè)傷心的孩子的照片表達(dá)了網(wǎng)站對(duì)用戶不滿的理解，讓用戶愿意忽略網(wǎng)站的不足繼續(xù)瀏覽下去。同時(shí)，頁(yè)面中又為用戶提供了其他訪問(wèn)選項(xiàng)，給予用戶多種選擇。

8、HubSpot

HubSpot的404頁(yè)面設(shè)計(jì)了一個(gè)破碎的紅心，旁邊附上了一句話 “有時(shí)，即使是我們心愛(ài)的東西也會(huì)破碎，”讓人覺(jué)得確實(shí)世上并非所有事情都能順心，引發(fā)用戶的體諒心。

此外，HubSpot還為用戶提供了幾個(gè)建議訪問(wèn)網(wǎng)點(diǎn)，多樣的選擇，可能會(huì)有不一樣的發(fā)現(xiàn)。

9、Batman 3D

Batman 3D是德國(guó)3D電影網(wǎng)站，該網(wǎng)站的404錯(cuò)誤頁(yè)面氣氛相當(dāng)詭異。

當(dāng)你進(jìn)入該頁(yè)面，只要移動(dòng)鼠標(biāo)，蝙蝠俠手中的手電筒就會(huì)隨之移動(dòng)，光打在畫面中的墻上，會(huì)慢慢看到一個(gè)猙獰地笑著的小丑。Batman 3D非常成功的迎合了該公司的主調(diào)，讓人印象深刻。

10、Hakim El Hattab

Hakim El Hattab是瑞典的一位前端開(kāi)發(fā)人員，他設(shè)計(jì)的這個(gè)404頁(yè)面，會(huì)讓你不寒而栗，只想趕緊離開(kāi)。因?yàn)楫?dāng)你移動(dòng)鼠標(biāo)時(shí)，頁(yè)面中的眼球會(huì)跟著你動(dòng)，似乎在提醒你快離開(kāi)這也頁(yè)面，進(jìn)入下方文字引導(dǎo)頁(yè)。

11、Disney（迪士尼）

米老鼠是世界上最知名的卡通人物之一，幾乎迪士尼網(wǎng)站的所有頁(yè)面都有米老鼠，包括迪士尼的404錯(cuò)誤頁(yè)面。

404頁(yè)面中的米老鼠一臉驚訝像極了沒(méi)能看到預(yù)想內(nèi)容的用戶表情。讓人感覺(jué)原來(lái)米老鼠也在期待著什么，卻跟大家一樣落空了。

12、Play-Doh（培樂(lè)多）

不幸進(jìn)入Play-doh的404頁(yè)面，你會(huì)看到一只瞪大了眼睛的的松鼠，似乎在提醒用戶“你來(lái)錯(cuò)地方了?！?

除此之外，Play-doh還在404頁(yè)面中為迷失用戶提供了其他站點(diǎn)和其購(gòu)物頁(yè)面的跳轉(zhuǎn)鏈接，非常直接地鼓勵(lì)用戶消費(fèi)。

13、Amazon（亞馬遜）

進(jìn)入亞馬遜404頁(yè)面，迎面而來(lái)的是一只名叫Soju的小狗，根據(jù)它的指引，你就能跳轉(zhuǎn)到亞馬遜主頁(yè)。有這么可愛(ài)的狗狗做指引，應(yīng)該什么不滿都消除了吧。

14、Dave Barton

Dave Barton個(gè)人網(wǎng)站的404頁(yè)面看起來(lái)像極了約會(huì)廣告，并且對(duì)象應(yīng)該是網(wǎng)站主人愛(ài)慕已久的——HTML。非常幽默，畢竟出現(xiàn) 404錯(cuò)誤，就是因?yàn)镠TML失效引起的。

15、Blizzard Entertainment（暴雪娛樂(lè)公司）

Blizzard Entertainment，美國(guó)的游戲開(kāi)發(fā)商和發(fā)行商。該公司的404頁(yè)面更妙，直接將頁(yè)面錯(cuò)誤歸結(jié)到訪問(wèn)者身上，讓訪問(wèn)者有種哭笑不得的感覺(jué)。

（編譯/雨果網(wǎng) 吳小華）