设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
关于「 404 错误」的起源，互联网上一直流传着一个传说。在欧洲核研究组织的 404 号房间内，存放着互联网第一台服务器，万维网的发明者 Berners-Lee 就在这里办公。
随着网站的不断发展，网站本身的架构会不断变化，页面和内容会在重设计过程中不断调整，被重新定向。网站本身的优化，往往不可避免地让一部分内容不再那么容易被用户找到，当用户打开的时候，就是404页面了。
编者按：虽然没人想遭遇404 Not Found，不过今天这组404页面，可能会让你想要主动去通通看一遍。逆天的脑洞、与品牌恰到好处的结合、诙谐有趣的创意、无处不在的灵感… 无论哪一个特色，都值得花上五分钟来阅读。
每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当引导用户继续浏览，安抚情绪，找到他们真正想要的内容。
编者按：看惯了千篇一律的404，来感受今天这波视觉干净清爽，文案带点小幽默的创意404页面吧。想学习的，文末附上两个免费可商用的404页面模板源文件，怒转吧。
好玩的地方在于，404页面的设计思路其实可以拓展到许多其他的地方，UI设计、网页设计甚至室内设计。设计的思路和原则原本就是相通的，这些独树一帜或者别具匠心的404页面单独看的时候并没有什么，但是深入总结一番，你会发现它们的价值远不止于它们看起来那么简单。
做网站是系统工程。首页的内容要层次分明，导航要结构清晰，子页面要排版均衡，相对而言自由度稍高一点的，应该是404页面了。
编者按：对404都是避之不及，何来体验之说？原因可能是大多数404页面都太粗糙了，而今天这组404页面，绝对能颠覆你之前一切对404的看法 >>>Blue Danieldario brozziMashableTemplate MonsterDefrozoDieselStickerMulecentresourceagensTinsanityMailChimpGood Dog DesignTripomaticRSQFocus ...
编者按：今天这组404模板，包含PSD和HTML格式，风格多，质量高，在网上不常见，建议同学们马克一下，以备不时之需 >>>404 Error Page （PSD）Fuel 404 page not foundFree 404 Error Page VectorsClean Elegant 404 Error Page PSD TemplateFreebie: PSD 404 Error PagesFree 404 Err...
编者按：相信我，这不是标题党。本文提到的大多数细节设计，都很难在平常的网站里寻到踪迹，不过恰恰如此，这篇文章的可读性非常高，如果哪一天你看到这么体贴的404网站，找到那个设计师嫁了吧。
毫无疑问，浏览网站的时候遭遇404是最让人沮丧的事情之一。你费时费力地研究，在信息冗杂的网页之间搜索有用的信息，好不容易找到一个接近目标的链接，点进去却是一个坑爹的404页面，愤怒与沮丧在心中膨胀的感觉的确不好受。
平生不见404，阅尽全网也惘然。对，如果你从未打开过404页面，就可以说你几乎未曾真正用过互联网。
嗨~嗨~嗨~今天优设的教程是手把手（超详细，新手都能学会）教同学们创建一个细节丰富的404页面，帅译@_Wangyijie_ 非常用心，时不时还插播提高效率的小技巧，想练下手的千万不要放过呦。最终效果：在以下步骤中，您将学会如何利用 Adobe Illustrator创建404页面接下来，您将学习如何利用一个简单的路径，阴影效果和一些基本的手段来添加时尚的圆角。
上网最闹心的事除了”根据相关法律….”，就是404页面了。不过，有些网站的404页面实在是讨人喜欢呢，看到都不想生气。
一个自定义的404错误页面将鼓励用户在您的网站上停留更长的时间。这种页面必须容易理解，友好（保持网站的整体感觉）以及有一些互动。
Suxi：”四时充美：—年四季都很富足美好。”项目背景404页面：客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应，且不知道原因。
我们在网络上浏览时，一般都是利用网址来找寻你需要的网页。而每次当你输入的网址错误、或是原本的网址更改了，就会出现「HTTP 404」找不到网页的画面。
一个超赞的404错误页面，总是能够让您在网站里迷路的时候给予归属感，尽可能的减少挫败感。设计师会在这个页面花很多心思，以致于我们被那些创意打动、被那些设计细节感动。
在网上冲浪的时候碰到404错误页面是非常令人沮丧的，随后的一两秒内如果没有什么吸引你的注意力的话，我敢肯定你会离开网站，再也不会回来。因此，很多网站都会设计一个新颖的错误页面，以吸引用户继续浏览其它的内容。
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到
讲的非常好，很感谢，但是文章中有一点点小问题，比如说文章中有一处是长边完全显示，写成了短边完全显示，会加长阅读的时间。不过也无伤大雅，总之很感谢！
思路非常好，点个赞，现实很多设计师在设计中更多是在参考需求原型，而没有跳出原型去思考设计策略，所以当面试官问到这个问题的时候不知道怎么说。 文章最后给出的设计策略个人觉得还是并不能解决问题。对于商品交易，除非复购或者对此商品非常了解，缩短交易路径是可用的，但是这只能复盖很小一部分场景，缩短交易路径的方法并不是单纯地缩短操作路径，这是很多新手都会走的误区...
特意登录感谢无私的大神
受益匪浅，感谢作者分享，期待后续文章
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到