收集整理网上最有趣的404页面

2016-02-16 20:36 29 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的收集整理网上最有趣的404页面设计作品,一起来看看吧!超容易上手~

【 tulaoshi.com - 平面设计 】

每当人们打错了网址,熟悉的404页面就会映入眼帘。多数网站的404页面很让人扫兴,一味的跳转回网站的主页。但有一些聪明的公司把404页面也设计的其乐融融。本文收集了国外一些网上最有趣的404页面。几年前Tristan Walker就在问答网站Quora上开始收集有趣的404页面。加上一些Mashable上的贡献,我们汇集了一些最具有创意的404页面。

收集整理网上最有趣的404页面,PS教程,图老师教程网

哎呦!TechCrunch科技博客把404页面做成了掉裤子的囧人。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

收集整理网上最有趣的404页面,PS教程,图老师教程网

在有的404页面上还能玩吃豆人呢。

收集整理网上最有趣的404页面,PS教程,图老师教程网

这款404也很有趣,用户可以转动立方体,并且还能调整远近。

收集整理网上最有趣的404页面,PS教程,图老师教程网

露露柠檬(LuLulemon)服装公司的网站有点诡异啊。

收集整理网上最有趣的404页面,PS教程,图老师教程网

Blippy网站的404页面不乏奇幻色彩,但貌似不知所云。

收集整理网上最有趣的404页面,PS教程,图老师教程网

高尔夫球用品公司泰特利斯(Titleist)的创意更高一筹,一群人在满地找高尔夫球。

收集整理网上最有趣的404页面,PS教程,图老师教程网

这张怪图更是留下了一层悬念。

收集整理网上最有趣的404页面,PS教程,图老师教程网

还记得去年美国大选的候选人Herman Cain么,他对奥巴马的经典抨击居然也适用于404页面:这个页面和奥巴马政策一样,一定会让你晕头转向。

收集整理网上最有趣的404页面,PS教程,图老师教程网

动画《南方公园》官网上的搞笑404页面层出不穷。

收集整理网上最有趣的404页面,PS教程,图老师教程网

这又是一个:扣在地上的补丁。

收集整理网上最有趣的404页面,PS教程,图老师教程网

乐高积木的404很酷呢。

收集整理网上最有趣的404页面,PS教程,图老师教程网

记得动画新胜亚军(Homestar Runner)么,它的404页面可谓独一无二,用漫画的形式解释了链接失效的原因。

收集整理网上最有趣的404页面,PS教程,图老师教程网

PBWorks电子维基的404是以独角兽为主题的。

收集整理网上最有趣的404页面,PS教程,图老师教程网

加拿大一个政治网站的404页面。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

收集整理网上最有趣的404页面,PS教程,图老师教程网

这张Local Fitness的设计最让人叹为观止。

收集整理网上最有趣的404页面,PS教程,图老师教程网

这个404也独具一格:这网站人间蒸发了。

收集整理网上最有趣的404页面,PS教程,图老师教程网

Github公司的404页面以星球大战为剧情。

收集整理网上最有趣的404页面,PS教程,图老师教程网

意外收获!这可不是雅虎的404页面,而是旧金山的巨人棒球场,有意思吧。

来源:http://www.tulaoshi.com/n/20160216/1573878.html

延伸阅读
做网站是系统工程。首页的内容要层次分明,导航要结构清晰,子页面要排版均衡,相对而言自由度稍高一点的,应该是404页面了。虽然404本身就是一个告知用户内容访问出错的错误代码,但是富有创意的设计师会充分利用机会,展现网站的独特气质;重视用户体验的设计师,则会充分考虑此刻用户的心情,竭尽全力引导用户去对的页面。 所以,404页面可...
一个超赞的404错误页面,总是能够让您在网站里迷路的时候给予归属感,尽可能的减少挫败感。设计师会在这个页面花很多心思,以致于我们被那些创意打动、被那些设计细节感动。这篇文章收集了30个有趣的404页面,以便为您接下来可能遇到的工作汲取灵感。 如果你有更优秀的页面推荐,可以直接在评论留言:) brandstack hugsformonsters infli...
每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏览,安抚情绪,找到他们真正想要的内容。 所以,搞定一个404页面并不会花费太多的精力,但如果想设计一款自然而又非常有用的404页面,还是要费一番功夫的。 随着技...
标签: Web开发
向上滚动 Pdiv id=demo style=overflow:hidden;height:100;width:90; background:#214984;color:#ffffff div id=demo1 img src="http://www.jb51.net/Logos.gif" _fcksavedurl="http://www.jb51.net/Logos.gif" img src="http://www.jb51.net/Logos.gif" _fcksavedurl="http://www.jb51.net/Logos...

经验教程

784

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部