再来介绍一些有意思的 404 页面的设计案例:

1. Appealing Images

A really dirty, hand-made image with a comment – for despaired visitors only. The page also includes a search box.

Rainfall Daffinson makes sure you don’t feel lost.

Even a 404-error page can look stylish.

A book with the page which couldn’t be found.

Jamie Huskisson communicates with “lost” visitors using imagery.

404 error as time on a clock.

Sometimes you can feel or even smell that you’re definitely not on the page you wanted to visit.

2. Getting Poetic

404 error haiku. Informative, however a direct link to the start page would be quite useful.

Three more haikus by Lumino.us. Plus beer to keep you company.

And one more haiku by alt-web.com.

BlueVertigo offers a poem with horizontal scrolling.

A small poem about the 404 error by Poemofquotes.com

Jacob Thomas quotes Winston Churchill and informs lost visitors that the page they’ve been looking for seems to have been burnt down by a puckish elf called ‘Prontyr’.

Darren Hoyt appeals to the humanity of mistakes and errors and communication with visitors directly.

3. Communicate Through Emotions

Isn’t he sad…

…however, Cat Content seems to be doing well…

…and Krystal gets no biscuit.

4. Communicate Through Irony

Maybe an idiot has passed you the wrong link or maybe a bigger idiot has linked in their site to a page that doesn’t exist. In both cases the big boss man has been sent an email informing him of this problem, so the person responsible can be tied to a tree and horsewhipped! Nice to know.

Martin Yelland has some good explanations about what happened: strange little Web Gremlins or fluctuations of the Earth’s Magnetic field might have caused the error – however, a team of highly trained monkeys has been dispatched to deal with this situation.

Even although you’re a douche bag, you can use a search box to get to the page you’ve been looking for.

Apparently, this is a test of the emergency broadcast systems. You should remain calm, these kinds of things happen all the time. The “four oh four error” by Poropoptrt.com.

5. While You Are Lost…

…you can read a comic…

…or more comics (the image is changing after every reload)…

…get two cocktail recipes…

…die…

…don’t count to 404 (the site also provides a search box and a tag cloud)…

6. Explain What Happened

Explanation in a well-designed visualization of what happened.

Be aware when you’ve reached a buzzless page…

7. Explain What Can Be Done

Foobr offers a detailed explanation on what can be done and what the “lost” visitor might be looking for.

3amproductions.net suggests pages the visitor might be looking for.

Renet-web.met offers recent posts and a search box.

8. Unusual Solutions

Shocking visitors with colors – interesting, but not quite appealing…

Blue Screen Of Death on the Web.

Sorabji.com lists what people were looking for when they got the 404 Page Error. Interesting approach, however not recommendable – think of spambots.

9. Be Sincere

Jeremy seems to be really sorry about the missing page…

…so is Rainer…

10. Do Whatever You Want To Do

This is not a working example, since the site isn’t using the page as a working 404 error page. Nevertheless it’s quite funny: the characters are talking, and as you might suggest, they are talking about 404 errors!

404 错误页面:重装上阵相关推荐

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

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

  2. iis7.5 php 404.17,win2008 r2中IIS7.5及以上设置404错误页面的正确方法

    1.进入windows 2008服务器,打开IIS Manager,点击需要设置404错误页面的网站.进入windows 2008服务器,打开IIS Manager,点击需要设置404错误页面的网站. ...

  3. 【前端】20款国外非常漂亮的优秀网站404错误页面HTML模板

    404错误页面是一个非常普遍的现象,该页面的目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开.虽然404错误页面在所难免,但网页设计师们却可以在该页面上做 ...

  4. ASP.NET 自定义404错误页面

    默认情况下微软已经在 Web.config 加入了如下代码: <customErrors mode="RemoteOnly" defaultRedirect="Ge ...

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

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

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

    曾几何时,当你输入错误链接时,很多网站都会显示幽默的图片或短语来提醒你该网页不存在,但这样的日子已经一去不复返了.在一个新的互联网时代,GIF 就是新的文字,而视频就是新的图片,在这种情况下,打油诗和 ...

  7. 动漫风html源码,CSS3动画制作一个卡通风格的404错误页面代码

    CSS3动画制作一个卡通风格的404错误页面代码(有动画效果) html> Css 404错误页 .error-container { text-align: center; font-size ...

  8. NGINX 配置404错误页面转向

    什么是404页面 如果碰巧网站出了问题,或者用户试图访问一个并不存在的页面时,此时服务器会返回代码为404的错误信息,此时对应页面就是404页面.404页面的默认内容和具体的服务器有关.如果后台用的是 ...

  9. centos7 php 404,CentOS7 Apache环境配置自定义404错误页面怎么解决

    我的万云数据ECS用的 CentOS 7系统,我想在网站实现 自定义的 404页面,之前已经做了 伪静态,现在 修改了 根目录的 .htaccess, 也加了 404.html 在根目录,但是随机访问 ...

  10. IIS基础:返回404错误页面的合理设置方式

    IIS默认的错误页是很不友好的,很多人看到默认的错误页时都会说:网站打不开了!白白损失了这部分流量.而如果错误页直接跳转到首页又对搜索引擎很不友好,搞不好首页还会被封掉.所以根据情况,有两个方法解决这 ...

最新文章

  1. 云计算:存储之后,IT江湖之上的新大佬
  2. 反编译之将脱壳后的dex文件重新打包成apk
  3. client中周期性边界_「微评」增加艺术品在投资组合中的比例 推进国家艺术软实力...
  4. dynamodb java_使用Java将项目插入DynamoDB表
  5. 并发和并行的区别简单介绍
  6. OpenCV与图像处理学习十二——图像形状特征之HOG特征
  7. 强烈推荐:创业起步 八种赢利模式
  8. 彻底去除2345好压的广告方法
  9. 主流手机游戏引擎介绍
  10. 使用防火墙禁止软件联网
  11. 腾讯云数据库团队:MySQL AHI 实现解析
  12. Splitter之带隔离电阻的功分器
  13. 文献翻译——YOLO9000:Better,Faster,Stronger(YOLOv2)
  14. 华为认证HCIA的方向选择
  15. SAP gui 770 下载
  16. 如何获取彩色图像中的主色彩
  17. UnityUI变大和缩小、UI位置设置
  18. 手把手教你用LVS-DR模式搭建Nginx集群
  19. Java简单项目:公司人员管理系统
  20. 如何设置计算机断电自启动,如何设置电脑断电后来电自动开机?

热门文章

  1. 用PHP玩百万英雄类型游戏!!!
  2. javascript实现java的StringBuffer功能
  3. commit(), commitNow()和commitAllowingStateLoss()
  4. jQuery表格排序(tablesorter)
  5. Sqoop是一款开源的工具,主要用于在HADOOP(Hive)与传统的数据库(mysql、oracle...)间进行数据的传递...
  6. 使用PowerShell脚本部署定时器到MOSS2010(原创)
  7. Qt学习笔记之——生成exe可执行文件并打包生成安装软件
  8. 如何对大数据进行数据分析
  9. 大数据知识可以怎么学习
  10. 如何利用大数据技术构建用户画像