35个惊人的“404页面”设计成功的秘诀

当一个网站的首页找不到的时候,这真的会让用户感到悲伤,有时甚至是愤怒。如果错误页面以有趣的、不寻常的或优雅的方式呈现,访问者不会感到不安。用这种有效的方式,你可以挽救你的客户,他们肯定会回到你的网站404页的有一个原始的设计,提供解决方案,并提供关于错误的有用信息。所以,不要低估了a的重要性和价值自定义错误页面如果你的网站上的页面已经不存在了,你可以创建一个非常出色的页面来引导用户。让他们知道发生了什么,并帮助他们容易地理解问题的原因。

35个惊人的“404页面”设计成功的秘诀

如果你想让你的网站有竞争力和成功,你必须拥有一个迷人的定制404页面无一例外。它不仅传递发生的错误消息,还为进一步导航提供解决方案和选项。不要让你的用户感到失落。把它们带走。让他们浏览你的网站。在下面的综述中,我们对其进行了专题报道35个惊人而有趣的错误页面。你可以把这些艺术品当作灵感的源泉;希望这个展览对每个人都有好处。

35个惊人而有趣的错误页面

Newspond
颜色和内容非常平衡。明亮的黄色环在深黑色背景下显示出有问题。但是你可以很容易地找到如何避免这个封闭的圆圈的解决方案,点击页面顶部的神秘图像,问题就解决了。

Newspond

Hootsuite
404页面,详细解释了错误发生的原因。为了帮助失踪的猫头鹰回家,点击“返回主页”按钮。

Hootsuite

关键零
Criticalzero.co。英国错误页面是在海洋风格和在一个简洁但有效的方式提供必要的信息,如何去到你真正需要的页面。

关键零


根据武士的政策,如果你找不到一个页面,你就必须进行一种仪式自杀,用日语来说就是切腹自杀。但是永远做你自己,不要遵循坏习惯。按下图片下面的链接,进入母版页。这个队很有幽默感。

Techkultura

CSS混音
这个哭泣的家伙展示了一些网民找不到他们想要的东西时的反应。

CSS混音

GDZLLA 404页
404错误页面也可以看起来很有趣,即使它展示的是险恶的哥斯拉。这里有一个很好的例子。

Gdzilla

丹尼斯·钱德勒
哦,你肯定没来对地方!丹尼斯·钱德勒为网站所有者和迷失方向的访问者提供了一个出色的404页面,其中包含有用的提示。

丹尼斯·钱德勒

亨氏食品公司
最著名的番茄酱的404错误页面。在上端菜单栏上有有用的直接链接到起始页的信息页。

亨氏食品公司

Wulffmorgenthaler
技术支持部门的人总是冷静和耐心的。你不相信吗?看看这个“沉稳”的男人。来自wulffmorgenthaler.com的非常棒的艺术作品。

Wulffmorgenthaler

Henrik赫泽高
主角荷马为你提供了两种做决定的方法,你可以按“Home”或“Contact”。

Henrik赫泽高

DJ案例
Dj-case提供了一个非常时尚、实用和用户友好的404错误页面。它肯定会让用户留在网站上,找到新的访问者,并与那些经常访问的人交流。

DJ案例

Kochatelier柏林
新鲜的烤面包在纯白色的背景是一个完美的设计解决方案的烹饪机构。使用“关于我们”,“主页”和“联系”按钮,你可以找到你需要的东西。

Kochatelier

Duoh
你喜欢智力游戏吗?这是给你的。创意和熟练的404错误页面与导航菜单下的彩色图片,它引导你到新闻,投资组合和接触部分。

Duoh

我喜欢字体
令人惊叹的巧克力-粉红色调色板方案和令人惊叹的字体,使浏览404页面真的很愉快,甚至美味。

我喜欢字体

切姆斯福德图书馆
不要放弃,切姆斯福德公共图书馆会解决这个问题并找到正确的页面,因为它的团队喜欢帮助人们找到信息。

切姆斯福德图书馆

杰米Huskisson
Jamie Huskisson使用图像与“迷失”的游客交流。

杰米Huskisson

Amoderneden
Amoderneden.com网站通过可爱的绵羊查理与访问者建立联系。

Amoderneden

Theo-Theo
一个地方有这么多停车标志!停下来,看看周围,然后回到主页!

Theo-Theo

什么是马口铁
发生了什么事?没人知道,但是你要找的页面是…这里没有更多的。设计404页面的创意方法。

什么是马口铁

Marchansenstuff
这张可怕的搞笑脸让我笑得又大声又真诚!我已经回去好几次了!惊人的! !

Marchansenstuff

Mikekus
你的显示器里有一个发出嘶嘶声的灰色屏幕。找不到那个节目的电视机。

Mikekus

塑造的页面
相当灰色的大象在蓝色背景下看起来绝望,它想要你按下按钮“带我回家”。帮助他

塑造的页面

Forrst
这个错误页面的设计给人留下了深刻的印象。它还包括一个有用的搜索框。

Forrst

Mailchimp的
如此有趣和不寻常的页面外观。幽默的动画告诉用户发生了一些事情。是的,这是错误!

MailChimp的

9呕吐
这是一个社会化图片书签网站。它的错误页没有通常的数字,数字是写的。非常有创意的决定。”

9呕吐

压碎的
这个错误页面通过情感、一只迷失在太空的有趣好奇的狗以及这个网站的访问者来交流。

压碎的

粗斜体的
在这个时尚优雅的404页面上呈现了令人惊叹的清晰字体。

粗斜体的

特拉维斯尼尔森
看起来你弄坏了特拉维斯·尼尔森的网站,你可以用菜单栏把一切整理好,找到家。

特拉维斯尼尔森

克里安召集
Kilian集合在他的设计中使用了相当大的衬线字体堆栈。哲学家骨架在思考如何找到正确的解决方案,并进入主页。

克里安召集

Pieoneers
这个错误页面结合了生动的图像和有趣的排版。

Pieship

入口网站Habrahabr
在这个错误页面上有两个可笑的外星人。他们会提供一个搜索链接,让你找到丢失的东西。

入口网站Habrahabr

Carsonified
你发烧吗?哦,不,是一些与carsonified页面,404错误!明亮杰出的设计与闪耀元素!

Carsonfied

XHTML的厨房
盘子已被打破-页面已被删除或删除。XHTML Kitchen确保您不会感到失落。

XHTML的厨房

拥抱的怪物
你做错了什么,把纸弄坏了,现在还是小心点为好!这个错误页面讨厌你!由hugsformonsters团队设计的非常有创意的作品。

拥抱的怪物

克里斯·詹宁斯
你可以使用“访问主页”按钮来进入你一直在寻找的页面。注意图片下面的“励志”字。

克里斯·詹宁斯

结论

如果说标准错误页面通常会激怒网站的访问者,那么一个有创意的自定义404页面则会产生相反的效果,它会让用户开心、吸引甚至微笑。奇怪的是,直到现在还没有人在一个自定义错误页面中插入“分享”或“转发”按钮,这样人们就可以把他们对一个有趣的艺术作品的积极体验分享给用户和朋友。也许,你会是第一个把这个想法付诸行动的人?

最后,一个引人注目的错误页面很有可能让您的站点出现类似这样的摘要。所以,继续创建你自己的“错误”杰作吧。

2020-09-24 17:43
相关热门