煮酒论坛

 找回密码
 申请新用户
搜索
热搜: 活动 交友 discuz
查看: 6363|回复: 1

15个很有创意的404错误页面

[复制链接]
发表于 2008-4-15 18:35:42 | 显示全部楼层 |阅读模式
转自:http://www.kenengba.com/post/194.html

404错误是指在服务器找不到指定的页面。404错误页面是可以自定义的。Smashing Magazine为我们挑选了40个有创意的404错误页面,可能吧在这个基础上进行筛选,选出了其中最有创意的15个放在这里让大家欣赏。使用56K猫的读者慎入。



简洁明了

这是可能吧最喜欢的一个。

相当简洁。

很鬼马。


仿佛看到了win98。

这个也是非常值得推荐的

不得不说,有什么比简洁要好?

我是在看电视吗?

流程图式的404错误。


选这个纯粹是因为觉得很漂亮。

凭感觉喜欢这个。
 楼主| 发表于 2008-4-15 18:37:24 | 显示全部楼层

完整的40个创意404页面

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

Three weeks ago we’ve showcased some of the most beautiful, creative and user-friendly 404 Error Pages; we’ve collected some interesting ideas one can use to help out the visitors once they got lost ony your page. We’ve also asked our readers to design their own 404 pages and promised to present the best solutions afterwards.
We’ve received over 100 entries. The choice wasn’t easy, so evaluating the quality of the entries we’ve considered - among other things - the communication with visitors, precise and clear navigation, the use of graphics, creative ideas and some outstanding solutions. Some of the solutions presented below might not be as helpful as they could or should be, however they include some creative approaches you should be aware of designing your 404 error pages.
We’d like to thank to everyone who participated, your input means a lot for us and for web-designers worldwide. You help to improve the quality of the Web. Don’t underestimate it.
So here is what you’ve come out with: over 40 working examples of user-friendly, creative and outstanding 404 error pages - in a brief overview.
1. Appealing imagesA 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 poetic404 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 emotionsIsn’t he sad…

…however, Cat Content seems to be doing well…

…and Krystal gets no biscuit.

4. Communicate through ironyMaybe 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!
您需要登录后才可以回帖 登录 | 申请新用户

本版积分规则

小黑屋|手机版|Archiver|守望轩 ( 湘ICP备17013730号-2 )|网站地图

GMT+8, 2018-8-22 01:57 , Processed in 0.035968 second(s), 17 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表