超級「腦洞」大開的15個國外404錯誤頁面設計

圖片來源/ 123rf.com.cn

15個製作精美值得借鑒的404錯誤頁面設計：

1、Pixar（皮克斯動畫工作室）

當你在Pixar的網站上迷失以後，會出現上圖這麼一個404錯誤頁面，頁面里藍色哭泣小人是Pixar著名動畫《頭腦特工隊》里的主人公之一憂憂（Sadness），她似乎感受到了用戶的悲傷。憂憂旁邊還有一句俏皮話「不要傷心，你要找的頁面可能已經丟失在『長期記憶』 中了」。這裡的長期記憶呼應了Pixar的另一部動畫片《海底總動員》里的主人公魚兒多莉，因為多莉只有短期記憶。

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

2、20th Century Fox（二十二世紀福斯）

二十世紀福斯影片公司是美國最主要的電影、電視節目發行和製作公司之一。該公司的亞洲電影頻道網站（Foxmovies ）的404錯誤頁面讓人印象深刻。你是否認出了上面的剪刀手愛德華，是否喚起了你對這部電影的回憶。

Foxmovies的404頁面可不只有剪刀手愛德華，該公司在404錯誤頁面中編輯了一系列的短片，用戶如不幸進入404頁面，短片會隨機播放，而且上面的文字會根據不同影片進行更改，讓人感覺似乎進入了一場別開生面的經典電影回憶之旅。

3、Dogstudio

設計公司Dogstudio的404頁面上有一個狗狗動圖，似乎狗狗真的說了「Ooh shit!」(表不滿)，將人們看到404錯誤頁面時的不爽表現了出來。相信看到這麼個錯誤頁面，你的不滿會瞬間消失。

4、Marvel（漫威）

對於熱衷漫威影片的用戶來說，即使進入到網站的404頁面也是一種視覺上的享受，因為該頁面上有著漫威的各個英雄，說不定你最喜歡的英雄就在上面。

頁面上的文字也是相當的霸氣——「甚至連觀察者Uatu（漫威英雄）都無法分辨你的請求，請再次查看是否輸入正確的網址」。對於漫威動漫迷來說，絕對是一個絕佳的互動。

5、Woodstreet Inc

Woodstreet 公司的宗旨是製作最領先的圖標、網站和多媒體設計。他們的404頁面也證明了他們的能力。

如上圖，Woodstreet 的404頁面中的「Ahoy」讓人似乎聽到了海上人們的吶喊，漂浮的船隻、隱現的鯊魚鰭，甚至還有幾台辦公設備。讓原本焦躁的用戶慢慢平靜了下來，被Woodstreet 的設計吸引，願意在其網站上進行更深入的探索。

6、Daniel Karcher

Daniel Karcher是主持人和電影製片人。顯然，他為自己的電影設計工作室網站付出了很大的努力。

Daniel Karcher網站的404錯誤頁面是聲音和動圖的完美融合。當你來回移動滑鼠時，頁面上的圖像會隨著滑鼠的移動變化，風格詼諧幽默，讓人瞬間心情愉悅了不少。

7、A-fotografy

攝影師Armand的404錯誤頁面，交織著個性、情感和藝術。

一個傷心的孩子的照片表達了網站對用戶不滿的理解，讓用戶願意忽略網站的不足繼續瀏覽下去。同時，頁面中又為用戶提供了其他訪問選項，給予用戶多種選擇。

8、HubSpot

HubSpot的404頁面設計了一個破碎的紅心，旁邊附上了一句話 「有時，即使是我們心愛的東西也會破碎，」讓人覺得確實世上並非所有事情都能順心，引發用戶的體諒心。

此外，HubSpot還為用戶提供了幾個建議訪問網點，多樣的選擇，可能會有不一樣的發現。

9、Batman 3D

Batman 3D是德國3D電影網站，該網站的404錯誤頁面氣氛相當詭異。

當你進入該頁面，只要移動滑鼠，蝙蝠俠手中的手電筒就會隨之移動，光打在畫面中的牆上，會慢慢看到一個猙獰地笑著的小丑。Batman 3D非常成功的迎合了該公司的主調，讓人印象深刻。

10、Hakim El Hattab

Hakim El Hattab是瑞典的一位前端開發人員，他設計的這個404頁面，會讓你不寒而慄，只想趕緊離開。因為當你移動滑鼠時，頁面中的眼球會跟著你動，似乎在提醒你快離開這也頁面，進入下方文字引導頁。

11、Disney（迪士尼）

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

404頁面中的米老鼠一臉驚訝像極了沒能看到預想內容的用戶表情。讓人感覺原來米老鼠也在期待著什麼，卻跟大家一樣落空了。

12、Play-Doh（培樂多）

不幸進入Play-doh的404頁面，你會看到一隻瞪大了眼睛的的松鼠，似乎在提醒用戶「你來錯地方了。」

除此之外，Play-doh還在404頁面中為迷失用戶提供了其他站點和其購物頁面的跳轉鏈接，非常直接地鼓勵用戶消費。

13、Amazon（亞馬遜）

進入亞馬遜404頁面，迎面而來的是一隻名叫Soju的小狗，根據它的指引，你就能跳轉到亞馬遜主頁。有這麼可愛的狗狗做指引，應該什麼不滿都消除了吧。

14、Dave Barton

Dave Barton個人網站的404頁面看起來像極了約會廣告，並且對象應該是網站主人愛慕已久的——HTML。非常幽默，畢竟出現 404錯誤，就是因為HTML失效引起的。

15、Blizzard Entertainment（暴雪娛樂公司）

Blizzard Entertainment，美國的遊戲開發商和發行商。該公司的404頁面更妙，直接將頁面錯誤歸結到訪問者身上，讓訪問者有種哭笑不得的感覺。（編譯/雨果網 吳小華）

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！