當你試圖訪問一個不存在的網頁時，會彈出一個404頁面。如果你做了一個網站設計，那么你也你需要一個404頁面。傳統(tǒng)上，他們是一個巨大的挫折來源，但最好的404頁面被網站設計師變成了品牌的優(yōu)勢。

我們越來越多地看到定制的404頁面，這些頁面使用機智、聰明的用戶體驗或漂亮的設計來減輕發(fā)現(xiàn)自己在錯誤位置的痛苦。無論是一些深思熟慮的CSS動畫，還是一個很酷的視差滾動效果，或者只是一些比你的平均水平更聰明的拷貝，有很多方法可以活躍你的404錯誤頁面，正如這些例子所證明的。

最好的404頁面可以成為網站設計本身的迷你大使，它甚至可以在Twitter或相關博客上分享，作為該網站致力于客戶服務或獨特設計風格的一個例子。我們在這里展示的404錯誤頁面已經實現(xiàn)了所有這些功能，所以看看吧，希望對網站設計師的你受到啟發(fā)，跳出自己的思維定式，更大膽創(chuàng)意的完成你的網站設計項目。

下面分享8個網站設計404的案例：

01.潘通

這個網站設計致力于與潘通年度色彩有關的一切，它的一切都設計得很漂亮，包括它的404頁面。網站進入了一個令人印象深刻的數(shù)量的深度，與相關的色彩系統(tǒng)的部分，建議調色板，并在使用的陰影的例子。與此同時，404頁面采用了一種智能但簡單的方法。網站上有一條簡短的說明信息，還有一塊潘通（PANTONE）404色塊的樣本，這是一種非常合適的灰棕色，以配合用戶在網站上的心情。

02.上野

上野是一家提供全方位服務的機構，擁有非常出色的404頁面。你在上面所看到的并沒有抓住它的全部努力：熱狗是動畫的，所以它在一個超現(xiàn)實的風景中無限循環(huán)運行，并且有幾個搞笑的解釋信息要探索，它是瘋狂的和完全獨特的—訪問這里的錯誤頁面。

03.皮克斯

有些人就是把事情看得太重，皮克斯的404頁面以2015年大受歡迎的《頭腦特工隊》（Inside Out）中的悲傷為特色，它簡單、直接，而且很有效。如果它代表了你對404錯誤的反應，那么也許你需要重新審視一下你的生活。

04.維多利亞Spicer

維多利亞·斯派塞是倫敦的布景設計師和道具設計師，正如你所預料的那樣，她的作品集站點充滿了美麗的照片，她的404錯誤頁面也不例外。它展示了她頑皮的一面，同時還保持著東西看起來光彩照人。

05.Airbnb

這張來自Airbnb的404頁面上有一個簡單但令人愉快的動畫，一個不幸的女孩把冰淇淋掉在了地板上。Airbnb的聲譽建立在它的風度和友好上，這個404頁面完美地符合它的品牌形象。

06.樂高

在我們眼中，樂高不會做錯任何事（你讀過我們關于樂高如何將自己重塑為超級品牌的文章嗎？）我們喜歡這個可愛的404頁面，它用一些嚇人的樂高數(shù)字和一個無術語的解釋使事情變得簡單。

07.GitHub

你會期望從一個致力于代碼版本控制的網站上看到一些技術奇跡，當你移動鼠標的時候，404頁面通過一個簡單的模仿《星球大戰(zhàn)》的效果來吸引不同類型的極客。GitHub還有一個不錯的500頁，可以在服務器崩潰時使用。

08.暴雪娛樂公司

視頻游戲開發(fā)商暴雪對其404頁面采取了獨創(chuàng)的方式，在它，工作的網站設計似乎已經成為破碎：標題導航下降，有一個破碎的屏幕效果。沒有太多有用的鏈接，相反，暴雪選擇了一個嚴肅的錯誤信息：“這個頁面不存在或其他一些可怕的錯誤已經發(fā)生”。