404錯誤頁面應該包含哪些元素？
不同品牌，可以適用不同的404錯誤頁面元素。基本上，我建議包括以下7種內容：
錯誤信息
你需要讓用戶在第一時間知道無法找到他們正在訪問的這個頁面。
品牌Logo
承認自己的錯誤，即便有時候這個錯誤并不是你導致的。值得注意的是，最好在404錯誤頁面的核心位置確保用戶能看到你的品牌Logo。
品牌定位
同時，確保404錯誤頁面和你的品牌定位相匹配。
一絲安慰
一絲安慰，雖然并不算什么，但在404錯誤頁面這種情況下，總是會受到用戶青睞的。只不過，你不能太夸張。
鏈接至相關內容
在404錯誤頁面上，你可以添加3至4個可能會讓用戶感興趣的鏈接。無論如何也不要選擇讓用戶直接走掉，即便是在404錯誤頁面上。
行為召喚
還記得前文說過，要把404錯誤頁面當作著陸頁來設計吧。所以，不妨加入一些著陸頁設計邏輯：在頁面添加一些“下載”、“注冊”甚至“搜索框”等元素，讓用戶在遭受“挫折”同時可以有更好的選擇。
簡而不減
誰都不愿意打開404錯誤頁面，卻像點開了一部在線小說的感覺。此外，404錯誤頁面也不應該像百度搜索的結果頁面。你根本不需要那么多的文字。
7種炫酷十足的404錯誤頁面設計
許多品牌404錯誤頁面的設計風格，都是中規中矩的，而且大多數沒有一點創意。我們肯定希望能看到哪怕有一絲不同的錯誤頁面。以下，我總結了大概7種受用戶青睞的404錯誤頁面設計。
高概念、具有視覺沖擊的404錯誤頁面：Huemor
總部在紐約的網站設計公司Huemor的404錯誤頁面，背景是一張帶有上個世紀50年代科幻大片的圖片。背景圖上的火箭人正在全力沖向外太空。
“啊！看起來好像已經到達了宇宙的盡頭。趕緊回來吧，勇敢的探索者！”
播放視頻內容的404錯誤頁面：Nectafy
專注內容運營的網站Nectafy的404錯誤頁面就非常有趣。當你進入404錯誤頁面后，這個網站會通過一段文字提示告訴你錯誤信息，同時向你推薦了一個視頻。
這個視頻是一個原創的MV短片。通過改寫U2樂隊的一首歌，填入新的歌詞，而歌詞大意基本上就是告訴你，你現在打開了錯誤頁面，不要難過，你可以通過這個404頁面上的搜索框和其它鏈接跳轉查找你感興趣的內容。
這種404錯誤頁面非常有創意，而且這個想出這個創意的人把他的家人都請來演這部MV，自彈自唱這首原創歌曲。
讓人思考的404錯誤頁面：Medium
著名的在線寫作閱讀平臺Medium的404錯誤頁面設計非常簡約，進入這個頁面就有一個碩大的黑體“404”字樣映入眼簾。除了這個主要信息外，還有一個顯眼的搜索框，3篇關于頁面錯誤的文章鏈接。這種設計也非常有想法！
設計可愛的404錯誤頁面：Github
軟件項目托管平臺Github的404錯誤頁面就非常有意思，加入了動畫元素，設計非常可愛。同時，當你用鼠標將箭頭放置在卡通人物上方時，還能看到一種視差效果。此外，Github的500錯誤頁面也值得一看！
交互型404錯誤頁面：Canva
在線平面設計軟件Canva就利用其設計方面的優勢，向用戶展示了一個基于交互的404錯誤頁面。除了一句錯誤信息提示和一個跳轉至主頁的鏈接，剩下的只有一副打亂的拼圖。找不到你想跳轉的頁面，不妨花一點時間玩一下拼圖游戲也行。
技術宅型404錯誤頁面：Klaus
網頁開發服務商Klaus的404錯誤頁面，完全是404錯誤頁面中的“另類”。你在頁面中基本上找不到404錯誤頁面的基本元素——沒有品牌Logo，沒有行為召喚按鈕，甚至都沒有退出這個頁面的按鈕。
你好似也明白他們在傳達出的信息：基本元素規則都是留給笨蛋的。
Klaus公司的404錯誤頁面非常有趣。整個界面風格是Commodore
64（Commodore公司1982年推出的電腦型號）的載入界面。界面內容正在加載一個程序，而這個程序正在搜索你想跳轉的鏈接。在完成搜索沒有匹配結果后，頁面就列出了磁盤目錄，并找到兩個文件名分別為FOO和BAR的文件。明白了嗎？
GIF動畫的404錯誤頁面：Kickpush
Gif動畫再簡單不過了，你可能之前都看到過這個動畫。總部位于倫敦的產品設計工作室Kickpush在其404錯誤頁面上也很好地結合了自己的優勢。
簡簡單單的幾個字，讓你第一時間知道了錯誤信息。同時，背景還有一個非常有名的Gif動畫——經典黑色幽默犯罪電影《低俗小說》其中的主角文森特·維嘉（Vincent Vega）迷路的Gif動畫。老實說，這個Gif動畫真的非常應景。
