1. 首页
  2. 网站设计
  3. 正文

网站设计中的404页面设计

  当你试图访问一个不存在的网页时,会弹出一个404页面。如果你做了一个网站设计,那么你也你需要一个404页面。传统上,他们是一个巨大的挫折来源,但最好的404页面被网站设计师变成了品牌的优势。

  我们越来越多地看到定制的404页面,这些页面使用机智、聪明的用户体验或漂亮的设计来减轻发现自己在错误位置的痛苦。无论是一些深思熟虑的CSS动画,还是一个很酷的视差滚动效果,或者只是一些比你的平均水平更聪明的拷贝,有很多方法可以活跃你的404错误页面,正如这些例子所证明的。

  最好的404页面可以成为网站设计本身的迷你大使,它甚至可以在Twitter或相关博客上分享,作为该网站致力于客户服务或独特设计风格的一个例子。我们在这里展示的404错误页面已经实现了所有这些功能,所以看看吧,希望对网站设计师的你受到启发,跳出自己的思维定式,更大胆创意的完成你的网站设计项目。

  一、年度流行色


  1、Happy Halloween


  这个网站设计致力于与潘通年度色彩有关的一切,它的一切都设计得很漂亮,包括它的404页面。网站进入了一个令人印象深刻的数量的深度,与相关的色彩系统的部分,建议调色板,并在使用的阴影的例子。与此同时,404页面采用了一种智能但简单的方法。网站上有一条简短的说明信息,还有一块潘通(PANTONE)404色块的样本,这是一种非常合适的灰棕色,以配合用户在网站上的心情。

  上野

  2、Happy Halloween


  上野是一家提供全方位服务的机构,拥有非常出色的404页面。你在上面所看到的并没有抓住它的全部努力:热狗是动画的,所以它在一个超现实的风景中无限循环运行,并且有几个搞笑的解释信息要探索,它是疯狂的和完全独特的—访问这里的错误页面。

  安卓

  3、Happy Halloween


  Android通过其游戏化的404页面将迷失变成了一种有趣的体验,小小的工作机器人会吐出甜甜圈、果冻豆和棉花糖,用户旋转齿轮将它们导向正确的管子。运动简单,可爱和品牌设计,这款游戏是上瘾的糖果正在分类,点击这里查看。

  松弛

  4、Happy Halloween


  可以毫不夸张地说,Slack 2019年的标识更新引起了广泛的恐慌,而其超级甜蜜的404页面肯定也有不少讨厌它的人。如果在Slack上出了错,你就会被指引到一个神奇的地方,那里有茂密的树叶、山脉和彩虹,蝴蝶、鸡和小猪在那里自由自在地漫步。随着鼠标移动,场景也会水平滚动(在这里试试)。

  BluePath

  5、Happy Halloween


  另一个在404错误页面上使用幽默的网站设计是亚特兰大数据战略咨询公司BluePath,这一页显示了一张亚特兰大的地图,在页面的另一边有一个小点,表示访问者“完全不在地图上”。在一个极其脆弱的链接中,该地图还包括数据驱动的信息,显示该地区的犯罪报告。“为什么?因为你还没雇我们是犯罪!”这些古怪的数据分析师。

  Kualo

  6、Happy Halloween


  网络托管公司Kualo已经运营了15年,在互联网时代是永恒的,它的404页面通过向访问者提供Kualo主题的太空入侵者游戏让人回想起了过去,但它不是完美的。首先,切断舰队外围以减缓入侵者下降速度的关键策略行不通。但它很有趣,如果你设法获得超过1000分,它可以为你的托管协议赢得折扣。

  这篇文章也启发了美国害虫控制公司Pointe pest - control,在它的404错误页面中加入了自己的害虫入侵者游戏,包括不同的飞行和爬行的虫子。

  正如Pointe网站的克洛伊•佐林格(Chloe Zollinger)所言:“对于网站用户来说,访问404错误页面最令人沮丧。”我们明白网页上的用户体验有多重要。为了改善访问者的体验,我们的团队致力于在我们的404页面上创建一个互动游戏。”

  维多利亚Spicer

  7、Happy Halloween

  维多利亚·斯派塞是伦敦的布景设计师和道具设计师,正如你所预料的那样,她的作品集站点充满了美丽的照片,她的404错误页面也不例外。它展示了她顽皮的一面,同时还保持着东西看起来光彩照人。

  暴雪娱乐公司

  8、Happy Halloween

  视频游戏开发商暴雪对其404页面采取了独创的方式,在它,工作的网站设计似乎已经成为破碎:标题导航下降,有一个破碎的屏幕效果。没有太多有用的链接,相反,暴雪选择了一个严肃的错误信息:“这个页面不存在或其他一些可怕的错误已经发生”。

    延伸阅读

  • 网站设计细节注意,做对搜索引擎友好的页面

    我们知道网站页面设计直接影响到其是否能够对搜索引擎足够友好,进而会对网站的排名以及优化难度带来影响。网站页面的结构必须足够清晰网站页面结构是否清晰决定着用户是否能够在进入网站的...

  • 网站设计制作注意事项科普!

    很多企业之所以要进行建站,就是为了能够多开辟一条通道,让更多的用户了解到自己的企业,也希望能够通过网络促成更多的订单。那么,在建站的过程当中,肯定是离不开网站设计制作的。在具体...

  • 企业网站设计制作首页需要安排哪些内容?

    网站首页是用户进入网站后看到第一个页面,是企业网站的门面,好的首页能给网站访问者留下好的感官印象、起到清晰的导航作用、能够体现和突出网站主题、充分获得用户对网站和企业的信任度。...

  • 企业网站设计基本优化要素

    网站优化设计的核心是要重视网站访客的访问便捷性等用户体验要素,具体包括网站结构、网站内容、网站功能和网站能够提供的服务,尤其是网站的结构和网站内容更重要,网站优化的核心是“内容...

  • 莆田网站设计

    随着互联网的快速发展,网站已经成为了企业在网络上展示信息、推广产品和服务的重要途径。一个好的网站设计可以提升用户体验,增加用户粘性,从而为企业带来更多的机会和收益。1.概述莆田...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/8378.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();