有创意性和趣味性的404错误页面

fmms 13年前
     设计一个网站时,我们很多人容易忽略考虑他们微不足道的错误页面。但事实是许多用户很容易碰到这些404错误页面,要么是因为输入错误的URL或因其他技术原因。    <br />    <br /> 没有一个好的错误提示页面是一种不好的用户体验。下面是一些能够激发你设计有创意的404错误页面。    <br />    <br />    <p><a href="/misc/goto?guid=4958187244742502406">Agens</a><br /> 这个错误页面设计具有超凡的创造力,一个宇航员在太空中迷路了。</p>    <p class="showcase"><a href="/misc/goto?guid=4958187244742502406"><img title="404error33.jpg" border="0" alt="404error33.jpg" src="https://simg.open-open.com/show/e5172006144a15063b99997e0c66986e.jpg" /></a></p>    <p><a href="/misc/goto?guid=4958187246399236099">Giraffe</a><br /> 用长颈鹿这个吉祥物来引导用户如何回到原来的网站。</p>    <p class="showcase"><a href="/misc/goto?guid=4958187246399236099"><img alt="Screenshot" src="https://simg.open-open.com/show/c6a3e33da84256f7c81fd035a1daef07.jpg" width="520" height="357" /></a></p>    <p><a href="/misc/goto?guid=4958184624136101912">Frywiles</a><br /> 在一条线上少掉一只鸟表明有错误发生了,页面无法找到。然后提供适当的导航,让用户可以回到网站。</p>    <p class="showcase"><a href="/misc/goto?guid=4958184624136101912"><img alt="Screenshot" src="https://simg.open-open.com/show/76f022e8cb1b57d64c38d48ef5045675.jpg" width="520" height="347" /></a></p>    <p><a href="/misc/goto?guid=4958187249152878841">iFolderLinks</a><br /> 一个在电脑旁边哭泣的婴儿。</p>    <p class="showcase"><a href="/misc/goto?guid=4958187249152878841"><img alt="Screenshot" src="https://simg.open-open.com/show/8b597b9d7e2e682f93e9fd9b20738899.jpg" width="520" height="363" /></a></p>    <p><a href="/misc/goto?guid=4958184630120414434">Apartment home Living</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958184630120414434"><img alt="Screenshot" src="https://simg.open-open.com/show/a78328e607a07f13ebe2de1d6f5fd2de.jpg" width="520" height="321" /></a></p>    <p><a href="/misc/goto?guid=4958187251922371351">Factor D</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187251922371351"><img alt="Screenshot" src="https://simg.open-open.com/show/573313cdaed0cd1a3f00090444e4ed9d.jpg" width="520" height="414" /></a></p>    <p><a href="/misc/goto?guid=4958184633071543133">Sure Dev</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958184633071543133"><img alt="Screenshot" src="https://simg.open-open.com/show/2d7429219eea5b22d46f3b5c59c879e9.jpg" width="520" height="384" /></a></p>    <p><a href="/misc/goto?guid=4958187254695304046">Blizzard Entertainment</a><br /> 用打破玻璃来表明访问了不存在的页面。</p>    <p class="showcase"><a href="/misc/goto?guid=4958187254695304046"><img alt="Screenshot" src="https://simg.open-open.com/show/cfab704cfad228c5f507ac2e6cf50027.jpg" width="520" height="335" /></a></p>    <p><a href="/misc/goto?guid=4958184627864005163">Milrayas</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958184627864005163"><img alt="Screenshot" src="https://simg.open-open.com/show/468a9149e49cc370014b1a87cd04cff2.jpg" width="520" height="375" /></a></p>    <p><a href="/misc/goto?guid=4958187257467817931">TK Designs</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187257467817931"><img alt="Screenshot" src="https://simg.open-open.com/show/525cbfa793bf7608034e5762e1f78841.jpg" width="520" height="377" /></a></p>    <p><a href="/misc/goto?guid=4958184629379112958">Blue Daniel</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958184629379112958"><img alt="Screenshot" src="https://simg.open-open.com/show/9dc66044646b04190ea166faa29bc58f.jpg" width="520" height="332" /></a></p>    <p><a href="/misc/goto?guid=4958187260235386313">Bit.ly</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187260235386313"><img alt="Screenshot" src="https://simg.open-open.com/show/0c0ca1b22ccbf7d85c0946d038111e70.jpg" width="520" height="361" /></a></p>    <p><a href="/misc/goto?guid=4958187261653669468">8bitpeoples</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187261653669468"><img alt="Screenshot" src="https://simg.open-open.com/show/38d4e0c3160b3c3463fb711cca79ee51.jpg" width="520" height="385" /></a></p>    <p><a href="/misc/goto?guid=4958184624867039314">Audiko</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958184624867039314"><img alt="Screenshot" src="https://simg.open-open.com/show/94d7fcf5f3ce686917e51733c7f7b18a.jpg" width="520" height="388" /></a></p>    <p><a href="/misc/goto?guid=4958187264403784424">Cooklet</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187264403784424"><img alt="Screenshot" src="https://simg.open-open.com/show/82d8a589fb7096fb37da4355cc29af38.jpg" width="520" height="340" /></a></p>    <p><a href="/misc/goto?guid=4958187265816964870">NPR</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187265816964870"><img alt="Screenshot" src="https://simg.open-open.com/show/9861b4cdd17ab64e3a090148ad950414.jpg" width="520" height="361" /></a></p>    <p><a href="/misc/goto?guid=4958187267222292626">Prime</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187267222292626"><img alt="Screenshot" src="https://simg.open-open.com/show/4f3d33dc9cdd7e5e6f14a8d6e5092663.jpg" width="520" height="333" /></a></p>    <p><a href="/misc/goto?guid=4958187268629182655">Spiritual But Not Religious</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187268629182655"><img alt="Screenshot" src="https://simg.open-open.com/show/5f4043df96107f972c2f63f7f0937c12.jpg" width="520" height="347" /></a></p>    <p><a href="/misc/goto?guid=4958184634556902662">Good Old Games (GOG)</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958184634556902662"><img alt="Screenshot" src="https://simg.open-open.com/show/a72a452790e1c1f4855a4f09065263c8.jpg" width="520" height="362" /></a></p>    <p><a href="/misc/goto?guid=4958184625605244065">Abduzeedo</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958184625605244065"><img alt="Screenshot" src="https://simg.open-open.com/show/6605863749325cc09a711e5e6a417fad.jpg" width="520" height="405" /></a></p>    <p><a href="/misc/goto?guid=4958187272746632430">HomeStarRunner.com</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187272746632430"><img alt="Screenshot" src="https://simg.open-open.com/show/828cdcc8975e08358793988f228ddbcb.jpg" width="520" height="361" /></a></p>    <p><a href="/misc/goto?guid=4958187274162943949">Hoppermagic</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187274162943949"><img alt="Screenshot" src="https://simg.open-open.com/show/f9ff790c54d366406b35a8586175914c.jpg" width="520" height="367" /></a></p>    <p><a href="/misc/goto?guid=4958187275569450294">WeAreTeachers</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187275569450294"><img alt="Screenshot" src="https://simg.open-open.com/show/97fa48eb693ffd47e7847e4e49a7da57.jpg" width="520" height="343" /></a></p>    <p><a href="/misc/goto?guid=4958187276977759335">Wooga</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187276977759335"><img alt="Screenshot" src="https://simg.open-open.com/show/04992a05aaf6a275123163093e213140.jpg" width="520" height="331" /></a></p>    <p><a href="/misc/goto?guid=4958187278391447720">Zappos</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187278391447720"><img alt="Screenshot" src="https://simg.open-open.com/show/12691e9e3a8d43fa3bc4475ea6c82fff.jpg" width="520" height="363" /></a></p>    <p><a href="/misc/goto?guid=4958187279795731369">Blippy</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187279795731369"><img alt="Screenshot" src="https://simg.open-open.com/show/608c42803ba0f1563a0ef2a9d6b2ef0b.jpg" width="520" height="341" /></a></p>    <p><a href="/misc/goto?guid=4958187281208557912">OrangeCoat</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187281208557912"><img alt="Screenshot" src="https://simg.open-open.com/show/84f8c8cea351673137f4c8edeaecaef3.jpg" width="520" height="373" /></a></p>    <p><a href="/misc/goto?guid=4958187282622491162">Jolie Poupee</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187282622491162"><img alt="Screenshot" src="https://simg.open-open.com/show/db1233318a7a5416b32dc6e5b34054c1.jpg" width="520" height="344" /></a></p>    <p><a href="/misc/goto?guid=4958187284040227604">Warhammer online</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187284040227604"><img alt="Screenshot" src="https://simg.open-open.com/show/b84dd68d3f7aae8c036f431163efcdea.jpg" width="520" height="358" /></a></p>    <p><a href="/misc/goto?guid=4958187285457172411">Twinpx</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187285457172411"><img alt="Screenshot" src="https://simg.open-open.com/show/7253e809b5a73fe3ce31d31f78f5db33.jpg" width="520" height="376" /></a></p>    <p><a href="/misc/goto?guid=4958187286879400045">Planetgeek</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187286879400045"><img alt="Screenshot" src="https://simg.open-open.com/show/764bf47a5c62cf63f8a2f363e9806ed8.jpg" width="520" height="378" /></a></p>    <p><a href="/misc/goto?guid=4958187288276996631">Limpfish</a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187288276996631"><img alt="Screenshot" src="https://simg.open-open.com/show/78f1711a317aad305643dd58b741e6c0.jpg" width="520" height="408" /></a></p>    <p><a href="/misc/goto?guid=4958187289693571908">Deliciously Creative</a><br /> 用一个破掉的蛋来说明错误发生了。这个404页面非常简单并且具有创意。</p>    <p class="showcase"><a href="/misc/goto?guid=4958187289693571908"><img alt="Screenshot" src="https://simg.open-open.com/show/6703c9331685bab51962c59d5a4b0562.jpg" width="520" height="334" /></a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187291110399448">D20srd</a><br /> 这是一个有点调皮和娱乐性的404设计,类似在角色扮演游戏中让访问用户掉入一个已经部署好的陷阱。<br /> <a href="/misc/goto?guid=4958187291110399448"><img alt="Screenshot" src="https://simg.open-open.com/show/b2711505b199b74c1109847ab52949a4.jpg" width="520" height="353" /></a></p>    <p class="showcase"><a href="/misc/goto?guid=4958187292514849286"><br /> Clubpenguin</a><br /> 使用正在检查地图的企鹅动画,以显示它们迷路了。这个404设计让企鹅为您指明正确的方向。<a href="/misc/goto?guid=4958187292514849286"><img alt="Screenshot" src="https://simg.open-open.com/show/e89d4c93db77d773a6f9889fee9e7ea8.jpg" width="520" height="340" /></a></p>    <br />