“404頁面”也是網(wǎng)站設(shè)計的一個不可忽略的部分

2019-10-14    分類: 網(wǎng)站設(shè)計

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

△您可能不熟悉此頁面

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

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

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

。

國外篇

Facebook

它看起來像Facebook的404頁面似乎沒有很多關(guān)注。 這種設(shè)計來自它自己的“喜歡”圖標(biāo)。

Google

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

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

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

此頁面由Google設(shè)計師Sebastien Gabriel設(shè)計。 Google Chrome中經(jīng)典的404頁面圖標(biāo)來自他的手中。

吃豆人

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

皮克斯

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

IMDB

電影評論網(wǎng)站IMDB在其自己的404頁面上使用來自不同電影的經(jīng)典線條。

彭博社

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

Airbnb

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

MiKandi


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

最憂郁的 404 頁面

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

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

給「404 not found 」加點特效

下一站,404

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

讓鼠標(biāo)動起來

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

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

由你來設(shè)計

△ 網(wǎng)友作品

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

△ 圖: Reddit Place 界面

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

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

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


同樣是不斷變換的地圖,風(fēng)格更加多樣。

貨不對板的 「404 網(wǎng)頁」

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

△ 一個麥當(dāng)勞最想屏蔽的網(wǎng)站

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

國內(nèi)篇

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

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

我們來看看國內(nèi)互聯(lián)網(wǎng)公司的各種“404頁”。

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

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

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

網(wǎng)易嚴(yán)選走了性冷淡風(fēng)。

新浪微博和新浪微博整理并處理了404頁。 感覺新浪微博的產(chǎn)品經(jīng)理更加專注。

了解404頁面可以說與曲調(diào)一致。

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

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

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

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

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

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

美團的風(fēng)格則和 AB 站有點像。

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

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

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

對于產(chǎn)品經(jīng)理和設(shè)計師來說,“404頁面”也是UI設(shè)計的一個不可忽略的部分。 Google設(shè)計師Sebastien Gabriel曾經(jīng)說過:

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

至于如何設(shè)計“404頁”,負責(zé)騰訊產(chǎn)品視覺和交互設(shè)計的疾控中心團隊認為,具有良好體驗的“404頁”應(yīng)遵循以下原則:

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

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

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

話雖如此,我希望你在互聯(lián)網(wǎng)的歷史中不會遇到太多的404s。

當(dāng)前題目:“404頁面”也是網(wǎng)站設(shè)計的一個不可忽略的部分
URL地址:http://www.bm7419.com/news/80647.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運營