2022 年 30 个最佳创意 HTTP 404 错误页面示例

已发表: 2022-05-31

时不时地,您的 Internet 搜索会遇到一条类似“HTTP 404 错误”的消息。 当您搜索的页面的链接已更改、移动或根本无法在服务器上找到时,可能会发生这种情况。 或者,它可能已被完全删除; 也许您甚至输入了错误的 URL。 不管是什么原因,您在 Internet 高速公路上迷路了,而 404 错误消息就是让您知道的方式。

万一您以前没有遇到过这样的消息,您可以试试这个:输入任何网站的 URL,并在末尾的“/”后面加上一串乱码。 这样的错误是不可避免的; 损坏的链接、未更改的 URL 以及许多其他原因都可能导致您的网站抛出 404 错误。 这对访问者来说可能真的很烦人,并且会让他想要离开您的网站。 然而,它不一定是那样的。 您可以稍微小心地设计 404 错误页面,以便它会激发访问者的一些兴趣或娱乐,从而使他们的鼠标在您的网站上逗留更多。 这种娱乐可以留下美好的回忆,并可能让他们想稍后再回来。

因此,谨慎设计错误页面是有意义的。 重定向访问者,帮助他进行搜索或只是让他的脸上露出微笑,这将大大有助于确保重复访问。 下面的示例突出显示了在某些网站中设计 404 错误页面的一些富有想象力的方式。

邮箱

emailcenteruk-404-not-found-error-example

Maxemail,前身为英国电子邮件中心,提供电子邮件营销服务。 在网站上,您将了解电子邮件营销不仅仅是列表构建的练习。 该网站的错误页面让开发团队成员互相指责谁应该因失态而被解雇。 您还将通过主页链接看到回家的路。

诺瓦克·德约科维奇

novakdjokovic-creative-404-错误页面示例

这位职业网球运动员的场外幽默在他网站的 404 页面中可见。 他询问游客是否在寻找丢失的球。 然后您将被引导回菜单。

跛鱼

limpfish-minimal-error-404-page-example

这是艺术家大卫巴顿的网站。 404 页面很诙谐,并以分类广告的形式展开,“找不到文件”的图例在通常为联系电话号码保留的位置中找到了位置。

超级恋人

superloves-server-404-错误页面示例

这是一家从事设计的法国创意工作室的网站,包括印刷版和数字版。 错误页面通知您天使有电话亭。 不过,您可以从此页面访问菜单并找到回家的路。

核心

incore-minimal-404-not-found-error-example

Incore 是一家数字营销机构。 他们的 404 页面是一个以两只不祥秃鹰的照片为特色的戏弄,并询问迷路的游客是否真的在寻找它们,或者是否想回家。

AndroidDev101

androiddev101-not-found-error-example

在这个网站上,人们可以密切关注机器人世界中发生的事情。 该网站上的 404 页面告诫您缺乏导航技能,导致您首先进入错误页面。

福克斯率

foxrate-not-found-error-example

Foxrate 提供了一个免费的基于浏览器的应用程序,用于整理来自各种销售渠道的客户评论。 一只小狗透过404中的'0'偷看,告诉你在错误页面上找不到狐狸。

代理

代理丢失页面错误示例

Agens 的业务是拥有出色的数字创意并将其转化为工作产品。 他们有一名宇航员迷失在太空中,四处游荡并携带着 404 标志。 标题建议您查看最近的项目。

无聊的熊猫

Boredpanda-404-错误页面示例

Bored Panda 是一个为创意人士打造的社区。 它有关于艺术、摄影和设计的部分。 一只熊猫在 404 页面上发誓他没有吃掉你要找的页面。 广告在右侧,菜单保留在页面顶部。

扩展广播

扩展广播错误页面示例

播客从该网站发布,并且曲目列表在此处提供。 这个 404 页面进行了挖掘,称您为冲洗袋,并以在 Smashing Magazine 中出现而自豪。

达什船长

Captaindash-dark-404-错误示例页面

Captain Dash 是一个提供数据管理服务的网站。 应用程序有助于将所有无聊的数据转换为有意义的信息。 错误页面很简单,询问你是否在后台寻找Captain Dash。 您可以从此页面向他们发送电子邮件或返回主页。

奇梨

奇数梨有趣的 404 错误页面示例

Odd Pears 销售创意设计的优质袜子。 简而言之,这些是表达个性的精美不匹配的袜子。 404 错误页面显示了一个袜子咒骂,在大脚趾上打了一个洞并吓到你相信你破坏了他们的网站。

埃斯普利

wearespry-not-found-404-error-page-example

Espry 将自己描述为数字世界的艺术家、创造者和梦想家。 他们的 404 页面上有一只可爱的狗,看起来很困惑,表情迷茫,还有一个号召性用语按钮,建议访问者回家。

宠物搜寻器

petfinder-creative-not-found-error-page-example

Petfinder 是一个帮助走失的动物找到可以收养它们的家的网站。 您可以应用搜索条件并在其主页上找到要收养的宠物。 如果你迷路了,你会看到一只猫被毛线缠住,或者一个长着喙的朋友对你尖叫,你会被引导回到主页。 侧边栏中的菜单、帖子和号召性用语按钮也包含在错误页面中。

云西格玛

cloudigma-404-有趣的错误页面示例

CloudSigma 是一个云存储设施。 如果你在这个网站上迷失了方向,你会遇到他们的初级开发人员。 事实上,他是一只大部分时间都睡在沙发上的猫,但仍然会抽出时间进行一些编码。

比特利

bitly-404 错误页面示例

Bitly 是一个 URL 缩短器和链接管理平台。 错误页面中有一条鱼倒置浮动,表明这里有问题。 此页面上还提供了有关 URL 的有用信息。

FlixelPix

flixelpix-nothing-found-error-example

您可能已经猜到了,FlixelPix 是一个专门用于摄影的网站。 网页完全显示错误消息,并提供搜索建议。 同时,一个有用的搜索框就在手边。

瑞士小姐

swiss-miss-simple-404-error-page-example

Swissmiss 是 Tina Roth 的设计工作室。 在她的错误页面中,通过画布上的一个洞可以看到她,告诉访问者从那里开始搜索或返回主页。

主题

woothemes-error-404-页面示例

Woothemes 是购买 WordPress 主题和插件的首选之地。 他们是流行的 WooCommerce 插件的作者。 一个拿着断剑的忍者让你知道你已经登陆了他们的错误页面,一个突出的搜索框可以帮助你继续搜索。

Studio7 设计

studio7designs 错误页面示例

Studio7 设计移动应用程序和响应式用户界面。 熊的剪影让你知道你来错地方了。

勺子图形

spoongraphics-404-not-found-error-page-example

Spoon Graphics 是 Chris Spooner 的博客,他帮助他人创造出很酷的设计。 创意在他的错误页面中很明显,看起来好像你调错了频率的电视,并提示你打电话给工程师来修理它。 或者,您可以选择返回主页或档案。

走出舒适区

outofcomfortzone-creative-404-错误页面

Out of Comfort Zone 是 Frederic Harper 的博客,他是一位技术人员和连续创业者。 他身兼数职,热衷于普及技术。 他的错误页面有一个巧妙的设计,显示一条离开水的鱼离开了它的舒适区。 您可以按任意键离开页面。

杰西·马克斯摄影

jessmarksphotography-page-not-found-error-404

Jess 和 Marks 是婚礼摄影师。 他们使错误页面保持简单,仅使用灰色背景和独特的字母来通知您您在错误的页面上。 因此,系统会提示您返回菜单或转到他们的博客。

阿达姆·丹纳威

adhamdannaway-not-found-error-page-example

Adham Dannaway 是一名设计师和前端开发人员。 他的错误页面不是通常的工厂。 它让尤达从桌面屏幕上出现,消息的书写就像绝地大师本人在说话一样。

生命保障

生命支持错误页面示例

Life Support 是一种处理宿醉的饮料的名称。他们的错误页面指责访问者炸毁了互联网。

阿维奥亚

avioa-page-not-found-404-error-page

Avioa 是一种有助于制定业务战略的咨询机构。 他们在错误页面中为您留下了与他们联系的邀请。

第一网页设计师

1stwebdesigner-404-error-page-example

这主要是一家网页设计公司,正在将重点转移到 WordPress 内容管理系统上。 他们告诉你,你是在错误的一页,不言自明:并非所有徘徊的人都迷路了。 在此页面上,您可以转到档案、开始搜索或返回主页。

玛格丽特曹

margaretcho-simple-404-错误页面

Margaret Cho 是一位单口相声演员和电视名人,她也做现场表演。 她网站上的错误页面告诉你迷路是可以的,玛格丽特有时也会迷路。

史泰龙

sylvesterstallone-404-错误页面示例

西尔维斯特·史泰龙是一位演员,后来在电影制作中担任其他角色。 他在错误页面上很有礼貌,并提出带你回去。 或者,您也可以从错误页面浏览菜单。

网络托管秘密揭晓

webhostingsecretrevealed-error-page-example

该网站讨论了网站的托管选项并对其进行了评论。 错误页面有 Grumpy Cat 声称用语法错误的英语吃掉了页面。

上面的一些说明性错误页面一定以某种方式引起了您的注意。 也许你也可以让我们看看你的错误页面?