现在的位置: 首页 > 综合 > 正文

404 Error Pages: Reloaded(404错误页面:非常棒的)

2013年09月11日 ⁄ 综合 ⁄ 共 6006字 ⁄ 字号 评论关闭
文章目录

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

e文水平有限,如果可以请尽量参考英文或直接查看原文

by clin003 at 20070822 from:http://clin003.com或http://blog.csdn.net/clin003/

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.

三个星期前,我们已经展示了一些最漂亮的,有创意和易用的404错误页面;我们已经收集了一些有趣的想法,可以用来帮助那些在网页上丢失的游客.我们也要求我们的读者来设计自己的404页,并许诺将是目前最好的解决方法.

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.

我们已经收到100多份作品.选择不容易,在作品质量审核方面,我们考虑到:沟通,准确和清晰的导航,使用图形,创意,并有优秀的解决方案. 下面有些有些作品的解决办法未必有用,但也被包含进来是因为他们当中也包括一些创造性的办法,你应该意识到你的设计中的404错误页面.

by clin003 at 20070822 from:http://clin003.com或http://blog.csdn.net/clin003/

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.

我们想感谢每一位参加者,您的参与意味着很多,在全世界,对于我们和网站设计者们.在您的帮助下,web质量将得以提高.不要低估它的力量!

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.

这里这些使我们精心挑选出的: 40多个有好的,有创意和优秀的404错误页面实例.

1. Appealing images

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

1 .呼吁图像

肮脏,自制的形象与毫不客气的留笔(我已经犯拉一个错误,请离开这里吧)-对于绝望的游客而已.该网页还包括一个搜索框.

Rainfall Daffinson makes sure you don’t feel lost.
Rainfall Daffinson 使你不会感到失落.
by clin003 at 20070822 from:http://clin003.com或http://blog.csdn.net/clin003/

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.
Jamie Huskisson 通过视觉的意象与游客沟通.

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.

2. 诗意

404错误haiku.详实,但它直接链接到首页,将是非常有益的.(这里的haiku我不知道能不能翻译为启示语或FAQ)

Three more haikus by Lumino.us. Plus beer to keep you company.
三句写自Lumino.us的haikus,嘿嘿,还有啤酒陪

And one more haiku by alt-web.com.

BlueVertigo offers a poem with horizontal scrolling.
BlueVertigo提供啦一首横向放置的诗

A small poem about the 404 error by Poemofquotes.com
Poemofquotes.com一首关于404错误的小诗

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’.
Jacob Thomas引用Winston Churchill的话告知游客遗失该网页,他们一直在寻找的网页似乎已被烧毁啦

Darren Hoyt appeals to the humanity of mistakes and errors and communication with visitors directly.
Darren Hoyt呼吁人性化的直接的与游客沟通.

3. Communicate through emotions

Isn’t he sad…

3. 情绪(感情)

是不是他的悲哀…

…however, Cat Content seems to be doing well…
…无论怎样,剪切内容看起来是正常的…

…and Krystal gets no biscuit.

krystal并没有得到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.

4. 讽刺

也许白痴已经过错误连接,或者一个大白痴还挂在不存在的网站页面上.在这两种情形下大Boss已发出一封电子邮件,通知他这个问题,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.

Martin Yelland已经对已经发生的事情有过一个很好的解释:一个小网站定制或者地球磁场波动或许发生啦错误,无论怎样,一个训练有素的猴子小分队已经被派出处理这一局面.
by clin003 at 20070822 from:http://clin003.com或http://blog.csdn.net/clin003/

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.

显然,这是紧急广播系统的一个测试.你要在这类事情发生的全过程中保持冷静,. "404错误" by poropoptrt.com .

5. While you are lost…

…you can read a comic…

5. 虽然你失去啦…

…你可以看一个漫画…

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

…或者更多的漫画(美刷新一次图片都会变)…

…get two cocktail recipes…

…获得两个cocktail食谱…

…死…

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

不要计算404(网站还提供了一个搜索框和标签云图)

6. Explain what happened.

Explanation in a well-designed visualization of what happened.

6. 解释发生啦什么.

解释在一个良好的环境中发生啦什么.

Be aware when you’ve reached a buzzless page…

要知道你已经达到啦buzzless page

7. Explain what can be done.

7.解释可以做些什么.

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

对于游客正在寻找的丢失内容,foobr提供啦详细的关于什么可以做的解释

3amproductions.net suggests pages the visitor might be looking for.
3amproductions.net 对游客正在寻找的内容的建议

Renet-web.met offers recent posts and a search box.
Renet-web提供最近提交的和一个搜索框

8. Unusual solutions.

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

8. 不寻常的解决方案.

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

震惊游客的色调-有趣但不相当好

Blue Screen Of Death on the Web.
网络上的死机(模仿经典win98死机界面)

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

sorabji.com做出啦当人们正在寻找什么的时候遇到404错误的时候的这样一个列表.有趣的方法,但是不值得推荐-think of spambots.

9. Be sincere.

Jeremy seems to be really sorry about the missing page…

9. 虔诚的办法.

Jeremy 看起来对这样的错误感到真的对不起…

…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!

by clin003 at 20070822 from:http://clin003.com或http://blog.csdn.net/clin003/

10. 做你想做的吧.

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错误页面.尽管如此,它相当有趣:那些文字在交谈,你可能会认为,他们所谈论的正是404错误页面!

抱歉!评论已关闭.