网站正常运行时间 - 业务网站已启动和运作的时间 - 是营销人员和IT专业人员跟踪的重要指标。但无论您在确保您的网站中的资源多么多,永远都会reybet雷竞技下载下降......它始终有可能的可能性。

这是一个笨拙的,但生活中的事实。以及游客在暂时无法使用的网站上降落的游戏可以运行色域 - 从“迈出思想完全失去思想”。

虽然你没有任何东西可以对后者做的,但是你可以通过一个创造性的错误404消息,让您的网站停机时间少一些痛苦。这可以让你的网站访问者在令人沮丧的情况下露出微笑。

免费下载:77辉煌的网页设计示例 

为了让你的设计流畅,这篇文章将展示一些我们最喜欢的网站错误页面。希望你能带走一些想法窥探自己的404条消息

什么是404错误?

404错误是标准的HTTP错误消息代码,这意味着您正在尝试达到的网站无法在服务器上找到。这是一个客户端错误,这意味着网页被删除或移动URL没有改变或者错误地输入了URL的人。

在大多数情况下,您可以将Web服务器配置为创建自定义404错误页面。(如果您是Hubspot客户,点击这里了解如何在Hubspot中自定义404页。)

一些自定义404错误页面包括英雄图像,诙谐描述,站点地图,搜索表单或基本联系信息。查看我们所看到的最多创意404错误页面中的24页,一定会使任何遇到的人愉悦。

未找到页面:24 Creative 404错误页面

1)bluegg.

如果笑声是最好的药,那么Bluegg的404错误页面可能是治愈。它包括 - 在autoplay上,并且声音 - 一个像人类一样尖叫的山羊的嵌入式视频。(你可能会认出他们这些病毒视频。)诚实......它永远不会变老。

bluegg - 404 page.png

2)Spotify.

每年,Spotify发布他们的“音乐一年”微型材料。该网站允许访问者浏览来自地球各地的年度最受欢迎的音乐。但是那里有一个伟大的复活节彩蛋:Microsite的404页是贾斯汀比伯2015年的点击歌曲“抱歉”,使其及时搞笑。

spotify - 404 page.png

3)云sigma.

检查一下:云Sigma让我们在一些幕后的行动中。他们的404错误页面巧妙地假装成为一个“初级开发人员的主页” - 初级开发人员们,好吧......一只猫。

Cloud-Sigma-404-PAGE.PNG

图片来源:蜡笔

4)CSS技巧

曾撕掉了一个网站的包装,看看下面是什么?这是CSS技巧在他们的404错误页面上的概念。这既聪明,也可以让人想起他们的品牌关于:CSS。

css技巧- 404 page.png

5)好老游戏(GOG)

对于其他网站,您将揭开和有......银河系。这实际上是对Gog Galaxy的聪明参考,它是Gog的本土视频游戏客户端。值得庆幸的是,一个小型视频游戏角色在那里给游客提供了一个去报告错误的地方。

高格- 404 page.png

6)magn

在这个有趣的错误消息中,Magnt在事实中嘲笑乐趣,是的,他们可能会破坏某些东西 - 或者,你只是无法键入。Visual是一种快速的方法来说明他们对那些不愿意阅读描述的点。

MANGT-404-PAGE.PNG

7)bit

记住Twitter的失败鲸鱼?同样,贝斯特 - 北方的吉弗鱼 - 进入他们的错误消息。可怜的小家伙是左浮肚子。

沥青 -  404-页.png

8)Daniel Karcher电影设计工作室

当您的业务是电影时,为什么不使404错误页面变成类似一部短片电影的东西?Daniel Karcher的人们在这个页面上的动画做了很大的工作,包括聪明的参考资料,如电视剧丢失。顶部翻转的股票代码说“请继续到主层”,当你点击它时,你就会回到主页。

蓝色-丹尼尔- 404 page.png

9)美国国家公共电台

风格主义地,NPR的错误页面没有特别的。但是继续阅读,你会看到他们如何巧妙地联系在他们对失去的人,地方和事物的一些伟大故事中,就像Amelia Earhart上的一块葡萄酒和Waldo。希望这使得失去的用户却感到少一点。

npr-404-page.png

10)暴雪娱乐

这里有一个简单的想法,最终看起来很酷:暴雪娱乐的404页面是他们常规主页的一个“坏”版本。这篇文章嘲笑用户:“太棒了。您破坏了它”,接着是“这个页面不存在或发生了其他可怕的错误。”

Blizzard-Entertainment-404-PAGE.PNG

11)锡理智

我们无法停止在Tin Sanity的404页上的动画中喋喋不休,它具有一个动画的杯子,血迹眼睛大喊大叫,并在屏幕上来回“跑步”。整件事被设置为强烈的低音轨道,使其变得更有趣。与此列表上的许多其他404页相同,此品牌在获得404错误的事实中展示了乐趣并不是这笔交易。

TINSANITY-404-PAGE.GIF

12)橘子od.

如果您要发出错误消息,为什么在帮助他们时,为什么不招待用户几秒钟?在友好的问候语之后(“亲爱的互联网旅行者”),Orangecoat提供了一个很酷的流程图,实际上可以帮助用户弄清楚他们为什么达到错误页面。

Orange-Coat-404-PAGE.PNG

13)astuteo.

为什么网页设计和数字营销公司Astutieo选择了押韵或原因卡萨布兰卡主题为404页。但是,鉴于电影的普及,它肯定会与最终达到该页面的许多用户响应并欣赏许多用户。

astuteo-404-page.png

14)brandcrowd.

在这个错误页面上的插图很酷,副本也很聪明。我们喜欢参考Semisonic歌曲“结束时间”:“您可以单击其他地方,但您不能单击此处。”

Brand-crowd-404-page.png

15)铲子

Cooklet的错误页面在设计和复制上是简单和令人愉快的。该死,我想要一块!

cooklet-404-page.png

16)GitHub.

“这些不是你要找的机器人。”这句话指的是欧比旺·肯诺比在《星球大战》中对风暴兵实施的绝地心理战术星球大战4- 它已成为一个着名的短语,曾经告诉别人正在追求错误的行动方案。GitHub在404个错误消息中播放这个着名的线路。

github-404-page.png

17)格兰克伯克

自由平面设计师Grant Burke甚至在他的404页面上展示了他的设计技能。图形简单,概念——牛奶盒上缺失的一环——既有趣又聪明。

格兰特-伯克- 404 page.png

18)移动线

好像Moveline的图形404错误页面不够可爱,我们喜欢下面的副本。他们同情,当他们已经强调移动时,他们可能会被错误消息强调。为了简化他们的担忧,Moveline包括他们的联系信息。

Moveline-404-pages.png

图片来源:蜡笔

19)乐高

乐高的404错误页面不需要拷贝:他们让他们的角色说话。快点,伙计,把它插回去!

lego-404-page.png

20)Hoppermagic

Hoppermagic的错误页面与Lego相似,通过表示页面被打破的虚构原因。这一次,它是蚕食电缆的兔子 - 一个点头到他们的兔子标志。

hoppermagic-404-page.png

21)iconfinder.

在网页迷失在太空中时,难道你不讨厌吗?iconfinder的错误页面很简单,但令人愉快。佩戴SPACESUIT的动画表情符号似乎进一步弹起来,您留在页面上的时间越长。

iconfinder-404-page.png

22)热点制作

热点的错误页面保持符合他们的标记线,“新技术与设计的交叉点。”该页面由数百个微小点的动画,可以响应移动光标的位置来改变方向。它令人着迷,酷,以及他们的设计能力的伟大展示。

Hot-dot-404-page.png

23)homestarrunner.com.

HomestArrunner.com,闪存动画片系列的家园,多年来有一系列热闹的404错误页面。来自动画片系列的最新特征在一个场景中可能会直接从他们的一集中开始。如果你装上页面时的声音打开,你会听到他们的角色强烈糟糕 - 众所周知,大声喊叫 - 说,“404'd!”

HomeStarrunner-404-PAGE.PNG

24)HUBSPOT.

它也发生在我们身上!这是我们提出的消息,告诉我们的网站访问者有一些网站问题。我们的目标是保持忠实HUBSPOT的品牌声音作为可爱,善解和乐于助人尽可能乐观。

HUBSPOT-404-PAGE.PNG

看看11最佳微现场示例

优秀的主页,博客和登陆页面设计的例子

新的文字-动作

最初发布于2015年12月16日星期四8:00:00,2019年10月23日更新

话题:

网站设计的例子