相关文章
北京网站制作批量消除链接虚线框方法
网页设计模板修改加自定义标签做防盗链视频频道
网站制作53个CSS-不可或缺的技巧
北京网站设计网页制作中的小秘诀
网站建设用Dreamweaver8制作网页中常用的过度效果
网站制作浅析DW4中的站点管理
北京网页设计商业Flash设计经验谈(节奏控制)
网页设计Flash 8 少为人知的特性!
企通互联FLASH MX 2004视频教程: 七巧板2
网页设计FLASH8新功能体验:第四章 5.效果——投影
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 北京网站设计太创意了!让人称绝的404错误页面 中...
北京网站设计太创意了!让人称绝的404错误页面 中...
一、404页面上的Flash创意
1.Flash游戏的选材上堪称绝!
推荐指数:★★★★★
笔者在数码社区发现了下面这个Flash游戏,或许很多人进入到这个页面的时候都以为自己是正在访问一个游戏网站,其实不然,笔者进入的是数码社区的404错误页面。这个页面让人有一种耳目一新的感觉,这就是一种创意。
游戏操作步骤:首先点击“开始”启动游戏,然后点击迷宫马路上的有方向的箭头,于是小车便会按照用户的意思前进,祝你成功走出迷宫!
这个404错误页面的成功之处不仅仅在于其采用了Flash这种形式,而更在于其选取的这个游戏。国外网站通常将“Lost”这个单词放在他们的404错误页面中,可以译为“迷失方向”,而这个小小的Flash游戏正把这个意境表现得淋漓尽致了。
同时也正如网友的评论所述:“个性化的错误页面,干净的网页设计,漂亮的错误图片,以及诚恳的文字提示,但终究无法与访客互动起来。 而这个非常简单的Flash游戏却成功了,它还可以让访客在错误之际来玩把游戏轻松一下。”
(3)用户还是不肯离开的时候,蛤蟆肯定在想:“这家伙真是笨蛋,还不肯走,再给你个下马威”。于是蛤蟆这回搬出一块大的“广告牌”上面白纸黑字写着:你要访问的页面无法找到啊!

图3 你要访问你页面无法找到
(4)“孺子不可教也,走人了,甭理他了,回家睡觉去”,蛤蟆走人了,蛤蟆让你吃闭门羹了。
网页设计蛤蟆回家睡觉了,不再理访问者 src="http://school.cfan.com.cn/net/skill/h003/h14/img200705230953521.jpg" width=435 twffan="done">
图4 蛤蟆回家睡觉了,不再理访问者
二、打字机器人式的404
推荐指数:★★★★★
平日里,大家都应该对机器人这个字眼比较熟悉,在网络上有发帖机器人,有IM工具上的聊天机器人……。这里的机器人则是自动应答式的,当你不小心进入到这个页面的时候,它就开始打字了。在下图中无法将这个效果展示出来,看看这种效果。
企通互联机器人效果图 alt=机器人效果图 src="http://school.cfan.com.cn/net/skill/h003/h14/img200705230953542.jpg" border=0 twffan="done">
机器人效果图,无法展示具体效果
三、“犯罪”版的404
1.网页通缉令
推荐指数:★★★★☆
两张图是不是颇有神似之处呢?在线通缉令的制作相信对大家来说都不是陌生的事情了,也许你也就曾经用别人的相片来制作过,如图6,便是在线制作出来的通缉令。图 北京网站建设5这个404页面就是根据那颇为流行的通缉令的创意来做的。

图5 通缉令状的404页面

图6 在线制作的通缉令
2.404最后绑架案通牒
推荐指数:★★★★☆
这个404 网站制作页面乍一眼看上去似乎没什么,除了采用了比较Q的字体,但内容却有点好玩了,“看来你要访问的网页已经被我们绑架了,汇200美元过来赎回它”,哈哈,有没有人那么傻真的给$200呢?

图7 绑架案404页面
四、不同的访问时间,不同的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 互联网上没有人能够听到你的惊叫
六、不看创意,看造型——无厘头、可爱
推荐指数:★★★☆☆
这张图片笔者看上去似乎也没有什么出奇之处,或许读者你有什么高见?如果没有,那大家对其一笑置之。

图14 大头娃娃卡通造型
儿时喜欢看的超人,再一次映入笔者的眼帘,确实是有那么一点冲击感!图中意思:“为什么我访问的页面没有准备好呢?”。

图15 超人与怪兽的决斗
推荐原因:虽然这只是一张不算精彩的鼠绘,但鼠绘的404页面也是一种不同的形式。

图16 不算精彩是鼠绘页面
后记
笔者在本文中介绍的内容,其中部分来自Area 404,这个页面专门为大家收集了稀奇古怪的404 www.qitongnet.com页面,读者朋友有兴趣的话也可以去那里“淘宝”哦!相信你也会和笔者一般惊呼“鬼佬”的创意无限的! 网站建设
笔者与大家的分享到此结束,读者朋友有什么更多更好的介绍的话,欢迎发表评论,大家一起来分享知识,分享快乐!
上一篇:色彩搭配技巧
下一篇:网站究竟是如何盈利如何赚钱