37个精彩的404错误页面

404页面,如果您不知道,是HTTP中的标准响应代码,告诉用户实际上他们已经点击了断开的链接。如果您正在设计一个网站,那么您将需要一个网站。 404错误页面传统上是令人沮丧的巨大来源,但近年来,创意人员一直将它们作为向网站添加内容的机会。越来越多,我们看到定制的404页面使用幽默,优秀的用户体验或漂亮的设计来让你发现自己处于错误的地方。

做得非常好,404页面可以成为网站本身的迷你大使。甚至可以在Twitter或相关博客上分享它作为网站对客户服务的敏锐性或独特的设计方法的一个例子。我们在这里展示的404错误页面已经实现了所有这些以及更多,所以看一看并激发我们自己开箱即用。

01. Gymbox

Gym Box是一家健身公司,旨在提供“伦敦最独特,最多样化的课程”。该声明的限制可能是其404页面上出现的那种壮观的80年代健身奇观。短裤,裁剪上衣和骨盆插入 - 你还能从错误页面中得到什么?

02. PuréeMaison

PuréeMaison是一家专注于传播策略的创意机构,其特色网站充满了令人愉快的动画(我们建议您浏览一下)。我们特别喜欢这个超现实的404页面,它以某种方式完美地捕捉到了撞击数字墙的痛苦。

03. 皮克斯

pixar 404 page

有些人可能会把事情放在心上太多。皮克斯的404页面,以2015年极受欢迎的Inside Out为特色的Sadness,简单明了,完成了工作。如果它代表你对404错误的反应,那么也许你需要重新审视一下你的生活。

04. Matteo Vandelli

您不需要成为一个主要品牌就可以为您的404页面付出一些努力。我们喜欢这位来自平面设计师Matteo Vandelli的互动示例。他使用了他的错误页面设计组合作为展示他的创造力和设计精明的另一个机会。当访客将鼠标移到404文本上时,它会像水一样涟漪和变化。效果奇怪地令人着迷。

05. 20世纪福克斯

20th Century Fox 404 page

找不到你想要的电影?当你的网址出错时,福克斯电影网站有一个很好的方式来激励你;它的404页面会弹出一部仍然来自邪教电影,还有精辟的标题和一些你可能想看的其他电影。我们发现了来自Edward Scissorhands,Nerds Revenge和Napoleon Dynamite等的片段。具有讽刺意味的是,在撰写本文时,可点击的文字会导致另一个设计不太好的404页面。

06. 云西格玛

cloud sigma 404 page

Cloud Sigma是一个云服务器和云托管服务于美国,欧洲和亚太地区。虽然灵活的云服务器非常有用,但它们并不是很有趣,我们猜测这就是为什么该公司已经做了一些额外的努力,将一些幽默注入其诙谐的404错误页面。我们想知道这个看起来很有帮助的初级开发者在竞争中被挖走之前会有多长时间。

07. BluePath

bluepath 404 page

另一个在404错误页面上使用幽默的网站是位于亚特兰大的数据战略咨询公司BluePath。该页面显示了亚特兰大的地图,在页面的另一侧有一个点,表示访客是“Wayyyy off the map”。在一个非常脆弱的环节中,该地图还包括数据驱动的信息,显示该地区报告的犯罪情况。 “为什么?因为这是一种犯罪,你还没有雇用我们!”啊,这些笨拙的数据分析师。

08. 奇迹

Marvel基于宇宙观察者的404错误页面,将事物牢牢地保持在品牌上。也许是因为Uatu并不是一个观察者(对不起),Marvel决定迎合比我们更浅的游客,并且只在Black Widow的背景下加入他的眼睛。让眼睛跟随访客的光标围绕屏幕的额外酷点。

09. 澳大利亚人

澳大利亚国家报纸The Australian由Rupert Murdoch的新闻集团澳大利亚公司所有,有一个404错误页面的软件。在政治家的语言,人物角色和公共混乱中嘲笑它,它邀请你选择一个政治家来解释错误,就像政治家一样。这个很有意思,非常有趣。

10. Kualo

虚拟主机Kualo公司已有超过15年的经营历史 - 在互联网时代永恒 - 其404页的历史可以追溯到过去以Kualo为主题的太空入侵者游戏。这不完美。对于初学者来说,挑选舰队外缘以减缓入侵者下降的关键策略是行不通的。但它很有趣,如果你得分超过1000分,它可以为你的托管交易折扣。

它包含在这篇文章中也激发了美国害虫控制公司Pointe Pest Control将自己的Pest Invaders游戏纳入其中它的404错误页面,配有不同的飞行和爬行虫来喷雾。

正如Pointe的Chloe Zollinger所说:“对于网站用户来说,达到404错误页面通常是令人沮丧的。我们了解网页用户体验的重要性。为了更好地吸引访问者的体验,我们的团队致力于创建一个互动游戏。我们的404页面。“

11. 无用的Web索引

the useless web index 404 page

即使是世界上最大的无用网站索引也可以休息一天。当无用网络索引无法找到你想要的东西时,它已经准备好了下一个最好的东西:猫鼬的照片,做猫鼬凝视和你的娱乐的东西。 404错误页面无法比拟。

12. Waaark

waark 404 page

NSFW;把耳机放在第一位

法国工作室Waaark的404页面很好看,但最好听一听 - 虽然可能不会起作用。受银河系和银河系漫游指南斯蒂芬霍金的启发,它使用一种名为meSpeak的JavaScript文本转语音工具,让你受到机器人长篇大论。

13. 史蒂夫兰伯特

纽约艺术家史蒂夫兰伯特将此描述为“互联网上最难找到的404页面”,你知道,他可能是对的。它有一个令人难以忍受的相机,只是一个接一个。我们无视你的视频结束,而你身体的任何部分都没有紧握。

14. 丹伍德

Dan Woodger 404 page

大约404页是技术杰作。其他人只是在旱冰鞋上画一个芝士汉堡。虽然Dan Woodger的404页面可能没有任何花哨的功能,但它确实能让你清楚地了解他的风格,并鼓励你点击其余的工作。

15. FIGMA

即使我们有副本插画家CC就在这里,我们可以随时随地使用锚点和Bézier曲线,我们仍然被Figma的404页面所吸引。超大的404文本在矢量中呈现,您可以重塑您心中的内容。

16. 制作的Airbnb

404 pages: AirBNB

这封来自Airbnb的404页面描绘了一个简单但令人愉快的动画,一个不幸的女孩将她的冰淇淋放在地板上。 Airbnb以其风度翩翩和友好而建立了自己的声誉,这个404页面非常适合其品牌形象。

17. 热点制作

Hot Dot Productions将其“设计与技术相结合”的标语应用于其令人印象深刻的404页面,其中包含三个由数百个小点组成的数字,这些小点改变方向或分散以响应访客的鼠标移动。真的很酷。

18. 乐高玩具

404 pages: Lego

乐高在我们眼里没有错(你读过我们的作品了吗?乐高如何将自己重塑为一个超级品牌然而?)。我们喜欢这个可爱的404页面,通过一些惊慌失措的Lego数字和一个没有术语的解释来保持简单。

19. 法尔维纪念图书馆

维拉诺瓦大学在宾夕法尼亚州的法尔维纪念图书馆可能没有国际明星,但它确实有龙。由...制作劳拉邦克里斯哈尔伯格这404页只是让你微笑着“有点儿”!标题和明确的说明和选项,让你回到正轨并远离这些危险的小动物(别担心,它们只是图书馆书籍中的精美插图)。

20. GitHub上

404 pages: GitHub

您期望从专门用于代码版本控制的网站获得一些技术诀窍。 404页面针对不同类型的极客,当您移动鼠标时,通过智能视差效果提升简单的星球大战模仿。 GitHub也很不错500页当服务器中断时

21. CSS Ninjas

404 pages: CSS Ninjas

网页设计世界喜欢忍者。通常作为自封职称的一部分。随着趋势(以及我们猜测它的名称)的下降,CSS Ninjas的404页面具有干净,风格化的插图,反映了网站的一般设计方法。

22. MailChimp

mailchimp 404 page

超时尚的电子邮件通讯服务MailChimp最近经历了一个品牌重塑,它的404页面有一个新的外观匹配。新面貌的错误页面包含了MailChimp新品牌中心的不合时宜的插图。真的,什么说'我迷失'比头颅在洞里的驴更好?

23. 阿联酋

emirates 404 page

如果您是一家以时尚造型和高品质着称的国际航空公司,那么您不需要404标准页面。幸运的是,阿联酋航空的错误页面与其网站的其他部分完美结合,获得了它品牌声音一个发球台,提供充足的机会轻松回到正轨。

阿联酋航空公司的Tomas Panek解释说,该公司不想让其落后于404,因此重新设计它以保持其品牌,完整的航空主题副本。该团队还特别关注用户体验。 “我们研究分析,看看人们在404登陆后通常会去哪里,根据调查结果,我们增加了四个CTA来帮助我们的客户,”Panek说。

下一页:更精彩的404页面......



翻译字数超限