mailchimp.com报错页面

404报错界面，是用来提醒网站访问者服务器未找到网页或请求的页面。通常，作为一个令人失望的搜索结果，被产品经理及网页开发者认为是导致网站用户流失的主要元凶。事实上，一款美观、优质、富有创意的报错页面设计，不仅能够有效引导访问者浏览其它页面，还能够极大地缓解用户的负面情绪，提升用户体验。

404 *** 报错从何而来？

当浏览网页出现“404”时，我们知道这表示该网页出现了访问错误，但是关于其历史来源却充满了神秘色彩。对此，互联网创造者之一的Robert cailliau解释道：“当为新系统编写代码时，不能浪费太多资源检测错误网址访问的要求，于是为了避免错误地址访问，程序员便指定了错误类别的适用范围，而404则意味着该网页不存在。”

智库中国网站404报错届面

除了404以外，还有其他类型的编码，例如，200代表服务器已成功处理了请求的网页，又或是表示请求的网页已永久移到新位置的301，以及代表服务器遇到错误无法完成请求的500……

数字代码500报错界面

如今，网页和软件页面的设计中，越来越多的UI设计师认识到文案的重要性。极富个性和人情味的文字让用户在失望之后感受到“我不是一个人”，还有网站后台的支持，“解释”和“引导”大大缓解了用户的负面情绪，并鼓励用户探索更多内容。传统的报错界面通常由以下文字呈现，但是稍显“冷漠”，那么看看UI设计师们是如何创意的吧。

The requested URL was not found on this server.

404 File or Directory Not Found.

HTTP 404 Not Found/404 Page Not Found

404 Error/Error 404/HTTP 404.

The page cannot be found.

设计师：Mario Sestak

Mario Sestak设计的报错页面

人脑有专门识别人脸的区域，因此人像照片最引人注目。Mario Sestak的这件作品具有强烈的视觉冲击，图片和内容完美呼应，使得解释文字更有说服力，减少了用户的不满情绪。同时，人脸上的线条也引导人们的视线到右下角的相关链接。添加高质量的图片、恰当的配色等特殊元素，对于增加视觉效果有很好的作用。

设计师: Anton Borzenkov

Hermitage Friends Club网站报错界面

插入油画的界面给人眼前一亮的感觉，虽然我们出了“bug”，但是我们依旧高雅而有趣。画面中人物托腮的动作也十分符合“未找到页面”的心情。整体界面色调柔和，属于暖色调，不会给人强烈的视觉冲击。同时，为了给用户提供更加愉悦流畅的体验，设计师还在报错信息下方添加了搜索框，想要什么尽管搜吧，我都给你找到。

设计师: Andrea Hock

Tiffany&Co.网站报错界面

除了通过相关联想和添加优质图片，页面设计也可简单结合网站或软件的自身特点，以原始风格为背景，视觉上具有连贯性不会显得突兀。同时，报错界面也成为一个产品展示的平台，使用户即使遇到打开错误的情况也可以继续浏览网站，减少网页跳出率。

设计师: Hossein Mahmoodi

gribble.com网站报错界面

特色的电影海报和科幻大片即视感的画面具有强烈的视觉冲击，即使没有搜到想要的结果，但是具有话题性的画面和被设计到画面场景之中的“404”，也能够起到激发用户联想的作用，极大地增加了网站趣味性。选择一个恰当的主题进行报错展示，对于增加网站趣味性和吸引力十分有效。

设计师: Deanna Lam

Deanna Lam设计的网站报错界面