很多UI设计师会突然接到公司数据可视化设计的需求。如果他们不了解数据可视化设计,他们一定会感到困惑,不知道从哪里开始。我尝试简要记录和分享我最近做的案例。如有不足,欢迎随时交流。随着大数据行业的蓬勃发展,美国手机号码大全列表 很多企业开始应用数据可视化。所以,数据可视化设计绝对是时下最流行的设计之一。很多UI设计师会突然接到公司数据可视化设计的需求。如果他们不了解数据可视化设计,他们一定会感到困惑,美国手机号码大全列表 不知道从哪里开始。我尝试简要记录和分享我最近做的案例。如有不足,欢迎随时交流。第一个是项目改版前的页面:数据可视化大屏案例分析需求介绍XX应用云分为五个云平台模块:美国手机号码大全列表 云综合调度、数据查询通道、数据应用处理、数据查询通道、管理运维。每个大模块下有几个子系统。大可视屏首页需要展示的内容包括:
(1)全局数据云平台上的数据总量,以及4个重要数据项和2个次要数据(2)云平台5大模块云综合调度数据查询通道数据应用处理数据存储管理管理运维(只有两个tab切换链接)(3)搜索功能搜索类型分为6种类型,“综合”类型搜索时默认选中。 (4) 重点按指标多维度展示数据信息 原图上的维度包括:指标、地图、地理排名、部门 、美国手机号码大全列表 类别。 美国手机号码大全列表 (5) 云导航需求分析分析一些大屏可视化的共性: 大屏:大屏一般是多屏拼接,整体屏幕面积大。Long vie翼距:用户需要站在一定距离观看屏幕,并保证数据和文字清晰可见。弱交互:电脑已经不能满足大屏交互的需求,现在部分已经开始使用ipad、手机、激光笔等。视觉强:背景色多为重色,衬托和突出数据,更好地向观看者传达数据信息。
一屏一内容:一屏内容解释一个主要的事情,统计其相关数据,避免其他干扰。结合大屏幕的一些共同特点,针对所见的旧网络版本的设计,分析存在的问题。布局杂乱,导致视觉不平衡并且没有页面层次结构。蓝色为主色,黄色为主色。美国手机号码大全列表 颜色比较单一,不规则。图表比较简单,无法有效传达数据信息。结合这些问题进行视觉改版,首先优化页面布局,通过分析重新布局页面,如下图: 数据可视化大屏案例分析采用网格对称布局,美国手机号码大全列表 从左到右平衡整体视觉。视觉设计:了解需求,整合数据,分析主次数据,总数据细分数据,各个数据的维度等。了解了这些,就可以先设计一个布局模板,也可以画在纸上。在设计过程中随时可以在 Adjust 中找到布局。