优秀404页面设计案例分享

时间：2023-10-11 00:54:01 | 来源：网站运营

时间：2023-10-11 00:54:01 来源：网站运营

优秀404页面设计案例分享：404页面是我们上网经常碰到的报错页面，很多用户估计跟我一样，不是很清楚404到底是啥，但却知道是页面出错了。为了分享本文章，我特地去百度百科搜索了一下，官方对404的定义：404是一种http状态码，其意思是： 所请求的页面不存在或已被删除。通俗的讲就是当用户输入了错误的链接时，返回的页面。

404页面虽然常见，但是很多网站设计师在设计时会比较容易忽略该页面，经常见到的是使用浏览器默认的报错页面，而且很多技术性的提示语言。但是优秀的公司会抓住每一个表现的机会，包括404页面的设计。本文就来介绍一些优秀的404页面设计案例，大家一起浅品一下吧。

//案例1: 404页面也能具有高互动性、游戏感

Emailcenter UK Limited是英国一家著名的电子邮件营销平台。它采用幽默的方式将404页面设计成了一个小游戏，游戏情节是图片中开发人员应该为你看到的404页面负责，所以你决定fire谁呢？Luke、James、Martin还是Chris呢。当然你也可以发挥你的同情心，选择原谅他们返回主页。这种有趣的方式，成功化解了404页带来的尴尬，令人印象深刻。




Dribbble是一家设计作品展示和搜索的网站，它的404页面设计的互动性高，用户只需要拖拽底部的色彩条，图片中的404就会变成由该色彩组成的作品墙。这种有互动趣味的设计突出了该网站的特性，甚至叫人忘记了这是404页面。




这是一家做风险投资-DIGITAL HORIZON公司的404页面设计，该页面的典型特征是支持用户与页面互动，通过上下拖拽鼠标光标，404仿佛变成了一个装水的容器，水位根据鼠标位置上下浮动。这种交互形式新鲜有趣。

// 案例2: 404页面能创造性反应公司的业务属性

看过头脑特工队的小伙伴应该很熟悉，这不是那个主导悲伤情绪的小蓝（中文名“忧忧“）吗？她为什么会出现在页面上方，一看文案原来是404了，还暖心的安慰她不要哭，只是404了而已。这么有趣生动的404设计原来是皮克斯的官网404页面呀，没错，该动漫是该公司创作。这个形象放在这个页面简直是妙笔生花的设计，动漫人物的悲伤情绪准确的传达了用户此刻的心情，但是叫人在看到这个页面时，不仅不会生气，焦虑，反而很暖心，甚至已经开始回想动漫情节。实在感慨没有谁更能了解皮克斯设计师对人的情绪和导向的把控了。




EMBRACE公司是一家宠物保险公司，这么说你是不是一下子被这个404页面传达的语意给击中了，它告诉你，你的页面是被狗狗给吃掉了，你还会生气吗？再者你脑中是不是立马想到自家狗狗，那要不要给他它来份保险呢？




潘通（PANTONE）公司是一家享誉全球的色彩权威机构，它不仅定义制作色卡，它还为自己公司的404页面设计了专门的颜色，名称就叫 404 C。作者不得不感慨这就是有‘颜色’任性呀。

//案例3: 404页面也可以很幽默

上图采用的是拟人的手法，把404形容成一个黑箱，用户被抽象成一双紧张的眼睛自处张望不知所措。然后文案默认用户的想法：“怎么回事儿？什么情况，啊。。。”“带我走吧”。有趣的404页面。




上图的404页面文字突然变成一张抽象的人脸符号，随即这张脸就垮了下来并叹了口气，生动描述了用户的心理。生气前先看个动画，想象一下自己生气的样子多难看吧。




你的页面被一忍者偷了，你敢找他算账吗？算了算了，还是趁早跑路吧。简单的图案，却把场景和趣味传达的淋漓尽致。


另一个有趣的404案例，这个中间的手怎么是断的，还在移动？好诡异。看文案，原来你抵达了地狱。这个404效果怎么样？