江苏龙网

  1. 首页 > 人文 > >

「」大屏数据可视化规范总结


最近关于大屏的项目做的比较多 ， 目前手头项目结束 ， 有时间将内容整理分享 ， 基于目前手上的某省监狱项目做可视化大屏规范分享希望能对大家有所帮助 。
「」大屏数据可视化规范总结
本文插图
大屏数据可视化概念
数据可视化 ， 是关于数据视觉表现形式的科学技术研究 。 其中 ， 这种数据的视觉表现形式被定义为 ， 一种以某种概要形式抽提出来的信息 ， 包括相应信息单位的各种属性和变量 。
上述文字来自百度百科 ， 做了许多大屏之后 ， 可总结大屏分为信息展示、数据分析、监控预警三大类 。 利用屏幕大可展示信息多的特点 ， 将复杂、抽象的内容通过可视化更加直观的方式 ， 以易于理解的形式帮助人们更好决策 。
设计需求了解
1. 需求分析
一般产品经理需要想清楚大屏展示的内容动线 ， 需要给观者讲述什么故事 ， 由于视觉展示往往也起着决定性作用 。 所以在需求分析排布时设计师需要提前加入项目中了解项目需求 ， 以展示问题解决问题为目标将业务模块理出顺序 。
2. 视觉设计
平时利用Eagle这款图片收藏软件很好的帮助我在需要灵感素材时快速上手 。
关键词：FUIHUDSCI-FI
设计网站：behance、dribbble、站酷、Tob.design、UI中国、花瓣、pinterest
业务场景：智慧园区、智慧安防、智慧交通、智慧城市、智慧监狱、智慧水利、智能客服、智慧仓储、智慧医药、智慧零售、智慧工业、数字港口、智慧工程
「」大屏数据可视化规范总结
本文插图
3. 硬件了解
数据可视化最终落地平台一般有① 大屏、② 拼接屏、③ LED大屏、④ DLP大屏（无缝隙拼接市场占有率较高）、⑤ LCD、⑥ PDP（3mm拼接缝隙）需要清除了解大屏物理尺寸及视频输出分辨率 ， 确定设计稿尺寸 。
「」大屏数据可视化规范总结
本文插图
根据需求内容及硬件尺寸确定页面布局方式 ， 以下布局为常用布局方式 ， 在实际工作中可能会遇到相同的需求内容会展示在不同比例的大屏硬件中 ， 这时将设计稿的设计尺寸高度固定 ， 地图宽度自适应 ， 用一个设计稿一次开发解决不同尺寸适配问题 。
「」大屏数据可视化规范总结
本文插图
4. 图表类型选择
将抽象的需求用图表的形式展示 ， 一般图表分① 比较类 ② 占比类 ③区间类 ④关联类 ⑤ 趋势类 ⑥ 时间类 ⑦ 地图类 。
不同展示内容选用不同形式的图表 ， 但有时候为了视觉效果丰富 ， 不会在一个大屏里显示相同的图表展示方式 ， 这时需要了解图表特性与需求内容将图表差异化展示 。 并在项目积累到一定程度时整合图表库以便于下次项目快速设计避免重复工作 。
「」大屏数据可视化规范总结
本文插图
5. 字体字号选择
一般大屏设计与开发尽量选择自带字体微软雅黑 ， 数字字体选用din ， 特殊字体可将字体包给到开发嵌入程序中 。
由于甲方客户多为政府机关 ， 字体要求也会比较大一些 ， 16px为正文字号 ， 最小字号14px ， 在设计时对这些规范灵活应用 。
「」大屏数据可视化规范总结
本文插图
6. 颜色
颜色选用应以信息展示清晰为最基本要素 ， 在主次清晰的情况下选择视觉效果较舒适的颜色搭配 ， 在此之前需要了解大屏的显色模式 ， 在不支持渐变色的情况下尽量避免渐变色的使用 。
在演示搭配时选择“631”搭配原则 ， 页面中60%使用主色调 ， 30%使用辅助色调 ， 10%使用对比色调 。


推荐阅读


上一篇：「雷克萨斯ux」续航达400km，雷克萨斯UX 300e售36.20万元起

下一篇：『骗婚』新婚丈夫伪造1300万存款，妻子取钱只有100元！网友：这算骗婚？