设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 产品设计 > 怎样的 404 错误页面,会让人想多看几遍?

怎样的 404 错误页面,会让人想多看几遍?

UEDetail
2015-08-31
77207

据说在第三次科技革命之前,互联网的形态就是一个大型的中央数据库,这个数据库就设置在 404 号房间里面。那时候所有的请求都是有人工手动完成的,如果在数据库中没有找到请求者所需要的文件,或者由于请求者写错了文件编号,用户就会得到一个返回信息 – room 404 : file not found。后来互联网兴起后,人们也就习惯了用 404 作为服务器未找到文件的错误代码了。

上面是引自百度百科有关 404 页面由来的一个说法,虽然实际的情况并非如此,但 404 页面确实是的的确确存在的。尽管它被用户看到的概率相对来说要小很多,但页面难免会因为用户的误操作或是服务器等原因而出现错误。

既然有些错误是无法预判和控制的,那为什么不可以对错误页面进行改造,在报错的同时也把一些有意义的信息或更友好的界面传达给用户呢?于是机智的设计师们开始在 404 页面上作起了文章,本期就为大家带来几例别出一格的 404 页面设计。

1.

404page-01

著名的影评网站 IMDB 在自己的 404 页面中所用到的文案全部来自影片的经典台词。

2.

404page-02

Feedly 的 404 页面简单直接,满满的 Geek 范儿。

3.

404page-03

Scri 的 404 页面颇有某x宝店美工停摆的风格,并且还可以涂鸦哦。

4.

404page-04

Disqus 另辟蹊径,将电影片段中那些令人懊恼或沮丧的时刻做成了 404 页面的背景图。

5.

404page-05

KvartiraKrasivo 的 404 页面有劲歌有劲舞,不要太欢乐。

6.

404page-06

来自俄罗斯的网站 Cayenne 用一段对话告诉我们原来 404 页面还可以这样做。

7.

404page-07

Heyzap 则是在 404 页面中设计了一款有趣的互动小游戏,颇有「是男人就撑过 20 秒」的豪迈。


上一篇
对于做功能这件事儿,你会思考吗?

岳山丘   09/01

华丽UI设计作品精选

Gleb Kuznetsov   08/30

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com