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

简介:

 ◆ 

导读


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



 ◆ 

Giphy


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

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


 ◆ 

Bitly


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


 ◆ 

Marvel App


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


 ◆ 

彭博社


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


 ◆ 

Airbnb


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


 ◆ 

GitHub


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


 ◆ 

Uber


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

原文发布时间为:2016-06-22

本文来自云栖社区合作伙伴“大数据文摘”,了解相关信息可以关注“BigDataDigest”微信公众号

相关文章
|
3月前
404错误页面简约清新源码 非常好看
404错误页面简约清新源码 非常好看,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
22 0
404错误页面简约清新源码 非常好看
|
6月前
小清新卡通人物404错误页面模板源码
小清新卡通人物404错误页面模板源码
47 5
小清新卡通人物404错误页面模板源码
|
6月前
|
前端开发
美观的404错误页面源码
美观的404错误页面源码
235 8
美观的404错误页面源码
|
6月前
小清新卡通人物404错误页面源码
小清新卡通人物404错误页面源码
43 0
小清新卡通人物404错误页面源码
|
6月前
|
前端开发 JavaScript
网页新功能提示案例
网页新功能提示案例
|
数据可视化 定位技术 UED
「联系我们」页面设计指南(内附案例)
「联系我们」页面就是用户联系你的重要渠道,是网站寻求优秀合作伙伴的途径
2167 0
「联系我们」页面设计指南(内附案例)
|
前端开发
前端工作总结142-阅读之后台管理登录样式
前端工作总结142-阅读之后台管理登录样式
133 0
前端工作总结142-阅读之后台管理登录样式
|
前端开发 Python
【Django | 开发】面试招聘信息网站(处理产品细节和权限&美化页面样式)
【Django | 开发】面试招聘信息网站(处理产品细节和权限&美化页面样式)
【Django | 开发】面试招聘信息网站(处理产品细节和权限&美化页面样式)
|
前端开发 JavaScript 数据安全/隐私保护
前端给网页添加明水印的解决办法
前端给网页添加明水印的解决办法
315 0
|
前端开发 JavaScript
33个非常有创意的404错误页面设计
  在浏览网页的时候出现404错误是非常令人沮丧的,我敢肯定,随后的一两秒内如果没有什么吸引你的注意力的话,你会离开网站,再也不会回来。因此,很多网站都会去设计一个新颖的错误页面,以吸引用户继续浏览其它的内容。
726 0
33个非常有创意的404错误页面设计