欢迎光临

木子屋

标题: 让人称绝的404错误页面

作者: dnawo

日期: 2007-06-20 03:43 PM

分类: 网页设计

内容: 在http规则中用404来表示某个页面不能访问，一般来说，网站的404错误页面都是IIS或APACHE默认的页面，千篇一律，非常单调。由于可以自己订制，于是后来就衍生出了许多个性化的奇趣版的404错误页面。笔者在此就拿一些国内外的比较好的创意来为大家介绍一下。
一、404页面上的Flash创意
1.Flash游戏的选材上堪称绝！
推荐指数：★★★★★
笔者在数码社区发现了下面这个Flash游戏，或许很多人进入到这个页面的时候都以为自己是正在访问一个游戏网站，其实不然，笔者进入的是数码社区的404错误页面。这个页面让人有一种耳目一新的感觉，这就是一种创意。
游戏操作步骤：首先点击“开始”启动游戏，然后点击迷宫马路上的有方向的箭头，于是小车便会按照用户的意思前进，祝你成功走出迷宫！
Flash动画在线播放
点击访问Flash出处站点
这个404错误页面的成功之处不仅仅在于其采用了Flash这种形式，而更在于其选取的这个游戏。国外网站通常将“Lost”这个单词放在他们的404错误页面中，可以译为“迷失方向”，而这个小小的Flash游戏正把这个意境表现得淋漓尽致了。
同时也正如网友的评论所述：“个性化的错误页面，干净的网页设计，漂亮的错误图片，以及诚恳的文字提示，但终究无法与访客互动起来。 而这个非常简单的Flash游戏却成功了，它还可以让访客在错误之际来玩把游戏轻松一下。”
读者朋友也可以试玩一下这个游戏，看能不能走出这迷宫哦！
2.蛤蟆提醒出错记--淋漓尽致表现404
推荐指数：★★★★★
最近笔者闲来无聊，经常在网上瞎逛，逛逛逛，逛多了，自然就有新奇的发现啦！来，一起看看看看“蛤蟆提醒出错记”！
Flash动画在线播放
笔者推荐读者“ 点击全屏观看 ”该Flash那样会看到更好的效果。
（1）图1中的这蛤蟆好像也是通人性的，跳出来之后还指着“error 404”提醒访问者出错拉！
图1 蛤蟆提醒出现404错误
（2）如图2，“走开吧！”，这是蛤蟆见访问者没有反应后拿出来的标语牌，蛤蟆都开始没有耐心了，看来它的脾气也不太好。
图2 “走开”标语
（3）用户还是不肯离开的时候，蛤蟆肯定在想：“这家伙真是笨蛋，还不肯走，再给你个下马威”。于是蛤蟆这回搬出一块大的“广告牌”上面白纸黑字写着：你要访问的页面无法找到啊！
图3 你要访问你页面无法找到
（4）“孺子不可教也，走人了，甭理他了，回家睡觉去”，蛤蟆走人了，蛤蟆让你吃闭门羹了。
图4 蛤蟆回家睡觉了，不再理访问者
二、打字机器人式的404
1.打字机器人式的404
推荐指数：★★★★★
平日里，大家都应该对机器人这个字眼比较熟悉，在网络上有发帖机器人，有IM工具上的聊天机器人……。这里的机器人则是自动应答式的，当你不小心进入到这个页面的时候，它就开始打字了。在下图中无法将这个效果展示出来，请 点击访问该创意的页面出处 ，看看这种效果。
机器人效果图，无法展示具体效果，点击访问该创意的页面出处
三、“犯罪”版的404
1.网页通缉令
推荐指数：★★★★☆
两张图是不是颇有神似之处呢？在线通缉令的制作相信对大家来说都不是陌生的事情了，也许你也就曾经用别人的相片来制作过，如图6，便是在线制作出来的通缉令。图5这个404页面就是根据那颇为流行的通缉令的创意来做的。
图5 通缉令状的404页面（点击访问页面出处）
图6 在线制作的通缉令
2.404最后绑架案通牒
推荐指数：★★★★☆
这个404页面乍一眼看上去似乎没什么，除了采用了比较Q的字体，但内容却有点好玩了，“看来你要访问的网页已经被我们绑架了，汇200美元过来赎回它”，哈哈，有没有人那么傻真的给$200呢？
图7 绑架案404页面
四、 智能404？
1.不同的访问时间，不同的404页面——智能404？
推荐指数：★★★★☆
如图8、9，这两张图都来自同一个网站的同一个错误页面，为什么这图的风格却如此大的差异呢？图8让众多男士流鼻血，图9却是让人摸不着头脑。下面就让笔者来揭开其神秘的面纱吧！
如图10（笔者从其网站上下载下来的），有个黑线在不断地移动，这一定是有什么蹊跷了，其实这条黑线就是用来标示你访问时间的。
当你刷新页面，或者点击页面中的“Again”时，页面的反应时间就决定了所展示的图片，也就是说这图片是随时间调用的。笔者多说无益，有兴趣的读者就访问 Andreas room ，去看更多的让你流鼻血的图片吧！哈哈
图8 流鼻血的图哦，更多的精彩等你去发掘
图9 与上图毫无关联的图片
图10 不断移动的小黑线
五、平凡简单的美
1.太平洋电脑网错误页面
推荐指数：★★★☆☆
如图，这是太平洋电脑网的错误页面，相信读者朋友你也不会过于陌生吧？太平洋电脑网作为全国最大的IT资讯网站，其在这个页面上选择了简单的色调，以简单的内容向访问者反馈最实用的信息，这就是其成功之处。
图11 太平洋电脑网的错误页面（点击访问页面出处）
2.网上搜集到的一个页面
推荐指数：★★★★☆
或许读者你并不同意笔者对其的推荐指数，但其简简单单的页面颇有Web 2.0的风格，并且不缺乏美感，同时其采用了浅色，让访问者有一种比较舒服的体验。
图12 有点Web 2.0风格的错误提示页面
3.字意深远
推荐指数：★★★☆☆
“ On the internet no one can hear you scream ”直译为“在互联网上没有人能够听到你的惊叫”，从字面意义来将好像很难与“404错误”挂钩，但这句话从另外一种角度很形象说明访问者无法到达自己想要访问的页面。
图13 互联网上没有人能够听到你的惊叫（点击访问页面出处）
六、不看创意，看造型
1.无厘头、可爱
推荐指数：★★★☆☆
这张图片笔者看上去似乎也没有什么出奇之处，或许读者你有什么高见？如果没有，那大家对其一笑置之。
图14 大头娃娃卡通造型（点击访问页面出处 ）
儿时喜欢看的超人，再一次映入笔者的眼帘，确实是有那么一点冲击感！图中意思：“为什么我访问的页面没有准备好呢？”。
图15 超人与怪兽的决斗（点击访问页面出处）
推荐原因：虽然这只是一张不算精彩的鼠绘，但鼠绘的404页面也是一种不同的形式。
图16 不算精彩是鼠绘页面（点击访问页面出处）
后记 ：
笔者在本文中介绍的内容，其中部分来自 Area 404 ，这个页面专门为大家收集了稀奇古怪的404页面，读者朋友有兴趣的话也可以去那里“淘宝”哦！相信你也会和笔者一般惊呼“鬼佬”的创意无限的！
笔者与大家的分享到此结束，读者朋友有什么更多更好的介绍的话，欢迎发表评论，大家一起来分享知识，分享快乐！

+ 查看当前日志评论 (1)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.625 ms

返回

标题: 让人称绝的404错误页面

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.625 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.656 ms

返回