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

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

△您可能不熟悉此頁面

這個(gè)聲明沒有留下傳奇的“404錯(cuò)誤”的空間，并可能讓很多人失望。

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

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

。

國外篇

Facebook

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

Google

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

你最熟悉的人可能是這個(gè)手繪機(jī)器人。

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

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

吃豆人

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

皮克斯

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

IMDB

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

彭博社

彭博的404頁面是一個(gè)無意義的動(dòng)畫。 一個(gè)西裝男子用404屏幕拍攝一臺(tái)電腦，然后他把它砸在自己的地方......

Airbnb

無法找到頁面的心情，冰淇淋球有點(diǎn)像？

MiKandi

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

最憂郁的 404 頁面

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

這個(gè)大段落并不好玩，與“銀河指南”的語氣相似，這與機(jī)器人馬文的抑郁癥相似。

給「404 not found 」加點(diǎn)特效

下一站，404

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

讓鼠標(biāo)動(dòng)起來

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

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

由你來設(shè)計(jì)

△ 網(wǎng)友作品

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

△ 圖: Reddit Place 界面

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

總有一張動(dòng)圖能表達(dá)你的心情

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

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

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

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

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

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

國內(nèi)篇

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

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

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

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

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

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

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

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

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

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

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

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

優(yōu)酷則抖了個(gè)機(jī)靈。

Iqiyi隨手為你推薦一個(gè)視頻。

匆匆一看，我們知道這是外賣平臺(tái)的“404頁面”。 這是餓嗎？

美團(tuán)的風(fēng)格則和 AB 站有點(diǎn)像。

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

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

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

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

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

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

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

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

提供個(gè)性化和友好的界面以增強(qiáng)訪問體驗(yàn)。

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

網(wǎng)頁名稱：“404頁面”也是網(wǎng)站設(shè)計(jì)的一個(gè)不可忽略的部分
網(wǎng)站URL：http://www.muchs.cn/news47/80647.html

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

廣告

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