阅读更多

2顶
0踩

互联网

转载新闻 超级有趣的七个 404 错误页面设计

2016-06-07 15:51 by 副主编 mengyidan1988 评论(1) 有11290人浏览
曾几何时,当你输入错误链接时,很多网站都会显示幽默的图片或短语来提醒你该网页不存在,但这样的日子已经一去不复返了。在一个新的互联网时代,GIF 就是新的文字,而视频就是新的图片,在这种情况下,打油诗和段子根本无法从浩如烟海的 404 页面中脱颖而出。不过 TC 吃惊地发现,大部分网站仍然没有将 GIF 或者动图这种重要的互联网表现形式充分利用起来。为了激发各位网页设计师的灵感,TC 从网上找到了七个最有意思的动态 404 错误页面,下面就与大家一起分享。

Giphy



自从我们通过 Giphy 来给文章寻找所有的 GIF 动图以后,我们就认为让 Giphy 网站成为我们畅游互联网世界的第一步,完全是明智之举。

但老实说,我们一开始对 Giphy 的表现很失望,后来才发现 Giphy 不断显示不同的 404 错误页面,而且每一个都会带给人不同的炫酷体验。所以,尽管 Giphy 的几个 404 错误页面被赋予一点儿动态的元素,但我们还希望 Giphy 能向我们呈现更多以 404 错误页面为主题的动图狂想曲。Giphy,开始你的游戏吧!

Bitly



我们认为 Bitly 可能已经看到其 404 错误页面有大量的访问量,因为该公司始终专注于为内容提供短小的链接,虽然这种做法有时让人摸不着头脑。尽管我们不确定 Bitly 的 404 错误页面究竟发生了什么,但至少这种设计是很可爱的。作为一种福利,当你点击鼠标时,会出现一些波浪。

Marvel App



Marvel的 404 错误页面同样很有趣,看上去就像机器人与自动售货机的混合体。值得一提的是,Marvel 是一家原型软件开发商,而不是那家知名的漫画书出版商。

彭博社



大家一定要挺住,因为彭博社网站的404错误页面动图太雷人了。页面加载时,一开始出现的是常见的 404 错误页面动画,接着 404 慢慢变小,出现了一个 CRT 显示器和机箱,电脑旁边的人很快把整个电脑砸毁,接着这个人自己也被桌子切成两半。我们想要说的是,我们的确不清楚这个动图想要传达什么意思,尽管如此,还是挺有意思的。

Airbnb



Airbnb 的 404 错误页面动图一开始看上去也很正常,但后来女孩手里拿着的冰淇淋蛋卷突然掉到了地上。这个动图的设计倒也没什么突破性,只是由于它是动图,所以才登上了我们的名单。

GitHub



GitHub以“星球大战”为主题的 404 错误页面相当酷,尤其是它会对你的鼠标活动作出回应。3D 元素同样是点睛之笔。

Uber



最后是Uber!当我看到这个打车应用巨头的网站上也有快乐元素时,还是非常惊讶的。在页面载入时,车库门突然打开,里面许多东西露了出来——你去年在 Uber 车上丢失的那台 iPhone 可能就在其中。

出处:码农网
  • 大小: 1.8 MB
  • 大小: 692 KB
  • 大小: 568.5 KB
  • 大小: 29.2 KB
  • 大小: 740.4 KB
  • 大小: 30.1 KB
  • 大小: 390.4 KB
来自: 码农网
2
0
评论 共 1 条 请登录后发表评论
1 楼 kopsteve 2016-06-13 16:40
github 的星球大战最最炫酷了

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 超级有趣的七个404错误页面设计

    在一个新的互联网时代,GIF 就是新的文字,而视频就是新的图片,在这种情况下,打油诗和段子根本无法从浩如烟海的 404 页面中脱颖而出。不过 TC 吃惊地发现,大部分网站仍然没有将 GIF 或者动图这种重要的互...

  • 超级有趣的五个404错误页面设计

    曾几何时,当你输入错误链接时,很多网站都会显示幽默的图片或短语来提醒你该网页不存在,但这样的日子已经一去不复返了。在一个新的互联网时代,GIF 就是新的文字,而视频就是新...

  • 设计一个单选题考试程序python_Python123计算机等级考试二级Python语言与程序设计通关指南七Python 计算生态...

    请注意看红色标识文字,图片均是超清图片,可以单击查看看见更大的世界,遇见更好的自己 See a better world to meet better for ourselves.1.MMdnn----MMdnn 是一个深度学习的模型工具集,它能够互转模型文件、可视...

  • 交互设计 超越人机交互_微交互是成功设计的超级力量

    交互设计 超越人机交互 重点 (Top highlight)A few weeks ago, after a lot of persuading from his friends and kids, my not so tech-savvy grandad joined Facebook. Finally. As I was teaching him setting up ...

  • Java超级流量架构之网关设计分析思路

    本文准备围绕七个点来讲网关,分别是网关的基本概念、网关设计思路、网关设计重点、流量网关、业务网关、常见网关对比,对基础概念熟悉的朋友可以根据目录查看自己感兴趣的部分。网关,很多地方将网关比如成门, 没什么...

  • 自定义view示例_自定义404页的10个示例(从最佳到最差)

    自定义view示例 自定义404页面 (Custom 404 pages) To customize or not to customize your 404 page? I hope by now you know the answer is that, yes, under essentially all circumstances you should customize...

  • 入门攻略丨教你用低代码实现一个简单的页面跳转功能

    图9 第一个预览效果图 简单几步就完成第一个页面开发,是不是超级简单?接下来让我们一起开发第二个页面。 4. 开发第二个页面 在开发第二个页面之前需要先创建第二个页面的second.js和second.visual文件,用于存储 ...

  • 怒肝俩月,新鲜出炉史上最有趣的Java小白手册,第一版,每个 Java 初学者都应该收藏

    //0 } } “+”号比较特殊,还可以用于字符串拼接,来看一个例子: String result = "沉默王二" + "一枚有趣的程序员"; ②、逻辑运算符 逻辑运算符通常用于布尔表达式,常见的有: &&(AND)多个条件中只要有一个为 ...

  • 超级详细的Python程序设计学习笔记,适合Python二级备考和自学Python的小白(me too)

    超级详细的Python学习笔记和python二级备考笔记,全文共11章节,全面涉及Python初学者必学的基础知识。

  • 超全的设计模式简介(45种)

    一份攻城狮笔记 每天搜集 Github 上优秀的项目 一些有趣的民间故事 超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件合集 设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员...

  • 《Head First设计模式》中文版 读书笔记

    ----《奇幻之旅》 一、软件设计七大原则 嗯,看书学习之前,先了解下面向对象设计原则吧 名称 描述 单一职责原则(SRP:Single responsibility principle) 单一职责原则:一个类应该只有一个发生变化的原因,应该...

  • B端产品的交互设计流程探索:乐高设计法和用户体验的二次提升

    面对突如其来的B端体验设计的挑战, 乐高设计法 可以解决吗?或者说设计师的思路该如何针对B端设计的特点进行调整?甚至设计管理的思路如何调整?一起来文章中看看解决办法~

  • 界面设计的技巧

    最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。 2 放出礼品往往更具诱惑力 给用户一份精美小礼品这样的友好举动再好不过了。具体来讲,送出礼品也是之有效的获得客户忠诚度的战术,这是...

  • 【花雕学AI】超级提问模型大全!150个ChatGPT神奇示例,让你的聊天更有趣!

    你是否想要成为聊天高手,让你的对话更加有趣和深入?你是否想要掌握一些超级提问模型,让你的聊天更加有创意和挑战?你是否想要借助人工智能的力量,生成一些适合你的超级提问模型?如果你的答案是肯定的,那么你...

  • 【宝藏】GitHub黑科技的开源项目(有趣&高质量)

    博主收集整理 GitHub 上高质量、有趣的开源项目,并将他们进行归类。值得注意的是,不是简单的按照编程语言来分类,而是按照更有趣的分类方式,比如:有趣项目、沙雕项目、实战项目、学习项目、实用工具等等。同时...

  • 送你一个目录,一站式学习生信!众多干货,有趣有料!

    生信的作用越来越大,想学的人越来越多,不管是为了以后发展,还是为了解决眼下的问题。但生信学习不是一朝一夕就可以完成的事情,也许你可以很短时间学会一个交互式软件的操作,却不能看完程序教学视频...

  • 用英雄联盟的方式讲解JavaScript设计模式

    作为一个老联盟fans,一定要亲手实现一下设计模式也可以融会贯通。 现在打算创建一个英雄联盟对象,需要地图,英雄,士兵,野怪,还有开始游戏的按钮。 img function LOL(maps, heros, soldier, monster) { ...

  • 【转载】超全的设计模式简介(45种)

    琯琯2019年04月16日阅读 4144关注超全的设计模式简介(45种) 由于掘金字数文章限制在 20000 以内,删减了一部分,可以前往 github 查看全文 超全的设计模式简介(45种),该文建议配合 design-patterns-for-humans ...

  • go 生成基于 graphql 服务器库.zip

    格奇尔根 首页 > 文件 > gqlgen是什么?gqlgen是一个 Go 库,用于轻松构建 GraphQL 服务器。gqlgen 基于 Schema 优先方法— 您可以使用 GraphQL Schema 定义语言来定义您的 API 。gqlgen 优先考虑类型安全— 您永远不应该看到map[string]interface{}这里。gqlgen 启用 Codegen — 我们生成无聊的部分,以便您可以专注于快速构建您的应用程序。还不太确定如何使用gqlgen?将gqlgen与其他 Go graphql实现进行比较快速启动初始化一个新的 go 模块mkdir examplecd examplego mod init example添加github.com/99designs/gqlgen到项目的 tools.goprintf '//go:build tools\npackage tools\nimport (_ "github.com/99designs/gqlgen"\n _ "github.com/99designs/gqlgen

Global site tag (gtag.js) - Google Analytics