首頁?>?知識?資訊?>?“404頁面”也是網站設計的一個不可忽略的部分?>?正文

“404頁面”也是網站設計的一個不可忽略的部分

2018/3/13 0:00:00 · 稿源:傳誠信

「 404 錯誤」就是程序員為了讓用戶在網絡連接錯誤時,可以知道自己錯在哪而設置的。我推薦一些有意思的404頁面。

△您可能不熟悉此頁面

這個聲明沒有留下傳奇的“404錯誤”的空間,并可能讓很多人失望。

然而,自從互聯網誕生以來,設計師們在404頁面上花費了大量時間,使您不會因錯誤的訪問而感到失望。 404頁的變化也是互聯網互動發(fā)展的一個側面。

Fanfan下面(微信號:ifanr)帶您看到有趣的404頁中國和外國網站。

。

國外篇

Facebook

它看起來像Facebook的404頁面似乎沒有很多關注。 這種設計來自它自己的“喜歡”圖標。

Google

Google針對不同節(jié)日的標志設計一直很棒,其404頁面也不例外。

你最熟悉的人可能是這個手繪機器人。

但更有趣的是Google Chrome的404頁面,這是一款控制恐龍以避開障礙的小游戲。

此頁面由Google設計師Sebastien Gabriel設計。 Google Chrome中經典的404頁面圖標來自他的手中。

吃豆人

同樣的404頁被制作成小游戲。 該公司選擇了經典的街機游戲Pacman。

皮克斯

皮克斯的404頁面使用“特務團隊”中的“擔心”在屏幕上哭泣,并附有“Awww ... Do not Cry”字樣。

IMDB

電影評論網站IMDB在其自己的404頁面上使用來自不同電影的經典線條。

彭博社

彭博的404頁面是一個無意義的動畫。 一個西裝男子用404屏幕拍攝一臺電腦,然后他把它砸在自己的地方......

Airbnb

無法找到頁面的心情,冰淇淋球有點像?

MiKandi

MiKandi是全球首個Android成人應用商店。 它的404頁面是一個金發(fā)裸女,她說:“我們的衣服已經不在了”。

最憂郁的 404 頁面

這是伊利諾伊州Champaign計算機協會網站的404頁面,其中一段文字將會一個接一個地寫,告訴你,它無法找到該頁面,甚至“爬到垃圾箱并 分解自己?!?/p>

這個大段落并不好玩,與“銀河指南”的語氣相似,這與機器人馬文的抑郁癥相似。

給「404 not found 」加點特效

下一站,404

這個404頁面是地鐵站。 偶爾有一次,有一個地鐵站。 可以用鼠標移動圖片并戴上耳機聽更多。

讓鼠標動起來

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

它也是讓眼睛跟著鼠標一樣,這個頁面對于有著強烈恐懼的人來說是非常不友善的。

由你來設計

△ 網友作品

這個404頁面是一個充滿空白像素的畫布,你可以隨意涂鴉。

△ 圖: Reddit Place 界面

這有點像今年的愚人節(jié)Reddit推出的一個活動,讓世界各地的網友為空白畫布著色。

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

每次你有不同的電影,看著它都很痛苦。

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

貨不對板的 「404 網頁」

這個網站被稱為“找到404頁面”,主要用于歸檔已從服務器中刪除的舊網頁,允許用戶瀏覽從互聯網歷史中消失的網頁。

△ 一個麥當勞最想屏蔽的網站

在這里你可以找到從1993年到2009年不同網站的歷史版本。它是一個小型的互聯網歷史博物館。

國內篇

在中國,“404”是一種奇特的產品。 在中國互聯網的背景下,“404錯誤”具有更多的含義。 它們可能是網頁不存在,內容可能不符合法律和法規(guī),或者發(fā)布者可能自愿刪除內容。 正如Wired雜志的文章所述:

「 404 錯誤」提醒著人們,網絡技術,由人類創(chuàng)造,受人類控制,并非完全可靠。

我們來看看國內互聯網公司的各種“404頁”。

騰訊,百度和網易的“404頁”都缺少兒童信息。 這404頁面允許用戶在404頁面中嵌入一個簡單的代碼。 通過此頁面顯示失蹤兒童的信息,反映公司對公益的態(tài)度。。

淘寶的404頁面提醒用戶,淘寶是一匹名叫馬的馬。

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

網易嚴選走了性冷淡風。

新浪微博和新浪微博整理并處理了404頁。 感覺新浪微博的產品經理更加專注。

了解404頁面可以說與曲調一致。

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

關于第二個因素,B站的22位女孩和33位女孩不遜色,并且在404頁增加了漫畫劇場。

騰訊的視頻與IMDB類似。 它使用來自不同電影的電影線,并仍然有照片。

優(yōu)酷則抖了個機靈。

Iqiyi隨手為你推薦一個視頻。

匆匆一看,我們知道這是外賣平臺的“404頁面”。 這是餓嗎?

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

大麥網的“404頁”可能很容易觸及粉絲的眼淚。。

“404頁面”是Internet中的錯誤,被稱為“Internet的最后一頁”。 除了提醒人們所訪問的頁面不存在之外,它也悄然成為企業(yè)品牌推廣的廣告空間。

盡管超文本結構的發(fā)明者Robert Cailliau認為“404頁”的概念不是必需的,但那些具有創(chuàng)意的“404頁”確實已成為互聯網中一個有趣的部分。

對于產品經理和設計師來說,“404頁面”也是UI設計的一個不可忽略的部分。 Google設計師Sebastien Gabriel曾經說過:

設計錯誤提示圖標是一件有趣的事情,您希望用戶更好地永遠不要看到它們,一旦他們看到它,就必須避免讓他們感到更失望。

至于如何設計“404頁”,負責騰訊產品視覺和交互設計的疾控中心團隊認為,具有良好體驗的“404頁”應遵循以下原則:

提供一個簡潔的問題描述,并使用簡單的話語來消除訪客沮喪,并允許訪問者去一個地方而不是回來。

提供合理的解決方案來幫助訪問者完成訪問。

提供個性化和友好的界面以增強訪問體驗。

話雖如此,我希望你在互聯網的歷史中不會遇到太多的404s。

  • 相關推薦
  • 大家在看
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354