18868949445

东至设计公司:最有创意的404网页来自各地的网站

日期:2020-05-11 阅读:187   作者:东至网站设计开发公司

我们东至设计公司都习惯于自由浏览网站,不受干扰地滚动订阅。当,低,然后,看看,什么地方出了问题,或者我们点击一个不能工作的链接,随后的“这个页面找不到”的消息可能不仅仅是令人沮丧的。这正是404页发挥作用的地方。

 

404错误页面可能会影响或破坏您的客户体验。你的这个小而又重要的部分网站设计有潜力促进您的销售,并敦促游客采取行动。这可能是一个网站访问者放弃和离开你的网站,或成为一个忠诚的客户和你的品牌的球迷之间的区别。

 

下面的品牌和设计师向我们展示了如何利用经典的错误信息来帮助您。他们对404页进行了修饰,不仅可以减轻打击,而且还能给顾客带来微笑、轻松感,甚至是一点点的咯咯笑。下面是一些最好的404页面示例:

 

 

什么是404页?

 

404页是一个在线页面,当您单击某个已损坏的链接时,该页面将出现,因此不再可用(实际上,从未可用)。

 

如果有人输入了URL(换句话说,浏览器地址栏中出现的Web地址),就会发生这种情况。如果一家公司删除或移动了其网站上的某些内容,或者对其permalink结构进行了更改,您也可以达到404页。

 

当你创建一个网站,您可以保留原有的默认选项,也可以保留默认选项。自定义404错误页面。后者让您有机会设计一个诱人的设计,将提高您的客户体验。在设计的顶部,你可以选择写一条友好的,品牌上的信息,为访问者提供他们需要的帮助和方向,让他们继续浏览。

 

 

01. 皮克斯-可爱404页

 

毫无疑问,皮克斯的粉丝们会与这一令人心旷神怡的404页产生共鸣。从这部广受欢迎的电影中选出一个角色,内翻,它有助于加强他们的品牌声誉,并与他们的网站访问者建立联系。使用口语化的语言和熟悉的字符也使页面感觉更人性化,帮助我们联系和联系。

 

无论你的品牌是否像皮克斯一样在世界范围内得到广泛认可,你都可以尝试文本和图像来创造一种友好的、人性化的感觉。用温暖和非正式的语言四处游玩,用“awww”和“oops”这样的词来连接你的听众。

 

 

 

 

 

02. 鸡蛋卷-404页幽默

 

没有什么比幽默更能缓解令人沮丧的局面了--尤其是当它做得很好的时候。创意公司omelet在404页上使用了谨慎喜剧的力量,同时保持与鸡蛋相关的主题一致。

 

鲜亮的红色自动表示警告标志,但最初的恐慌被滑稽的“这一页是蛋鸡”的信息所抵消。请注意,他们是如何让菜单栏在屏幕顶部可见的,使人感到舒服网站导航并使网站访问者能够继续浏览。

 

 

 

 

 

03. 漂流-交互式404页

 

分散注意力并不总是坏事。社交网络驱动的错误页面证明了这一点。这种有趣的、互动的设计邀请访问者来玩,同时也暂时转移了他们的注意力,因为他们没有到达他们想要的网页。

 

这款游戏不仅让人上瘾,还可以作为导航的一种形式;点击任何一张图片,你就会看到它的创建者的个人资料,流畅地将你从404页面中删除。他们还确保包括一个搜索栏和一个链接到他们的主页。

 

 

 

 

 

04. Dropbox-有用的404页

 

你情不自禁地爱上了这对友好的,自行车平衡的二重奏。这些人物以一种天真的插图风格,面带微笑,似乎让一切都变得更好了。这个极好的例子将插图纳入网页设计传达一种熟悉和平易近人的感觉,这减轻了到达404错误页面的挫折感。

 

此外,Dropbox确保添加了一些有用的链接。这使得用户能够轻松地到达另一个页面。什么时候创建您自己的404页,建议通过添加链接到网站最受欢迎的部分来帮助网站访问者,例如您的主页、联系人部分和“关于我们”一页.

 

 

 

 

 

05. 动脉-品牌404页

 

没有多少人会抱怨达到这个设计精美的404页。时尚的视觉效果与这个创意工作室网站的其他部分结合在一起,即使当遇到一个断裂的链接时,也会带来无缝的浏览体验。

 

图像本身是根据光标移动的,由有趣的元素组成。这使得网站访问者有可能有目的地在这个页面上停留一段时间。使用的文本也是安慰,请您点击屏幕上的任何地方,以方便继续浏览。

 

 

 

 

 

06. 懒汉-流行404页示例

 

这里有一个404页,它不太符合惯例。自2001年以来,时尚品牌拉齐奥夫(LazyOaf)自称“一直保持着怪异”,同时也坚持了自己的承诺--以最好的方式做到这一点。

 

他们东至设计公司没有向网站访问者提供他们为什么会到达这个错误页面的通常解释,而是用滑稽的借口、悲伤的表情符号和一个写着‘*’发生‘*’的标志来改变它。然而,这个非常坦率和色彩鲜艳的404页绝不是可悲的。他们还确保了直观的导航,使菜单栏可见,并包括来自他们的图片网上商店只差一小卷就行了。

 

 

 

 

 

07. Spotify-404页,有个人感觉

 

Spotify的错误页面有助于增强品牌认同,它的流行使用千禧年粉红色和乙烯基唱片图像。他们一直在显示他们的菜单栏,无论是在页眉和页脚,使导航变得简单。

 

除了可以通过菜单导航之外,Spotify还采用了友好的会话语言来建议其他有用的页面。在创建自己的网站时,尝试实现“可能”这样的非正式词汇,并添加问题,以帮助您的网站访问者感觉好像有一个人在另一边。

 

 

 

 

 

08. 朱莉·邦尼莫伊-动画404页

 

这设计组合自由设计师JulieBonnemoy是一个真正的眼睛盛宴。404页几乎与主页设计相同,只是使用不同的文本。这意味着您可以流畅地导航到任何其他部分,几乎没有注意到您已经达到404。

 

如果你决定以类似的风格设计你的主页和404页面,你可以尝试添加一些元素来创造一种吸引人的体验。在您的站点上播放动画元素,添加透明视频独一无二矢量艺术插图。

 

 

 

 

 

09. 俄丘比特-安宁404页

 

约会网站OkCupid并没有试图隐藏它的主要目标:鼓励网站访问者注册它的服务。而这个突出呼叫行动它是非常直接的方法,它与一个微妙的字体和舒缓的水下视觉,轻轻漂过屏幕。合在一起,这些都形成了一个整体平衡的外观,这是远远没有进取心的。

 

另一个技巧是将您的404页设计集中在平静色调上,以便向客户保证,虽然页面可能丢失了,但他们仍在正确的轨道上。OkCupid的蓝色让人联想到平静和信任感--对于404页来说,这是个明智的选择。值得一看色彩心理学为你的设计找到合适的色调。

 

 

 

 

 

10. 乐高-友好404页

 

乐高在404页的设计中使用了一个熟悉的角色,帮助将观众与品牌联系起来,并营造了友好的氛围。他们的对话风格也是令人安心的,用感叹号和日常语言保持轻快的语调。

 

如果你也想要一个幽默的404页面,一定要保持它的功能,就像乐高在这里所做的那样,提供其他导航选项。他们强调了CTA按钮的白色背景,使其弹出。通过将菜单显示在页眉和页脚中,站点访问者可以轻松地到达其他页面。

 

 

 

 

 

11. 上野-404页,有创意副本

 

数字经纪公司Ueno创造了一些变化,他们的乐趣,轻松404页。这只活生生的热狗似乎在为它的生命奔波,足以给任何人带来微笑。但与左边机智的文字合并,网站访问者会很高兴他们偶然发现了这个缺失的页面。

 

Ueno把喜剧和精确、简约的设计结合在一起。如果您在404页中包含了幽默,请确保通过保持符合设计原则。使用空白,最小的调色板和文本层次有助于品牌达到专业的色调。

 

 

 

 

 

12. 菲格玛-接触404页

 

虽然这可能一开始看起来是一个经典的黑白背景设计,但远不是这样。再仔细一看,你就会发现在文本上玩游戏的可能性,这让人有点上瘾的互动游戏,还能让你一瞥产品本身的本质。

 

Figma还包含了许多不同的导航选项,包括页面顶部和底部的菜单。潜在的沮丧访问者可以通过点击许多菜单项中的一个来轻松地访问他们正在寻找的页面。

 

 

东至设计公司 

 

 

13. 梅尔奇普-温馨404页

 

实现一个完美的插画风格,介于孩子气和情绪化之间,MailChimp绝对知道如何缓冲在404页上登陆的令人有些沮丧的情况。它们包含了一个突出的大按钮,它是唯一的彩色元素,位于页面的正中。

 

然而,使这个404页面真正特别的是创建每个元素的敏感性。驴子的头像在一个洞里,拼命地寻找来访者正在寻找的那一页,这张照片本身就在移动。但是当结合诗意语言和字体配对对于无衬线字体的衬线,整体效果是触感和提升。

 

 

 

 

 

14. 韦德和莱塔-古怪而精彩的404页

 

这个独特的设计由创造性的韦德和莱塔从人群中脱颖而出。就像他们的其他人一样在线投资组合在所有正确的方面都是私人的和怪异的。他们包括了一个简短的圈形礼物,韦德在超市的过道里聊天,并做了一个似乎与404页面无关的手势。

 

然而,它确实带来了一个微笑,这无疑是达到错误页面的积极结果。在你面前的大文本不仅仅是一个Web设计趋势,但也可以用一种时尚、毫无歉意的方式直截了当地告诉你这个问题。

 

 

 

 

 

15. 维克斯-干净简洁404页

 

我们东至设计公司情不自禁地把这个也包括进去了。不仅仅是因为它有一只毛茸茸的猫。虽然这位猫科动物的朋友在可爱方面肯定赢了,但它也微妙地暗示了网站访问者可能错误地输入了域名(要么是那个,要么是一些爪子)。

 

除了视觉方面,此错误页面提供有用的链接,将引导访问者到他们想要的位置。这篇文章简明扼要.与一个简单的网站配色方案,由一个大的白色背景,以及一抹灰色和黑色,这一页唤起了一种平静的感觉。