脑洞：让人倒胃口的“404页面”竟然可以如此萌+走心 | 媒视界
如果盘点世界上最郁闷的事，当急吼吼地搜资料（or种子）时却收到噩耗——页面显示404，page not found...这种糟糕体验绝对榜上有名。
但是，404是不可避免的，网站并不能保证用户能随时随地打开他们想要查询的页面，加上一些你懂的原因，404几乎是每个网站设计时的必选项。
404的设计很讲究，需要做好两件事：
1、告诉用户，很sorry，页面挂了
2、避免让用户看见404就关掉网站
因此，这也是门“出错的艺术”，为了让用户心情舒畅地接受页面bug，设计狮们可谓煞费脑筋，卖萌耍贱谈感情，简直无所不用其极。
全媒派（qq_qmp）盘点了以下堪称一绝的404作品，看官请享用。
萌趣派
这个404页面来自cloud-tutorial.com，有趣到让人不忍责怪。你瞧，你已经被送上“404星球”了，开启一段异星之旅吧，就别计较小小的“找不到”了。
这个卖萌的404页面来自Diogo Marquetti。图中的绵羊把电源拔掉辣，所以你要找的页面不存在哦（心机·羊）！页面上还有“slave me”按钮，快把这只羊抱回家吧。
这则404的心机在于，展示了一个“残缺”的机器宝宝，意即你要找的链接和它一样，坏掉了。还有，404下面直接就是首页按钮，导流目的干脆直接。页面来自eleks。
这个页面来自Olga Shipilo的作品，看上去费了不少功夫，久违的橡皮泥手作感，生生“捏”出来一个404页面。右下哭泣的小人暗合了中枪用户的心情。
来，离近点看看TA悲伤的表情...
走心派
Ruth Lin设计的页面里包含精美的插画与剪影构思，下方的文字写着：“啊哦，你好像无意中发现了海洋中的神秘实验室呢，你可以检查下地址，或者继续探索这个世界。”虽然找不到页面，不过只是神秘海洋之旅的小插曲呢。
Aaron Snyder设计的页面上挂着大大的两行字：“不是所有人都能成为人生赢家的。继续努力。”我一直都明白，有些404页面就是为了教会我人生的哲理的——总会失败，还要再启程。
“占不到页面了，别惊慌，记得检查氧气储量哦。”找不到页面的我，比独自漂浮在太空的宇航员心还凉。我要赶快去点“安全返航”按钮了。
“抱歉，我们没有这道菜了。”盆光碗净的空盘子和再也吃不到了的悲伤...啊找不到页面才算什么...
“啊啊要沉船啦！”Postbox的404页面里，钓鱼的小人还在优哉游哉地垂钓，友谊的小船却说翻就翻了。可能我是看不到明天的太阳了吧...
最令人心碎的无疑是在哪都不到真爱了，不过eHarmony的404页面告诉你：“虽然页面找不到了，但你一定能找到真爱，让我们一起来寻找你的Mr. Right吧！”不仅给自己圆了场，还顺带推销了一下自己的约会服务，果然都是套路啊。
“快！朋友！快退回上一步！”weather网页看到你们这么捉急的样子也受不了了，快退回上一步啊。
耍酷派
Daniel Karcher 电影设计工作室的404页面可是花了不少功夫，这是一个动画页面，闪烁的电子屏，缓缓停靠的车厢，还有背景音乐，都呼应了“你迷路了吗”的主题。
黑暗屏幕中逐渐浮现的一只只眼睛，转动着眼珠紧紧地盯着你，依次眨着眼睛，虹膜也渐渐缩小...这不是恐怖片，只是Hakim El Hattab的H5页面，好了是我错了，走错门了，先闪了。
简洁的页面设计，黑底白字，明明白白的告诉你：没错，就是找不到页面了。一句废话也没有，一脸冷漠，Evtimov设计出品。
一柄刺刀硬生生地划开了空白的屏幕，露出了血淋淋的真相——找不到页面了。黑色背景中浮起的血红色与惨白的屏幕形成了强烈的视觉冲击，那么接受现实吧，并给了你狠狠一击。
什么，涂鸦就算不走心？我们美工没来上班，老板自己上了！图上还有一封致用户信：“孩子，你是不是傻？说吧这个地址是不是你自己编的？我也不是没见过瞎编地址的人，但是你这也太不动脑子了吧！”
看了这么多花样百出的404页面，你最喜欢那种风格呢？不过大家最熟悉的404萌宠，还是谷歌浏览器的这只小短手霸王龙了吧~就算遇到404也要心平气和啊，毕竟上不了网也可能是因为你手太短了哦~
参考文章：
http://thenextweb.com/dd/2015/04/21/the-art-of-error-12-clever-404-pages/#gref
http://www.creativebloq.com/web-design/best-404-pages-812505
https://designschool.canva.com/blog/404-page-design/
