一直以来404页面主要是为了传达「您浏览页面不存在、服务器存在错误」这些信息给访客们,其实我们还能搞些更好玩的,就如这次 Dribbble 更新了官网的404页,不仅仅是换了新花样,更多的是它变「聪明了」,你看了之后一定会觉得它很好用哦!
下面我们来介绍一下这个页面设计有什么特色。
动态交互结合
当用户访问到404页面时,就会看到页面中有几十个浮云的作品,并以动画形式聚集成404的图形文字,看起来是不很酷?
在线预览地址:https://dribbble.com/four-oh-four
每一次刷新的页面会自动替换新的颜色,作品也是根据该颜色来获取。当点击十六进制颜色值就会直达该颜色相关的列表页。
动态数据
值得一提的是,这不是一张张 GIF 图来实现的,它的强大之处在于动态数据抓取,聚集起来的每一幅图案都是独立的,同时页面会根据当前的颜色值来智能匹配相关同一色系作品,每一个作品都可以单独点击查看。
PS: 大家也不要小看这些聚焦作品,很多都有 500 like 以上哦,小编估计它的匹配条件是以当前配色 + like 热度来挑选作品。
动态配色
这是一个强大实用功能,细心的用户可以发现在画面中还有一个滑块,用鼠标拖拽颜色滑块,就可以立即刷新颜色作品,更新速度还挺快的,所以这算不算是一个快捷的配色灵感库?
今日话题
你觉得Dribbble这个新404页面设计如何?
欢迎留言评论哦