视觉设计

Hello! 404

    1. 什么是404

    404是一个 http 错误代码，即请求的网页不存在。第一个4表示客户端出错，0表示输入错误的网址，第二个4表示顺序。就是当用户输入了错误的链接时，返回的页面。这样的目的是告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用网站其他页面而不是关闭窗口离开。

    Google简洁的页面与的品牌精神是一致的，包涵基本的出错提示和问题描述

    2. 为什么需要404页面

    搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时，即知道该URL已经失效，便不再索引该网页，并向数据中心反馈将该URL表示的网页从索引数据库中删除，当然，删除过程有可能需要很长时间；而当搜索引擎得到“200”状态码时，则会认为该URL是有效的，便会去索引，并会将其收录到索引数据库。所以，自定义404错误页面不仅是增强用户体验的好做法，而且对搜索引擎也是相当重要的。

    3. 良好的404页面应该遵循的理念

    ①提供简明的问题描述，用轻松的话语消除访客的挫败感，使得访客转到某个地方而不是后退。

    ②提供合理的解决方案，辅助访客完成访问目标。

    ③提供个性化的友好界面，提升访问体验。

    用幽默的语言和亲切的贴纸画面打消用户的挫败感

    http://dict.qq.com/404.html

    4. NO! 拒绝乏味

    一个拥有良好设计的404错误页面可以帮你避免失去用户的信任，潜在地建立你的用户关系并能留住你的用户，使其在浏览你的网站的时间更长。下面给大家带来一些创意的404界面设计参考，希望你能喜欢它们并能从中获取灵感：

    方法① ：整体一致性

    404页面同样需要保留本站的基础元素，让它看起来还是你的网站，让用户迷茫的时候能够回想起自己为何身在此处；

    方法②： 让用户跟你走

    给用户有用的链接，避免过于简单和技术，用丰富设计把用户拉回来，报告错误原因或提供联系方式，减少挫败感，减少那些痛苦的、毫无帮助的信息。增加建议让用户跟着你走, 利用转向将用户导入指定的页面；

    方法③： 用轻松的手绘涂鸦风格

    用轻松的手绘，表达放松的心情，404错误并不可怕，请原谅我们美丽的错误；

    方法④： 精致的细节刻画

    精致的设计往往可惜吸引用户驻足观看，仔细观察，生怕漏掉细节，当用户被精致打动的时候，对你的网站就会平添更多的怜爱之情；

    方法⑤： 楚楚可人的道歉

    用情感打动用户，挽留它们的关闭和离开；

    方法⑥： 拟物化的场景烘托

    用实际物体为元素设计的404页面，可以更好的和本站的主题契合，实物有不可比拟的真实感，是一种很好的表现手段；

    方法⑦： 幽默的手段和趣味情节

    老奶奶找不到自己的宠物了！Oh~~原来坐在了屁股底下……

    多么可爱的错误啊，看到这一切，您还会为404的小错误生气么？放松一下，给错误带上幽默的情节，原来错误也可以很美……

建议继续学习：