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

文章转载自 开源中国社区[http://www.oschina.net]

超级有趣的七个 404 错误页面设计相关推荐

  1. 33个非常有创意的404错误页面设计

    在浏览网页的时候出现404错误是非常令人沮丧的,我敢肯定,随后的一两秒内如果没有什么吸引你的注意力的话,你会离开网站,再也不会回来.因此,很多网站都会去设计一个新颖的错误页面,以吸引用户继续浏览其它的 ...

  2. 错误的艺术！20个创意的404错误页面设计

    拥有创造性的404错误页面和你的网站上有好的内容一样重要.有时可能是你的访客无意间访问了错误页面,你需要引导用户回到主页.在这篇文章中,我们一起来看看20个国外的创意404错误页面,相信这些精心设计的 ...

  3. 那些值得借鉴的的国外创意404错误页面设计

    在网上冲浪的时候碰到404错误页面是非常令人沮丧的,随后的一两秒内如果没有什么吸引你的注意力的话,我敢肯定你会离开网站,再也不会回来.因此,很多网站都会设计一个新颖的错误页面,以吸引用户继续浏览其它的 ...

  4. 分享30个独特的 404 错误页面设计模板

    运营网站并不是一件容易的事情,站长需要紧盯网站的每一个页面,确保所有的页面都能正常工作.然而难免出现意外情况,如果网站出现页面链接打不开,网站管理员应该主动,创造性地告知访客,让他们再次重定向到该网站 ...

  5. 分享30个独特的 404 错误页面设计模板 - 梦想天空（山边小溪）

    原帖地址:http://www.cnblogs.com/lhb25/p/unique-and-creative-404-error-page-templates.html 运营网站并不是一件容易的事情 ...

  6. 界面交互推荐-25个闪亮创意的404错误页面设计-你从中发现了什么

    404错误页面是站长和用户都很不愿见到的页面,因为那意味着该网站不能访问.但404错误是没人能避免,如服务器出现问题,站内需要调整,收到攻击等,我们访问网站的时候,一旦遇到404提示,我们那时的感觉是 ...

  7. html简洁的错误页面设计,40个非常有创意的404错误页面设计

    如果你在国内的互联网中,没有遇到过404错误,那么你真的不是一个合格的网民,原因,你们应该都懂的,今天继续分享:40个非常有 1. Inspiredology 2.  Iconfinder 3.  S ...

  8. 15个创意示例教您如何自定义 404 错误页面

    在这篇文章中,你会看到一组充满创意的404错误页面设计.我希望这个集合能够启发和帮助你设计自己的 404 错误页面.一个自定义的404错误页面将鼓励用户在您的网站上停留更长的时间. 404页面必须让访 ...

  9. 经典网页设计：原来404错误页面可以这样设计

    404页面的目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用浏览网站的其他页面而不是关闭网页离开.自定义404错误页面是增强用户体验的很好的做法,花时间去设计一个创意的404错误页面是 ...

最新文章

  1. 【Java】 leetCode 删除链表中等于给定值 val 的所有节点。
  2. java young gc_java old GC和young GC
  3. html列表拖拽排序插件,可对列表自由拖拽排序的jQuery插件
  4. python判断字符串
  5. Python类的静态属性、类方法、静态方法
  6. FEKO V7.0安装教程
  7. 非负矩阵之Perron-Frobenius定理
  8. 远控免杀专题12--Green-Hat-Suite免杀
  9. 基于java(springboot+mybatis)网上音乐商城设计和实现以及论文报告
  10. 不重复的两两比较（洛谷P5728题题解，Java语言描述）
  11. Intel超线程技术 Hyper-Threading Technology (7) - 最早的一篇超线程论文介绍
  12. TensorFlow 资源大全中文版
  13. 乘法逆元---费马小定理扩展欧几里得
  14. arm64位的Centos7镜像安装JDK
  15. Android人脸识别的初步学习
  16. 找到了airdrop无法发现对方的原因了，原因你想不到！
  17. 【修真院PM小课堂】流程图
  18. MySQL8 免安装版安装
  19. mysql日期教程_Navicat for MySQL 设置日期时间栏位教程(图文)
  20. java的像素与dpi_对屏幕的理解---分辨率，dpi，ppi，屏幕尺寸，像素 等

热门文章

  1. 用MFC制作程序启动logo
  2. 程序员面试题精选100题(42)-旋转数组的最小元素[算法]
  3. Coursera课程Python for everyone：Quiz: Object Oriented Programming
  4. Fun Chat 饭聊手机软件
  5. 浅谈代码的执行效率（3）：缓存与局部性
  6. TLD（Tracking-Learning-Detection）学习与源码理解之（二）
  7. 最近的状态很不好，需要调整
  8. 微信公众平台开发（24） 自定义菜单功能开发
  9. FTP服务器的安装和配置
  10. myeclipse转maven项目