学会这几点,轻松玩转数据可视化

用户头像
北京/UI设计师/5年前/254浏览
学会这几点,轻松玩转数据可视化

本文从信息处理、色彩及交互等方面,让大家快速了解数据可视化设计

你最近有做过或者看过数据可视化的设计吗?

从接触各种互联网产品开始,需要包装的数据都会以各种形式展示给用户,企业年底报表、大数据平台数据呈现、高效的数据移动办公平台等等...

本文从信息处理、色彩及交互等方面,让大家快速了解数据可视化设计 


一、信息处理很重要

优秀的数据可视化设计,可以快速且清晰的传达用户需要获取的信息

01. 通过定义信息层级,让用户清楚什么是最重要的

02. 在左上角显示更重要的信息,沿着对角线方向,信息的重要程度依次减弱,右下角的信息重要性最弱 


二、选择对的颜色

数据可视化的颜色会直接影响到展示效果,需要根据不同的业务需求来选择合适色彩,目前主流的色彩风格更偏向于弱化色彩对于数据信息的影响



三、交互统一是关键

01. 数据可视化交互的统一性与可复用性至关重要,联动、触发交互动作、交互反馈等,应用在不同图表中,需要保持相同的展示方式,从而降低用户的学习成本。

02. 统一的交互形式可以助于搭建通用的组件库,提高设计、前端及后端的工作效率。 



四、巧用微动效

微交互动效设计在图表应用中可以起到点睛作用,在效果相同的情况下,微动效可以提高用户对于产品的理解能力,体验感更好

  • 缓动

用户在阅读数据可视化信息时,也同样遵循运动发生的一般规律。自然界中很少会见到完全的线性运动,拥有缓动效果的运动形式看起来更加自然,更符合用户认知

  • 延迟/偏移量

偏移和延迟的使用,可以错开两个相同或不同元素的运动时间,传达出元素之间的层级与所属关系 



五、多主题展示

深色主题是应用界面设计的最新趋势

MacOS 去年推出了深色主题模式后,Android 和 iOS 也紧随其后,推出了各自的深色主题模式。为提高规范的统一性,在浅色版本设计之前就应该将深色版本颜色考虑在内,实现可复用内容的基础之上减少新的色彩体系的引入,从而实现设计及前端开发的效率。



六、优秀数据可视化网站

以下是常用的数据可视化平台链接,方便大家更直观的了解图表的展示方法

https://demo.baremetrics.com/

国外优秀的可视化展示网站,在展示效果及交互处理较好 

https://antv.vision/zh

蚂蚁金融大数据展示平台 

https://me.bdp.cn/home.html

国内优秀的数据可视化分析平台

6
Report
|
12
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in