網(wǎng)頁設計！說說404頁面該怎么設計？(2)

3. 通往主頁和網(wǎng)站地圖的鏈接。這個設計要素中可以包含與網(wǎng)站其他部分搭配的標題或腳注。

4. 其他簡化信息。建議刪去復雜的導航功能。如果用戶進入到錯誤頁面，你只需為其提供簡單幾個能夠?qū)蛘_位置的選項。如果選項過多，反而會讓用戶更加頭疼或者困惑。

5. 加入顯眼的操作提示。告訴用戶下一步如何操作。

讓404頁面具有用途

在考慮404頁面時，設計流程中的一個重要部分就是用途。加入能夠讓頁面既好看又有用的功能。

對于自定義404頁面中應當包含哪些信息，Google的網(wǎng)站管理員工具中提供了一系列很有用的建議。這些建議包括：

明確告知用戶其所尋找的頁面無法找到。語言應當友善、誘人。404錯誤頁面應當與網(wǎng)站其他部分的外觀和感覺相互匹配。考慮在其中添加通往熱門文章或帖子的鏈接。為用戶提供報告壞鏈接的渠道。讓網(wǎng)絡服務器在收到對丟失頁面的請求時返回實際的404 HTTP狀態(tài)代碼，以免其顯示在搜索結果中。使用Enhance 404工具在自定義404頁面中嵌入搜索框。使用Change of Address工具將網(wǎng)站的動作告知Google。

除了上述之外，還有一條給設計師們的提示：發(fā)揮創(chuàng)意。404頁面，只要技術允許，不一定是很無聊無趣的。

設計具有目的性的404頁面

在考慮404錯誤頁面的設計時，首先應思考其與網(wǎng)站其他部分直接的聯(lián)系。你網(wǎng)站整體設計的氛圍和基調(diào)是什么？404頁面如何才能與其搭配。

優(yōu)秀的錯誤頁面應當能夠與其所處的網(wǎng)站無縫銜接。如果你的網(wǎng)站采用了明快幽默的基調(diào)，則404頁面也應當如此。另外，在顏色和圖形使用上也應當與網(wǎng)站一致。但在設計過程中，一定要小心謹慎，不要把進入錯誤頁面的責任歸咎到用戶頭上。（這種情況發(fā)生的頻率絕對超出你的想象。）

錯誤頁面的設計應當是整體設計方案中的一個組成部分。

保持設計的一致性。使用與網(wǎng)站其他頁面相同的顏色、字體和圖形風格。保留品牌標識。使用相同的logo、標題和腳注處理方式能夠幫助用戶識別你的網(wǎng)站。保持視覺上的簡約。在錯誤頁面上，少就是多。不要讓用戶滾動鼠標。設計應該以一屏為限。不要使用太多噱頭。雖然與整體網(wǎng)站和品牌保持相同的基調(diào)和感覺是個好主意，但是過多的內(nèi)容反而會讓用戶忘記自己本來要找的東西。表示歉意。用戶進入錯誤頁面時你道個歉絕對沒問題。如果你的網(wǎng)站需要登陸，可以添加登陸功能。（錯誤是否因為用戶需要登陸而造成？）發(fā)揮創(chuàng)意，或者表現(xiàn)趣味。不要忘記先對頁面進行測試。保證所有用戶都能理解你的設計。如果你使用了“404錯誤”這句話，則應當再加一行文字告訴用戶其意思是什么，或者他們下一步應當如何操作。

12個優(yōu)秀范例

碰到一個優(yōu)秀的404錯誤頁面時的感覺是很特殊的。它能夠減緩錯誤鏈接所帶來的惱怒。下面的12個頁面一定能讓你流連忘返。

Deviant Art

科學上網(wǎng)。

Gig Masters