超级有趣的七个404错误页面设计

摘要

曾几何时,当你输入错误链接时,很多网站都会显示幽默的图片或短语来提醒你该网页不存在,但这样的日子已经一去不复返了。在一个新的互联网时代,GIF 就是新的文字,而视频就是新的图片,在这种情况下,打油诗和段子根本无法从浩如烟海的 404 页面中脱颖而出。

1465022050-8666-20160604111240992-979134731

英文原文:7 of the Internet’s best animated 404 pages

曾几何时,当你输入错误链接时,很多网站都会显示幽默的图片或短语来提醒你该网页不存在,但这样的日子已经一去不复返了。在一个新的互联网时代,GIF 就是新的文字,而视频就是新的图片,在这种情况下,打油诗和段子根本无法从浩如烟海的 404 页面中脱颖而出。不过 TC 吃惊地发现,大部分网站仍然没有将 GIF 或者动图这种重要的互联网表现形式充分利用起来。为了激发各位网页设计师的灵感,TC 从网上找到了七个最有意思的动态 404 错误页面,下面就与大家一起分享。

Giphy

1465022051-8360-20160604111254446-324441484

自从我们通过 Giphy 来给文章寻找所有的 GIF 动图以后,我们就认为让 Giphy 网站成为我们畅游互联网世界的第一步,完全是明智之举。

但老实说,我们一开始对 Giphy 的表现很失望,后来才发现 Giphy 不断显示不同的 404 错误页面,而且每一个都会带给人不同的炫酷体验。所以,尽管 Giphy 的几个 404 错误页面被赋予一点儿动态的元素,但我们还希望 Giphy 能向我们呈现更多以 404 错误页面为主题的动图狂想曲。Giphy,开始你的游戏吧!

Bitly

1465022051-2147-20160604111244399-1615312203

我们认为 Bitly 可能已经看到其 404 错误页面有大量的访问量,因为该公司始终专注于为内容提供短小的链接,虽然这种做法有时让人摸不着头脑。尽管我们不确定 Bitly 的 404 错误页面究竟发生了什么,但至少这种设计是很可的。作为一种福利,当你点击鼠标时,会出现一些波浪。

Marvel App

1465022052-3170-20160604111246039-1240570171

Marvel 的 404 错误页面同样很有趣,看上去就像机器人与自动售货机的混合体。值得一提的是,Marvel 是一家原型软件开发商,而不是那家知名的漫画书出版商。

彭博社

1465022053-9612-20160604111254586-160588472

大家一定要挺住,因为 彭博社网站 的 404 错误页面动图太雷人了。页面加载时,一开始出现的是常见的 404 错误页面动画,接着 404 慢慢变小,出现了一个 CRT 显示器和机箱,电脑旁边的人很快把整个电脑砸毁,接着这个人自己也被桌子切成两半。我们想要说的是,我们的确不清楚这个动图想要传达什么意思,尽管如此,还是挺有意思的。

Airbnb

1465022051-5269-20160604111251133-375651122

Airbnb 的 404 错误页面动图一开始看上去也很正常,但后来女孩手里拿着的冰淇淋蛋卷突然掉到了地上。这个动图的设计倒也没什么突破性,只是由于它是动图,所以才登上了我们的名单。

GitHub

1465022060-2597-20160604111248336-145256230

GitHub 以“星球大战”为主题的 404 错误页面相当酷,尤其是它会对你的鼠标活动作出回应。3D 元素同样是点睛之笔。

Uber

1465022062-4847-20160604111248446-477551066

最后是 Uber!当我看到这个打车应用巨头的网站上也有快乐元素时,还是非常惊讶的。在页面载入时,车库门突然打开,里面许多东西露了出来——你去年在 Uber 车上丢失的那台 iPhone 可能就在其中。

翻译:皓岳

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: