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

简介:

 ◆ 

导读


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

原文发布时间为:2016-06-22

本文来自云栖社区合作伙伴“大数据文摘”,了解相关信息可以关注“BigDataDigest”微信公众号

相关文章
|
SQL 缓存 Java
Mybatis-plus缓存机制
MyBatis-Plus(简称MP)是一个基于MyBatis的增强工具,提供了更便捷的CRUD操作和其他功能。与MyBatis相比,MyBatis-Plus并没有引入自己的缓存机制,而是直接使用了MyBatis的缓存机制。 在MyBatis中,缓存分为一级缓存和二级缓存。 1. 一级缓存:一级缓存是SqlSession级别的缓存,它默认是开启的。当查询操作执行时,查询的结果会被缓存在SqlSession的内部数据结构中。如果后续再次执行相同的查询,MyBatis会先检查一级缓存中是否存在结果,如果存在则直接返回缓存的结果,而不会再次执行SQL语句。一级缓存的生命周期与SqlSession相同,
1330 0
|
Kubernetes Cloud Native 安全
一文彻底搞懂 Container
设想一下,在我们的日常项目开发过程中,存在一个应用服务,其使用一些基础库函数并具有某些依赖项。如果我们在不支持这些依赖项的环境平台上运行此应用程序,那么,我们可能会遇到意外错误。随着 DevOps 及云原生理念的注入,我们希望我们所开发的应用程序能够可以跨多个操作系统及平台正常运行。
1907 0
|
Ubuntu Linux
Manjaro Linux 安装 deb 软件包
“记得上次用 Manjaro Linux 的时候,还是上次:)”。三年前,工作都是在 Linux 下完成的——那时候的我还没买苹果电脑,每天的快乐就是折腾 Linux 发行版……
614 0
|
9月前
|
存储 人工智能 算法
《C++ 驱动:人工智能数据实时压缩与解压缩之路》
在AI时代,数据的高效处理至关重要。C++凭借其高性能和精细的内存控制,在AI数据实时压缩与解压缩中展现优势,支持AI应用高效运行。数据压缩技术通过特定算法减少存储空间或传输带宽,而C++通过丰富的库和高效执行,提供强大的技术支持,优化AI系统的性能和响应速度。无论是图像、视频还是文本数据,C++都能有效应对,为AI发展奠定基础。
146 7
|
12月前
|
机器学习/深度学习 自然语言处理 搜索推荐
预训练的词嵌入(Word Embedding)
预训练的词嵌入(Word Embedding)
|
存储 前端开发 C语言
数据分享|R语言Bootstrap、百分位Bootstrap法抽样参数估计置信区间分析通勤时间和学生锻炼数据
数据分享|R语言Bootstrap、百分位Bootstrap法抽样参数估计置信区间分析通勤时间和学生锻炼数据
|
消息中间件 Java Kafka
实时计算 Flink版操作报错合集之在运行过程中遇到"Could not upload job files"的问题如何解决
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。
378 0
Ant Design Pro:项目的标签页标题与左上角项目标题图标如何修改?
Ant Design Pro:项目的标签页标题与左上角项目标题图标如何修改?
628 0
|
缓存 NoSQL Java
SpringBoot 分布式锁 @klock详解
SpringBoot 分布式锁 @klock详解
353 0
SpringBoot 分布式锁 @klock详解
西门子S7-200 SMART整数运算指令概述及应用举例
本篇文章我们来学习西门子S7-200 SMART整数运算指令。S7-200 SMART的整数运算指令主要包括加、减、乘、除运算指令和递增、递减运算指令。
西门子S7-200 SMART整数运算指令概述及应用举例