数据可视化设计

用户头像
武汉/UI设计师/7年前/1032浏览
数据可视化设计

随着大数据的浪潮,数据统计和系统后台越来越普及,如何让数据图形化便于理解也越来越难

1·如何梳理关键数据信息

信息梳理相信在每个项目都是最基本也是最关键的一步,特别是可视化数据信息的梳理,业务逻辑和数据信息环环相扣,如果出现遗漏或者信息优先级理解错误,都有可能导致后期设计视觉呈现前功尽弃。所以设计师在做这类项目时,先不要着急撸图,首先要深入了解产品需求和业务逻辑,一定要抱着产品的角度把数据从新梳理一遍,不明白的也要及时沟通,哪怕一个小点都要核实,因为可视化信息牵扯数据比较多样性,业务逻辑也比较繁琐,所以前期一定要和产品沟通确认。


2·如何组织信息

如果信息彼此有相似性或相关性关系时,使用类别分类法这也是常用的五种组织信息技巧一种。建立信息层级,划分每一组数据信息彼此的关系,分开主要信息和次要信息,但这里并不只是视觉上,主要以信息结构为重。尽量避免同一组数据中出现多个变量,以及不必要的信息干扰,这样数据在呈现时不会影响用户注意力信息可读性更清晰和直观。


3·布局呈现

界面删格系统目前已经很成熟了,创建基本结构和骨架,这样布局界面更为简洁分明。但是相对于布局,我觉得在构建数据可视化上,如何选择合适的统计图形呈现数据确是关键。(对于统计图线上有很多插件,像ECharts。虽然设计师会受点局限,但是开发新的统计组件也需要成本和时间。不管是静态还是实时变化的信息,都具有很强的挑战性。)


散点图主要用于相关性和分布性的分析:


条形和折线图比较数据彼此关系最为直观:


饼状图适合呈现数据组成关系:


4·视觉呈现

可视化界面无论图形和信息都会较多,大到整体布局、配色小到留白、间距都要把控,风格统一,简洁为主。

6
举报
|
26
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】珠宝icon
户外旅行飞机情侣假日出行
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
UI通用设计素材1
智能家居中心 简约 UI设计组件库
UI界面 组件
科技医疗透明柜UI界面设计
我的钱包-UI界面设计-app
【新年UI图标】汽车icon
UI 登录界面设计模板包
APP/小程序商业项目UI模板|99个高保真UI+79个原型
Security Camera UI kit
【新年UI图标】游戏/娱乐icon
【新年UI图标】钱包icon
【新年UI图标】影音icon
【新年UI图标】30个图标
UI_3D图标“一本秘籍”(源文件
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】会员icon
高级表盘系列UI源文件
新拟态风格 UI设计组件库
高级感金属拟物 UI设计组件库
你可能喜欢
大家都在看
登录注册