當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

網(wǎng)頁設(shè)計!說說404頁面該怎么設(shè)計?

來源:designshack 作者:蔣燦 學(xué)習(xí):4110人次

沒人會想到網(wǎng)站訪客會在錯誤頁面上停留,但實(shí)際上這種情況確實(shí)存在。特別是在404錯誤頁面上,訪客會經(jīng)常逗留。所以,你可以將404錯誤頁面設(shè)計的更加吸引用戶,而不應(yīng)讓用戶迫不及待離開。

什么樣的404錯誤頁面算好?自然要讓人印象深刻,不能看見就煩。同時,其設(shè)計過程也可以充滿樂趣。那么,你應(yīng)該怎么做才能為自己的網(wǎng)站設(shè)計出優(yōu)秀的404頁面呢?下面是一些小建議和技巧,以及一些不錯的范例。

什么是404錯誤頁面?

網(wǎng)頁設(shè)計!說說404頁面該怎么設(shè)計?

當(dāng)網(wǎng)站訪客進(jìn)入到不存在的頁面時,就會顯示404錯誤頁面。其原因有可能是頁面被移除、服務(wù)器或網(wǎng)絡(luò)連接失敗、用戶點(diǎn)擊了壞鏈接或輸入了錯誤的URL。

通常來說,404錯誤頁面會顯示下列信息之一:

404 Not FoundHTTP 404 Not Found404 ErrorThe page cannot be foundThe requested URL was not found on this server

在對404頁面進(jìn)行整體設(shè)計時,有兩個選擇:普通的404頁面或自定義404頁面。普通的頁面只是簡單的甩出上面的信息,不涉及設(shè)計內(nèi)容。而自定義頁面則需要你進(jìn)行設(shè)計并提供選項(xiàng)。

一個優(yōu)秀的404錯誤頁面應(yīng)當(dāng)在用戶不慎進(jìn)入時告訴他們應(yīng)當(dāng)如何進(jìn)行接下來的操作。其中應(yīng)當(dāng)提供有用的信息來幫助訪客不離開你的網(wǎng)站并進(jìn)而找到自己所需要的信息。(如果頁面本身設(shè)計精美就更好了。)

基本必備信息

網(wǎng)頁設(shè)計!說說404頁面該怎么設(shè)計?

為了保證充分有效,404錯誤頁面從本質(zhì)上說應(yīng)當(dāng)簡單一些。它應(yīng)當(dāng)說明用戶遇到了錯誤(顯而易見),以及可以采取哪些辦法離開此頁面。

而大堆的技術(shù)術(shù)語是不應(yīng)當(dāng)出現(xiàn)在404頁面上的。(否則豈不會嚇跑用戶。)實(shí)際上,連“404錯誤”這個大標(biāo)題都不應(yīng)該出現(xiàn)在頁面上,因?yàn)楹芏嘤脩敉耆恢肋@玩意是什么意思。你應(yīng)當(dāng)做的是展示更有意義的信息,例如“沒有找到頁面”。

另外還有一些重要信息是404頁面所必不可少的。總而言之,設(shè)計的關(guān)鍵是讓用戶在頁面出錯時繼續(xù)點(diǎn)擊瀏覽,而不是關(guān)閉頁面。

1. 顯眼的標(biāo)題或文字向用戶說明出現(xiàn)當(dāng)前頁面的原因?吹阶约捍蜷_的網(wǎng)頁和預(yù)期的不是一回事是很惱人的。一定要讓用戶知道他們打開的頁面不正確,但所登陸的網(wǎng)站是沒問題的。

2. 搜索。在404錯誤頁面上提供與網(wǎng)站其他部分相同(且位置一致)的搜索功能。這樣一來用戶就能自己查找要訪問的頁面。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!