我们在网络上浏览时,一般都是利用网址来找寻你需要的网页。而每次当你输入的网址错误、或是原本的网址更改了,就会出现「HTTP 404」找不到网页的画面。一般我们看到的画面会是类似以下的状况:

看起来很眼熟对吧?有时候光是看到这个画面就会不经想叹叹气呢。由于 404 可以说是最常见的一种 HTTP 状态代码,因此许多网站都会特地为这个 404 的画面做客制化,让浏览者即使从错误的连结来访你的网站,也不会有「连结是坏的,可能这个网站不存在了」或是「网站可能消失了,不再经营了」的感觉而直接 关闭网页、无形中失去了原本可能来拜访的浏览者。

一个诙谐有趣的 404 画面不仅能让浏览者降低迷失的挫败感,要是够有趣的话,还会让人不禁会心一笑呢!让我们来看看各大公司网站为我们这些可能迷路的旅人准备的小惊喜吧。

Google 的 404 网页,相信有不少人看过了,简单的手绘插画让人觉得轻松又可爱

Dribble 的 404 网页,dribble 在篮球中是指运球的意思(Dribble 的 Logo 本身就是一颗洋红色的篮球!),而在 dribble 上的 404 网页就是一个 Air Ball 啰。

dribbble.com/404

GitHub 的 404 网页相当精致,相信星战迷一定对这个场景不陌生,记得点进去移动你的鼠标看看网页的互动效果。

github.com/404

Dropbox 由于具有档案分享的功能,所以它的 404 同样一定也很多人看过:是个衍生自 Dropbox Logo 的视觉错视立体方块图

www.dropbox.com/404

脸书 Facebook 虽然是世界网站流量排名第一的网站,但它的 404 其实不是这么常见,而自然脸书的 404 也是从按「赞」设计延伸出来的。

www.facebook.com/404notfoundfortheurl

Lego 网站的 404 画面做得相当活泼有趣

www.lego.com/404

这是一个谐音梗,坏掉的连结有时候我们称之为死亡的连结 “Dead Link”,而 Link 又刚刚好是任天堂著名游戏的主角姓名…

www.pixiapps.com/404/

一样是老游戏,红白机上的小蜜蜂画面搭配着 “Play again”,将浏览者带回网站的主要页面。

www.marketingvirtuel.fr/404notfound

老游戏的梗常常被拿出来恶搞:还记得到处都找不到正牌公主的玛莉欧吗?
彩色 Bar 跟蓝色当机画面让大家可以回味以往的美好时光?

自定的 HTTP 404 虽然平常在网页上看不到、很容易被设计师忽略,但如果你只是让使用者看到那个浏览器预设的 404 画面时,往往使用者会直接关闭网页离开呢。相对的要是可以针对 404 页面做适当的设计,即使浏览者来错了入口,也可以提升浏览者对你的好印象,进而顺利引导浏览者回到你的网站中。也记得为你的客人们准备一些小小的惊喜吧!

转载于:https://www.cnblogs.com/webqiand/p/4610042.html

错误变惊喜,10个有趣的404页面设计(转)相关推荐

  1. 好看又有趣的404页面设计

    404页面作为提示错误的媒介,起着承上启下的作品,既要保证用户在看到错误页面的同时不会直接退出,又要给用户提供新的操作选择,两者兼顾才会有更好的用户体验. 现在更多设计师愿意到可以到乐于分享学习经验的 ...

  2. 404 找不到页面_找不到404页面设计,如何创建较大的错误页面

    404 找不到页面 What's an error page for you? A reason for feeling confused and annoyed? A bit of a bother ...

  3. 走错路也要美美的!富有创意的404页面设计灵感

    有趣的404页面能缓解用户的焦虑和挫败感,那么一个有趣的404页面,是如何体现的? 404页面,指的是显示网站错误链接的页面,可能是该访问的页面不存在,也可能是页面已经被删除.出现404异常状态,用户 ...

  4. app 404 html,现代404页面设计趋势分析与案例

    每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了.一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏览,安抚情绪,找到他们真正想要 ...

  5. 404页面设计技巧性分享不容错过!

    众所周知,网站中的404页面设置对于网站来说有着至关重要的影响,如果没有设置404页面会直接影响用户的访问体验,由此可见404页面设置的重要性.那么对于404页面的设计也是有一些技巧存在的,下面就针对 ...

  6. 40个非常有创意的404页面设计作品

    如果在浏览网页的时候碰到404错误,我想你一定会不高兴.因此,很多网站都会去设计一个新颖的错误页面,以吸引用户继续浏览其它的内容.今天这篇文章收集了40个非常有创意的404错误页面设计作品,一起欣赏. ...

  7. 出错也很美的404页面设计模板

    网页出错了?打开页面,一看到404这3个数字,就会令人感到烦躁,有的时候因为网络卡, 等了半天竟然跳出404,分分钟想扔手机或者砸电脑. 不要焦虑,创意404页面在这几年非常受人喜爱,设计一个独特的4 ...

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

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

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

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

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

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

最新文章

  1. 高性能网络编程7--tcp连接的内存使用
  2. 【关于学习渗透】手把手教你玩转java反序列化cb链
  3. 【NLP】6种用于文本分类的开源预训练模型
  4. 储存引擎InnoDB 索引选择 为何是B+树 而不是 B树 哈希表
  5. 深度学习如何均衡精度、内存、计算和通信开销?
  6. 码农节快乐|一个系统,高效解决复杂事件采集-计算-实时触达
  7. scrapy基础知识之防止爬虫被反的几个策略::
  8. oracle 高级用法, DECODE 排序, OVER(PARTITION BY X ORDER BY Y DESC) 开窗函数
  9. 淘淘商城简介——淘淘商城(一)
  10. maven 环境变量的配置
  11. 该内存不能read written常见原因
  12. 解决联想笔记本 FN键不起作用的方法
  13. java duplicate_java中出现duplicate local variable
  14. 贾立平太讨厌_《最强大脑》水哥微博致歉三遍对不起 网友:节目太虚假,真的追不下去了...
  15. Java 继承思想 及其在 Minecraft mod中相关应用
  16. 论文笔记 EMNLP 2020|Graph Transformer Networks with Syntactic and Semantic Structures for Event Argument
  17. 简单的手电筒程序(基于Camera类实现)
  18. 上班族一定得学会、掌握的jpg转word技巧
  19. html表格框线怎么弄实心的,HTML5绘制实心的文本
  20. 时间差/时间戳转为时分秒

热门文章

  1. 谷歌浏览器打开阅读清单
  2. 三维家可以导入别人的方案吗_酷家乐怎么用别人的模型(如何从酷家乐软件做的方案导入到另一个酷家乐账号上)...
  3. JPG图片怎么转换成Word文档
  4. Windows PE/COFF
  5. 请假通知(8-17~8-19)
  6. centos误删除恢复
  7. 小程序上传大小限制问题解决
  8. Pycharm处理 E501 line too long 警告
  9. 谈谈对计算机网络的了解,对计算机网络的认识和了解
  10. 非靶向代谢组学数据分析方法总结