页面不存在≠不好看,35个有创意的404错误页面设计欣赏

链入一个错误页面是让人心痛的,但如果错误页面创意颇丰或被精心设计,可以让浏览者的体验不至于大大受损。下面的404页面设计,也许可以给你一些启发……

 

如果你在运营一个网站或博客,请不要忘记那个重要的404页面——当用户打开了你网站中不存在的链接时,网站服务器就会返回错误代码404,从而转入这个页面。

在过去,出现404页面是让人失望的一大因素。但近年来,创意人员开始设计定制404页面,这些页面以幽默的风格、出色的交互和美观的设计等试图挽回你的好心情,或至少它会指出你要访问的链接为什么不存在。

如果做的好,404页面本身就可以使得你网站的形象脱颖而出。由于它可能是独特的客户服务或设计方法理念的体现,很多404页面甚至被用户拿来分享在微博上。我们这里介绍了很多404页面,它们各具特色,也许会给你启发,去设计出自己优秀的404页面!

(如果你有兴趣,甚至可以看看本站的404页面http://www.kamilet.cn/404

1.皮克斯

955801 - design, sharing - 页面不存在≠不好看,35个有创意的404错误页面设计欣赏

(啊啊……别哭了。只是一个404错误而已!你正在查找的页面可能已在时间的长河中丢失……)

很多人会情绪反应过度……皮克斯的404页面从2015年的电影《头脑特工队(Inside Out)》中提取借用了故事和情景,简单明了地告知你发生了什么。如果你看到404后会向图中一样大哭一场,那你也许该重新审视生活。

2.福克斯电影

17398742 - design, sharing - 页面不存在≠不好看,35个有创意的404错误页面设计欣赏

(这个页面不存在,请不要盯着它看了!也许你是想看《剪刀手爱德华》?)

找不到你想要的电影?福克斯电影的网站在你遭遇404错误的时候,反而可以给你个好点子:404页面上提供了一些随机的电影片段,它们有精心定制的标题和相关的系列电影列表,你可以找到很多喜欢的电影。在测试时,小编看到了包括《剪刀手爱德华(Edward Scissorhands)》、《菜鸟大反攻(Revenge of the Nerds)》和《大人物拿破仑(Napoleon Dynamite)》等经典电影的片段。

3.Cloud Sigma

48403913 - design, sharing - 页面不存在≠不好看,35个有创意的404错误页面设计欣赏

(哦不!你找到了我们初级程序员的主页!除了躺在沙发上睡觉,我们的初级程序员也会挤出点时间来写代码……)

Cloud Sigma是美国、欧洲和亚太地区的云服务器和云托管服务运营商(卡米雷特的小站最初就建立在Cloud Sigma的服务器上)。虽然云服务器灵活又实用,但说实话并不太有趣,我们猜想这就是为什么他们在404页面上玩搞怪玩的很开心。我们在想这个看起来很有用的初级程序员被竞争对手挖走已经多久了……

4.Bluepath

22513613 - design, sharing - 页面不存在≠不好看,35个有创意的404错误页面设计欣赏

(所有人都在这里,只有你现在在地图外面!)

另一个在404页面上加入幽默元素的是位于亚特兰大的数据战略咨询公司BluePath。我们很欣赏他们利用热门话题来搞笑的方式,他们借用了报导亚特兰大犯罪率的地图,并告诉你你不在地图里面。他们常说:“为什么?因为你犯了还没和我们合作的罪!”,天呐这些数据分析师真是奇怪。

5.The Australian

48726242 - design, sharing - 页面不存在≠不好看,35个有创意的404错误页面设计欣赏

(需要排干的不仅是华盛顿的沼泽,我们对这个页面也做了点清理!#让澳大利亚再次伟大起来)

澳大利亚国家报The Australian隶属于鲁珀特默多克新闻集团,他们最近重新设计了404页面。他们非常会玩,嘲弄政治家、政治用语和公共问题。如何解决链接不存在的问题?他们邀请你选择一位政治家来解释这个问题,就好像只有他们才能解释一样……这非常有趣。

6.Kualo

26252906 - design, sharing - 页面不存在≠不好看,35个有创意的404错误页面设计欣赏

(哦不,外星侵略者毁掉了这个页面,向他们复仇吧!)

服务器托管公司Kualo已经运营了15年以上,是互联网界的元老,它的404页面就反映出了它的地位:一个以Kualo为主题的太空侵略者游戏。

先将舰队边缘的船只摧毁可以减缓侵略者入侵,对新手来说可以将它作为主要策略,虽然这不是最佳玩法。这个游戏有点难,但很有意思,如果你能拿到1000分以上,就可以得到托管服务的折扣。

在本篇文章中,还会提到美国害虫防治公司Pointe Pest Control在404页面上加入的《害虫杀手(Pest Invaders)》游戏,你可以向不同的飞蚊和爬虫喷洒杀虫剂。

Pointe的Chloe Zollinger表示:“访问到404页面对网站用户来说是令人沮丧的,而我们很清楚用户体验的重要性。所以为了提供更好的体验,我们决定制作一个互动游戏放在404页面上,这可以增加访问者在页面上停留的时间,让他们甚至愿意和错误页面进行互动。“

7.The Useless Web Index

92280965 - design, sharing - 页面不存在≠不好看,35个有创意的404错误页面设计欣赏

(我们正在帮你找那个页面……但我们没找到)

就算是世界上最大的无用网页索引页面也会有404的一天。当the Useless Web Index无法找到你想要的内容时,它准备了一个好东西给你:一段在到处找东西的猫鼬的视频,它能让你会心一笑。

8.Waark

94476748 - design, sharing - 页面不存在≠不好看,35个有创意的404错误页面设计欣赏

(呀,好像除了什么问题)

法国工作室Waaark的404页面很美观,但如果你能“听一听”会发现它更好——尽管在很多浏览器上它无法工作。受到史蒂芬霍金、《银河漫游指南》和《传送门》的启发,它使用了一种名为meSpeak的JavaScript文本语音转换工具,你可以试着用它和机器人对话。

9.Steve Lambert

89191734 - design, sharing - 页面不存在≠不好看,35个有创意的404错误页面设计欣赏

(这是你能找到的世界上最丑的404页面)

纽约艺术家Steve Lambert将他个人网站上的404页面称作“你能找到的世界上最丑的404页面”,糟糕的是他可能是对的。一段很有冲击力的视频被相机记录下来,然后开始播放。如果你能毫无反应地看完这个视频,我必须对你表示敬佩!

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注