网站能正常登陆但是点进去出现404错误_一群设计师用“404错误页面”逼死人啦...

- 小科普 -

什么是404页面？

404页面是客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应，且不知道原因所返回的页面。

说起“404错误”你眼前的画面是？

随着这个白底黑字的页面出现，你不由自主地轻启双唇、微吐舌尖，发出一声“shit！”

怎么能不生气？！本来老子打不开网页就不爽了，你还用这么简单的设计糊弄我？！

不同于国内常见的“白底黑字”，国外有很多极具创意的404错误页面设计，让原本烦躁无比的用户们被设计师们给逗乐了~还可以顺便“坑”一把程序员！

Cool Apps (E)

▌你不想看到这个页面，就像不想看到火星撞地球一样吧！

Dil Bert

▌网页没了？！没事，我先看完这个漫画。

GitHub

▌GitHub 以“星球大战”为主题的 404 错误页面相当酷，尤其是它会对你的鼠标活动作出回应。

嗯，和摄图网首页的摄小兔一样优秀！

Roman Braiser

▌本来想干活，结果因为网页打不开玩了1个小时游戏？

法国里尔的一名开发人员Roman Braiser在404页面中添加了一个拯救小旅鼠的小游戏。

不幸进入该页面的用户，可以点击页面里的链接按钮，进入“为小旅鼠提供降落伞”的游戏中，直到最后一只小旅鼠落地游戏结束，会跳出一个感谢页面。当然，用户也可以不玩游戏直接回到主页。

IMDB(互联网电影数据库)

▌ IMDB的404页面很应景，展示了许多著名电影的经典台词，通过一些特定台词引导用户切回其他页面。

用咱们熟知的影视剧来做示例的话，就像——

“网页去哪了？书桓？

网页去哪了！求求你告诉我啊”

于是你不但没生气，还妥妥地被安利了一把《情深深雨蒙蒙》

Airbnb

▌开心→哦，雪糕掉了→哼！生气

我们熟知的爱彼迎，404页面也是采用了动图的形式，随着页面的加载，本来面带笑容的小女孩的冰激凌掉了。

本来这个页面感觉创意方面也不是很出彩，但莫名老想一遍遍地看是为啥？！

估计是幸灾乐祸的感觉超好吧……

Figma

▌ 备注：设计师最爱！！！求你了，一定电脑端打开试试！

嗯，你猜的没错，页面拖拽圆点可以改变形状！！哦，我天！这种感觉似曾相识……

figma是一个基于web端的在线设计平台，这家网站的网页设计师得有多变态！多恨咱们这些设计同胞？！

Pattern Tap

▌哎，算了，好像他们工作人员也挺不容易的。
Pattern Tap在页面中放了2张搞怪的照片，似乎向用户表达了这样一种情绪——

“哦！该死！！！！网页又不见了！”

“哎，但是臣妾也不愿意啊~”

用户应该是被这种惊人的演技折服(明明是我应该有的表情，他们咋比我用力还猛？)

Emailcenter UK Ltd

▌“必须要有人为用户的生气买单！”选一个你要背锅的程序员吧！

Emailcenter UK Limited，英国著名的电子邮件营销平台。

Emailcenter UK Limited专门在其404页面为消费者提供了一个解气小游戏，将网页开发人员照片放置在该页面，让顾客决定由谁为这个错误负责，选择他们想要“解雇”的工作人员，无形中就消除了顾客的不愉快。

→右边那个程序员也太坏了吧

看了这么多创意案例，404错误页面设计中，我们要必须包含的元素有哪些呢？

1.致歉文案。

2.情况表述及可能原因阐述。

3.解决问题途径，提供其他导航或主页链接，推荐其他精彩内容。

4.将画面、文案尽可能与品牌联系

“404错误提示页面”设计精彩的话不但不会影响用户的体验，甚至还能因此使用户好感度大增.

关键还可能有机会和我们同样“熬夜、头秃又单身”的程序员们来一下友好的互动~

你也来试试？

注：本文截图均来自注明网站，版权归原作者所有