随笔-156  评论-549  文章-1  trackbacks-9
一些有趣的404错误设计

 

今天boss抱怨俺们的404出错页面做的太难看，从网上闲逛发现了这个东西，赶快晒出来和大家分享一把。我问了team中的几个人让他们选出喜欢的几种设计，发现真是众口难调，一个比一个TMD的要求高，让我们自己做，那真叫惨不忍睹：空空的页面，里面丢了几个汉字就搞定了。美工真的太重要了！

废话少说，赶快丢出来，我个人最喜欢第一个设计，但是发现使用flash弄得，搞不定！L L没有办法只好选了第10幅的照片和css片段, 内容自己翻译了一下。发现twitter那个设计好木啊。更多请看dzine blog。

 

1. Bluedaniel

36 Cool Custom Error 404 Pages

2. Fryewiles

36 Cool Custom Error 404 Pages

3. Cuoma

36 Cool Custom Error 404 Pages

4. Tele2

36 Cool Custom Error 404 Pages

5. Pen and Paper

36 Cool Custom Error 404 Pages

6. Pattern Tab

36 Cool Custom Error 404 Pages

7. We Function

36 Cool Custom Error 404 Pages

8. PostranK

36 Cool Custom Error 404 Pages

9. Abduzeedo

36 Cool Custom Error 404 Pages

10. jhuskisson

36 Cool Custom Error 404 Pages

11. Turbo Milk

36 Cool Custom Error 404 Pages

12. Propeller

36 Cool Custom Error 404 Pages

13. Rainfall

36 Cool Custom Error 404 Pages

14. ScrnShots

36 Cool Custom Error 404 Pages

15. Renk00

36 Cool Custom Error 404 Pages

16. Simple candy

36 Cool Custom Error 404 Pages

17. Deaxon

36 Cool Custom Error 404 Pages

18. Tix02

36 Cool Custom Error 404 Pages

19. Fuelly

36 Cool Custom Error 404 Pages

20. Geek Squad

36 Cool Custom Error 404 Pages

21. Heinz

36 Cool Custom Error 404 Pages

22. Home Star Runner

36 Cool Custom Error 404 Pages

23. Bright Kite

36 Cool Custom Error 404 Pages

24. A List apart

36 Cool Custom Error 404 Pages

25. Magnolia

36 Cool Custom Error 404 Pages

26. Mixx

36 Cool Custom Error 404 Pages

27. Mozilla

36 Cool Custom Error 404 Pages

28. Ateaseweb

36 Cool Custom Error 404 Pages

29. Orange Coat

36 Cool Custom Error 404 Pages

30. Porcupine

36 Cool Custom Error 404 Pages

31. Slonky

36 Cool Custom Error 404 Pages

32. Southpark

36 Cool Custom Error 404 Pages

33. Student Market

36 Cool Custom Error 404 Pages

34. Martinkorner

36 Cool Custom Error 404 Pages

35. Twitter

36 Cool Custom Error 404 Pages

36. Under Construction

36 Cool Custom Error 404 Pages

update: Windie Chai（笑煞天）  又提供两个新的源，没吃饱的继续吃

http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/ 

http://www.smashingmagazine.com/2007/07/25/wanted-your-404-error-pages/

 

posted on 2008-11-21 00:16 shawnliu 阅读(2744) 评论(38)  编辑 收藏 所属分类: Web Development

评论:
#1楼[楼主] 2008-11-21 00:19 | 刘守照      
14和18都不错，就是不知道上网的大妈大婶能不能看明白了
  回复  引用  查看    
#2楼 2008-11-21 00:22 | Astar      
有意思，不过我在手机上访问博客园的时候出现错误是只小狗.呵呵.
  回复  引用  查看    
#3楼[楼主] 2008-11-21 00:24 | 刘守照      
@Astar
没有用手机访问过 手机上图片是不是用的gif啊 这样小狗还可以动来动去的
有的设计太牛了 搞得看一会才能看明白到底怎么了
  回复  引用  查看    
#4楼 2008-11-21 08:27 | Areyan      
不錯。支持一下！
  回复  引用  查看    
#5楼 2008-11-21 08:37 | Windie Chai（笑煞天）      
看看这些：
http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/" target="_new">http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/

http://www.smashingmagazine.com/2007/07/25/wanted-your-404-error-pages/" target="_new">http://www.smashingmagazine.com/2007/07/25/wanted-your-404-error-pages/
  回复  引用  查看    
#6楼 2008-11-21 08:38 | 1-2-3      
楼主能找到这么多真是厉害。
偶还是喜欢10或12这种，其它的太过华丽以至于用户不能一下子意思到这是个错误页面。
  回复  引用  查看    
#7楼 2008-11-21 08:41 | sswv[未注册用户]
来看看我的404吧：http://www.linjian.org/404
  回复  引用    
#8楼 2008-11-21 09:02 | 2008年的梦想      
第一个有创意，还有lost美剧写照。牛
  回复  引用  查看    
#9楼 2008-11-21 09:39 | 一线风      
汗呀,还真多.

  回复  引用  查看    
#10楼 2008-11-21 09:42 | Yes!加菲猫      
大部分貌似以前在谁的博客看到过
  回复  引用  查看    
#11楼 2008-11-21 09:47 | 向世界出发      
32. Southpark
i like it.
  回复  引用  查看    
#12楼 2008-11-21 09:47 | 极地银狐.NET      
大多是美工方面的,其实网上已有不少人用404做其它更好玩的事情了
  回复  引用  查看    
#13楼 2008-11-21 10:04 | 无心雨云      
真的不错
  回复  引用  查看    
#14楼[楼主] 2008-11-21 10:05 | 刘守照      
@向世界出发
32我来看看
  回复  引用  查看    
#15楼[楼主] 2008-11-21 10:05 | 刘守照      
@极地银狐.NET
是么 真是无奇不有啊
  回复  引用  查看    
#16楼[楼主] 2008-11-21 10:05 | 刘守照      
@无心雨云
那就好 收藏了下次直接选个用上
  回复  引用  查看    
#17楼[楼主] 2008-11-21 10:06 | 刘守照      
@Yes!加菲猫
恩 其他人也zz过 我给出了原来那个老外的blog link了
  回复  引用  查看    
#18楼[楼主] 2008-11-21 10:06 | 刘守照      
@Areyan
那就好
  回复  引用  查看    
#19楼[楼主] 2008-11-21 10:07 | 刘守照      

@Windie Chai（笑煞天）
牛，这么多啊
  回复  引用  查看    
#20楼[楼主] 2008-11-21 10:09 | 刘守照      
@1-2-3
12也不错 比较简洁 寓意太深奥怕用户搞不明白怎么了
  回复  引用  查看    
#21楼[楼主] 2008-11-21 10:09 | 刘守照      
@sswv
挺好，good idea
  回复  引用  查看    
#22楼[楼主] 2008-11-21 10:10 | 刘守照      
@2008年的梦想
第一个我也最喜欢
  回复  引用  查看    
#23楼[楼主] 2008-11-21 10:10 | 刘守照      
@一线风
越多越好啦
  回复  引用  查看    
#24楼 2008-11-21 10:48 | NNN.NET[未注册用户]
1.34不错
  回复  引用    
#25楼[楼主] 2008-11-21 10:51 | 刘守照      
@NNN.NET
hehe
  回复  引用  查看    
#26楼 2008-11-21 11:45 | xjb      
很有创意

  回复  引用  查看    
#27楼 2008-11-21 12:37 | 问天何必      
最喜欢第一个
  回复  引用  查看    
#28楼 2008-11-21 13:10 | canbeing      
很漂亮啊，真的做网站需要很用心
  回复  引用  查看    
#29楼[楼主] 2008-11-21 14:06 | 刘守照      
@问天何必
the same to u
  回复  引用  查看    
#30楼[楼主] 2008-11-21 14:06 | 刘守照      
@xjb
是啊
  回复  引用  查看    
#31楼[楼主] 2008-11-21 14:07 | 刘守照      
@canbeing
恩 UI需要细致 多考虑用户的感受
  回复  引用  查看    
#32楼 2008-11-21 14:21 | cloudgamer      
天啊
真好看
  回复  引用  查看    
#33楼[楼主] 2008-11-21 16:22 | 刘守照      
@cloudgamer
太夸张了
  回复  引用  查看    
#34楼 2008-11-21 17:33 | Martin(高超)      
很好,很强大.考虑到了用户体验.
  回复  引用  查看    
#35楼[楼主] 2008-11-21 17:40 | 刘守照      
@Martin(高超)
弓虽
  回复  引用  查看    
#36楼 2008-11-23 21:13 | 上不了岸的鱼{ttzhang}      
太漂亮了，我们的正常页面如果做成这样，应该也不错，呵呵
  回复  引用  查看    
#37楼 2008-12-02 13:45 | Selfocus      
挺有趣的，算是见识了。
我突然想到，何不弄个“圣旨”页面，有中国特色，上书“奉天承运，服务器诏曰...”，哈哈！
  回复  引用  查看    
#38楼[楼主] 2008-12-03 17:33 | shawnliu      
--引用--------------------------------------------------
Selfocus: 挺有趣的，算是见识了。
我突然想到，何不弄个“圣旨”页面，有中国特色，上书“奉天承运，服务器诏曰...”，哈哈！
--------------------------------------------------------
好主意！！！
  回复  引用  查看    
发表评论

昵称： [登录] [注册]

主页：

邮箱：(仅博主可见)

评论内容：

  登录  注册

[使用Ctrl+Enter键快速提交评论]

0 1338064




相关文章:

相关链接:
Powered by: 博客园 模板提供：沪江博客 Copyright ©2009 shawnliu
http://api.jiwai.de/g/i/45928/c5/w300/m2/g.png