有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

吃豆人

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

街機遊戲《吃豆人》( Pacman) 。

皮克斯

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

《頭腦特工隊》中的「憂憂」

Airbnb

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

網頁找不到的心情,和冰淇淋球掉了有點像?

MiKandi

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

MiKandi 是世界上第一個 Android 成人應用商店,它的 404 頁面是一個金髮裸體女郎在說「自己的衣服不見了」。

給「404 not found 」加點特效

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

下一站,404

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

這個 404 頁面是個地鐵站臺,每隔一段時間就有一班地鐵靠站,畫面可以隨著鼠標移動,戴上耳機聽更有感覺。

讓鼠標動起來

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

404 頁面也是一個很好的用戶交互界面,這個頁面讓幽靈的眼睛跟著鼠標動。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

同樣是讓眼睛跟著鼠標動,這個頁面對密集恐懼症患者就很不友好。

由你來設計

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

(網友作品)

這個 404 頁面就是一個佈滿空白像素點畫布,你可以根據自己喜好在上面隨意塗鴉。

總有一張動圖能表達你的心情

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

每次打開都有不同的動圖,看著都疼。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

同樣是不斷變換的動圖,風格更加多變。

淘寶的 404 頁面提醒著用戶,淘寶是姓馬的,馬雲的馬。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

京東用了自家的「京東狗」。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

網易嚴選走了性冷淡風。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

新浪和新浪微博放在一起,對待 404 頁面 ,感覺還是新浪微博的產品經理更上心。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

知乎的 404 頁面可以說很符合知乎的調性了。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

A 站的 404 頁面有著濃烈的二次元風格,前段時間 A 站無法訪問的幾天相信很多人都看過略帶憂傷的 AC 娘。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

論二次元,B 站家的 22 娘與 33 娘也毫不遜色,還在 404 頁面新增了漫畫小劇場。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

騰訊視頻跟 IMDB 類似,用了不同電影中的電影臺詞,還配上了劇照。

優酷則抖了個機靈。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

愛奇藝順手給你推薦一個視頻。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

一看就知道是外賣平臺的 「404 頁面」,這是餓了麼的。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

美團的風格則和 AB 站有點像。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

大麥網的「404 頁面」大概很容易能觸到粉絲的淚點。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

「404 頁面」是互聯網中的一個錯誤,被稱為「互聯網的最後一頁」。它的存在除了提醒人們訪問的頁面不存在,也悄悄成為了各個企業品牌宣傳的廣告位。

雖然超文本結構發明者 Robert Cailliau 認為對於「404 頁面」的創意毫無必要,但那些創意十足的「404 頁面」確實成了互聯網中有趣的一角。

有趣的404頁面設計 你訪問的頁面不存在 卻有趣~

對於產品經理和設計師來說,「404 頁面」也是 UI 設計中不可忽略的一部分,Google 設計師 Sebastien Gabriel 曾表示:

設計錯誤提示 icon 是一件有意思的事情,你希望用戶最好永遠不要看到它們,而一旦他們看到了,你就要避免他們產生更多掃興的感覺。

至於該如何設計「404 頁面」,負責騰訊產品視覺和交互設計的 CDC 團隊認為體驗良好的 「404 頁面」應該遵循以下幾個原則:

  1. 提供簡明的問題描述,用輕鬆的話語消除訪客的挫敗感,使得訪客轉到某個地方而不是後退。

  2. 提供合理的解決方案,輔助訪客完成訪問目標。

  3. 提供個性化的友好界面,提升訪問體驗。

話雖如此,但願你的互聯網歷程中不會遇到太多的 404。


分享到:


相關文章: