超好用的Dribbble官网新404页面!

一直以来404页面主要是为了传达「您浏览页面不存在、服务器存在错误」这些信息给访客们,其实我们还能搞些更好玩的,就如这次 Dribbble 更新了官网的404页,不仅仅是换了新花样,更多的是它变「聪明了」,你看了之后一定会觉得它很好用哦!

下面我们来介绍一下这个页面设计有什么特色。

动态交互结合

当用户访问到404页面时,就会看到页面中有几十个浮云的作品,并以动画形式聚集成404的图形文字,看起来是不很酷?

Dribbble 404 页面

在线预览地址:https://dribbble.com/four-oh-four

每一次刷新的页面会自动替换新的颜色,作品也是根据该颜色来获取。当点击十六进制颜色值就会直达该颜色相关的列表页。

Dribbble 404 页面

动态数据

值得一提的是,这不是一张张 GIF 图来实现的,它的强大之处在于动态数据抓取,聚集起来的每一幅图案都是独立的,同时页面会根据当前的颜色值来智能匹配相关同一色系作品,每一个作品都可以单独点击查看。

PS: 大家也不要小看这些聚焦作品,很多都有 500 like 以上哦,小编估计它的匹配条件是以当前配色 + like 热度来挑选作品。

Dribbble 404 页面

Dribbble 404 页面

动态配色

这是一个强大实用功能,细心的用户可以发现在画面中还有一个滑块,用鼠标拖拽颜色滑块,就可以立即刷新颜色作品,更新速度还挺快的,所以这算不算是一个快捷的配色灵感库?

Dribbble 404 页面

今日话题

你觉得Dribbble这个新404页面设计如何?

欢迎留言评论哦

style="width:370px;height:300px;float: left;"
非特殊说明,本文版权归原作者所有,转载请注明出处!
本文地址:https://www.zuimeiui.cn/inspiration/303.html

发表评论

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

超好用的Dribbble官网新404页面!
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close