网页设计 » 交互设计 » Dribbble官网新404页面超好用

Dribbble官网新404页面超好用

发表于: 交互设计. 评论
赞助商链接

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

如果你还不懂什么是404页面,可查看过往分享过的文章《如何打造优秀的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页面设计如何?

欢迎留言评论哦

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。