我們在網(wǎng)絡(luò)上瀏覽時，一般都是利用網(wǎng)址來找尋你需要的網(wǎng)頁。而每次當你輸入的網(wǎng)址錯誤、或是原本的網(wǎng)址更改了，就會出現(xiàn)「HTTP 404」找不到網(wǎng)頁的畫面。一般我們看到的畫面會是類似以下的狀況：

看起來很眼熟對吧？有時候光是看到這個畫面就會不經(jīng)想嘆嘆氣呢。由于 404 可以說是最常見的一種 HTTP 狀態(tài)代碼，因此許多網(wǎng)站都會特地為這個 404 的畫面做客制化，讓瀏覽者即使從錯誤的連結(jié)來訪你的網(wǎng)站，也不會有「連結(jié)是壞的，可能這個網(wǎng)站不存在了」或是「網(wǎng)站可能消失了，不再經(jīng)營了」的感覺而直接關(guān)閉網(wǎng)頁、無形中失去了原本可能來拜訪的瀏覽者。

一個詼諧有趣的 404 畫面不僅能讓瀏覽者降低迷失的挫敗感，要是夠有趣的話，還會讓人不禁會心一笑呢！讓我們來看看各大公司網(wǎng)站為我們這些可能迷路的旅人準備的小驚喜吧。

Google 的 404 網(wǎng)頁，相信有不少人看過了，簡單的手繪插畫讓人覺得輕松又可愛
www.google.com/404

Dribble 的 404 網(wǎng)頁，dribble 在籃球中是指運球的意思（Dribble 的 Logo 本身就是一顆洋紅色的籃球！），而在 dribble 上的 404 網(wǎng)頁就是一個 Air Ball 啰。

dribbble.com/404

?

GitHub 的 404 網(wǎng)頁相當精致，相信星戰(zhàn)迷一定對這個場景不陌生，記得點進去移動你的鼠標看看網(wǎng)頁的互動效果。
github.com/404

?

Dropbox 由于具有檔案分享的功能，所以它的 404 同樣一定也很多人看過：是個衍生自 Dropbox Logo 的視覺錯視立體方塊圖
www.dropbox.com/404

臉書 Facebook 雖然是世界網(wǎng)站流量排名第一的網(wǎng)站，但它的 404 其實不是這么常見，而自然臉書的 404 也是從按「贊」設(shè)計延伸出來的。

www.facebook.com/404notfoundfortheurl

?

Lego 網(wǎng)站的 404 畫面做得相當活潑有趣

www.lego.com/404

?

這是一個諧音梗，壞掉的連結(jié)有時候我們稱之為死亡的連結(jié) "Dead Link"，而 Link 又剛剛好是任天堂著名游戲的主角姓名...

www.pixiapps.com/404/

?

一樣是老游戲，紅白機上的小蜜蜂畫面搭配著 "Play again"，將瀏覽者帶回網(wǎng)站的主要頁面。

www.marketingvirtuel.fr/404notfound

?

老游戲的梗常常被拿出來惡搞：還記得到處都找不到正牌公主的瑪莉歐嗎？

彩色 Bar 跟藍色當機畫面讓大家可以回味以往的美好時光？

?

自定的 HTTP 404 雖然平常在網(wǎng)頁上看不到、很容易被設(shè)計師忽略，但如果你只是讓使用者看到那個瀏覽器預(yù)設(shè)的 404 畫面時，往往使用者會直接關(guān)閉網(wǎng)頁離開呢。相對的要是可以針對 404 頁面做適當?shù)脑O(shè)計，即使瀏覽者來錯了入口，也可以提升瀏覽者對你的好印象，進而順利引導瀏覽者回到你的網(wǎng)站中。也記得為你的客人們準備一些小小的驚喜吧！

?原文地址：http://dclick.fourdesire.com/2013/07/10/http-404-page?ref=home-1&type=title

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：15335158）分享實戰(zhàn)經(jīng)驗。
設(shè)計微博：擁有粉絲量40萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：