网页设计欣赏:别人家的404页面

作为网页设计的一部分,好的404页面不仅不会造成用户的反感,反而可以成为网站向用户展示实力与水准的侧面证明。

随着对用户体验度重视的加深,个性化的404页面越来越常见。作为网页设计的一部分,好的404页面不仅不会造成用户的反感,反而可以成为网站向用户展示实力与水准的侧面证明。

 

出于对用户体验的考虑,我们在设计404页面时,应尽量别让用户一看到404页面就随手把页面给“X”掉了,而是引导用户访问与该网站相关的其他页面,这样做可以有效加大网站的跳出率,从而避免这些本属于我们的流量却因404而白白流失~

 

目前,有很多方法可以活跃网站的404页面,例如:新奇的平面设计、有趣的CSS动画、酷炫的视差滚动效果等。在日常工作中,我们可以多多参考优秀的404页面设计,再根据自己网站的调性进行相应的设计。

 

为了帮助大家学习参考,我们搜集了几个国外网站的404页面,希望能对身为网站设计师的你有所启发,并让你跳出自己的思维定式,更大胆地完成网站设计项目。

 

1. Dan Woodger

这是在伦敦生活和工作的插画师Dan Woodger的个人网站,其404页面主要由一个拿着sorry小红旗的汉堡构成,同时配以网页不见了的简单说明,并附上了个人插画作品的链接,页面风格与网站协调一致,充满了趣味性。

 

2. Bitly

Bitly是一个URL缩短服务和链接管理平台,该网站的404页面配色非常小清新,且其中的飞鸟、云、鱼、水面都是动态的。用户进入这个页面后可点击链接回到网站主页。

 

3. tinsanity

当用户来到这个404页面,将会看到这样一幅画面:在有节奏的背景音乐中,一个眼睛布满红血丝且啊啊大叫的吸管杯正绕着两小排黑字绕圈。

 

4. Airbnb

作为一个全球性的民宿网站,Airbin的404页面和其网站主页一样,都属于简约型的。该页面除了“查无此页”的简单叙述外,还包括一个把冰激凌掉在地上后转喜为悲的小女孩外以及7个网站相关链接。

 

5. BrandCrowd

Brandcrowd是一家产品标志设计以及营销公司,其404页面主要由一副手绘风图片构成,该图片描绘的是一个设计师的工作场景,设计师的电脑上显示着红色的404,而其左边正贴着一张纸,上面写着“Don't freak out,everything is going to be a-ok”(别害怕,一切都会好起来的)。

 

6. Blizzard

视频游戏开发商暴雪对其404页面采取了独特的展示方式:最上方是一名左右张望的动态鱼人,其次是“404-找不到页面”的说明以及“我们已派遣一名救援鱼人,它会护送您到安全之处”的趣味性描述,然后再抛出网站的主页链接。

 

每个网站都会根据阶段性需求更改自己的404页面,因此以上分享仅以发布之日为准,若有改动,欢迎提醒~

10

相关文章: