博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
错误变惊喜,10个有趣的404页面设计(转)
阅读量:5348 次
发布时间:2019-06-15

本文共 1284 字,大约阅读时间需要 4 分钟。

我们在网络上浏览时,一般都是利用网址来找寻你需要的网页。而每次当你输入的网址错误、或是原本的网址更改了,就会出现「HTTP 404」找不到网页的画面。一般我们看到的画面会是类似以下的状况:

看起来很眼熟对吧?有时候光是看到这个画面就会不经想叹叹气呢。由于 404 可以说是最常见的一种 HTTP 状态代码,因此许多网站都会特地为这个 404 的画面做客制化,让浏览者即使从错误的连结来访你的网站,也不会有「连结是坏的,可能这个网站不存在了」或是「网站可能消失了,不再经营了」的感觉而直接 关闭网页、无形中失去了原本可能来拜访的浏览者。

一个诙谐有趣的 404 画面不仅能让浏览者降低迷失的挫败感,要是够有趣的话,还会让人不禁会心一笑呢!让我们来看看各大公司网站为我们这些可能迷路的旅人准备的小惊喜吧。
Google 的 404 网页,相信有不少人看过了,简单的手绘插画让人觉得轻松又可爱

Dribble 的 404 网页,dribble 在篮球中是指运球的意思(Dribble 的 Logo 本身就是一颗洋红色的篮球!),而在 dribble 上的 404 网页就是一个 Air Ball 啰。

                                                          dribbble.com/404

GitHub 的 404 网页相当精致,相信星战迷一定对这个场景不陌生,记得点进去移动你的鼠标看看网页的互动效果。

                                                     github.com/404

 

Dropbox 由于具有档案分享的功能,所以它的 404 同样一定也很多人看过:是个衍生自 Dropbox Logo 的视觉错视立体方块图

                                                   www.dropbox.com/404

 

脸书 Facebook 虽然是世界网站流量排名第一的网站,但它的 404 其实不是这么常见,而自然脸书的 404 也是从按「赞」设计延伸出来的。

                                                     www.facebook.com/404notfoundfortheurl

 

 

Lego 网站的 404 画面做得相当活泼有趣

                                                             www.lego.com/404

 

这是一个谐音梗,坏掉的连结有时候我们称之为死亡的连结 “Dead Link”,而 Link 又刚刚好是任天堂著名游戏的主角姓名…

 

                                        www.pixiapps.com/404/

 

 

一样是老游戏,红白机上的小蜜蜂画面搭配着 “Play again”,将浏览者带回网站的主要页面。

 

                                                         www.marketingvirtuel.fr/404notfound

 

老游戏的梗常常被拿出来恶搞:还记得到处都找不到正牌公主的玛莉欧吗?

彩色 Bar 跟蓝色当机画面让大家可以回味以往的美好时光?

自定的 HTTP 404 虽然平常在网页上看不到、很容易被设计师忽略,但如果你只是让使用者看到那个浏览器预设的 404 画面时,往往使用者会直接关闭网页离开呢。相对的要是可以针对 404 页面做适当的设计,即使浏览者来错了入口,也可以提升浏览者对你的好印象,进而顺利引导浏览者回到你的网站中。也记得为你的客人们准备一些小小的惊喜吧!

 

转载于:https://www.cnblogs.com/webqiand/p/4610042.html

你可能感兴趣的文章
HBASE的MAPREDUCE任务运行异常解决办法,无需CYGWIN,纯WINDOWS环境
查看>>
禅道在docker上部署与迁移
查看>>
关于继承、封装、多态、抽象和接口
查看>>
c27---typedef
查看>>
android WebViewClient和WebChromeClient
查看>>
div+css清除浮动代码
查看>>
017Python路--解释器
查看>>
idea2019中utf-8乱码问题
查看>>
docker应用-3(搭建hadoop以及hbase集群)
查看>>
Java学习:标准类
查看>>
Python:pip 和pip3的区别
查看>>
ACCESS+ASP数据库乱码的解决
查看>>
关于PHP时间的
查看>>
java TCP/IP socket
查看>>
day05接口
查看>>
JVM调优之经验
查看>>
机器学习算法
查看>>
python系列十七:Python3 标准库概览
查看>>
leetcode 解题 String to Integer (atoi)(C&python)
查看>>
梦幻西游网页版无法在虚拟机上运行【游戏】【页游】【虚拟机】
查看>>