免費參與·100+跨境活動 
免費下載·4000+跨境資料 
免費學習·2000+直播課程 
免費加入·15萬+賣家交流群 
2017-10-12 11:27
已收藏，可在
我的資料庫 中查看
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頁面更妙，直接將頁面錯誤歸結到訪問者身上，讓訪問者有種哭笑不得的感覺。
（編譯/雨果網 吳小華）
