來吧！讓你的404頁面更有愛

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

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

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

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

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

dribbble.com/404

?

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

?

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

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

www.facebook.com/404notfoundfortheurl

?

Lego 網站的 404 畫面做得相當活潑有趣

www.lego.com/404

?

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

www.pixiapps.com/404/

?

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

www.marketingvirtuel.fr/404notfound

?

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

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

?

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

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

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