「」大屏数据可视化规范总结( 二 )
本文插图
7. 基础组件
在前端调用一些现成图表组件时候 ， 添加一些背景组件能够丰富画面 ， 增强页面层次 。
以下是几种组件的展示样式供大家参考 ， 这里也感谢组内小伙伴@梁祝 。
本文插图
设计注意事项
（1）屏幕投射效果不佳
如果条件允许的情况下应当设计前先用已经完成的不同风格的大屏设计在屏幕上投放 ， 了解颜色差距 ， 对比色临近色渐变色在大屏上是否存在色差 ， 如若效果不好应适当避免效果差的设计方式 。
（2）等比例放大投射会发虚问题
首先需要明白几个概念：①大屏逻辑分辨率（设计分辨率）② 显卡输出分辨率 ③ 视频矩阵切换器（DVI）支持分辨率 ④ 大屏实际物理分辨率。
当显卡输出分辨率=DVI支持分辨率时显示效果最佳 ， 另外多个信号源投射优于单个信号源投射。
（3）大屏显示被拉伸或压缩
一般情况下 ， 前端只需要对设计稿还原就好 ， 可能由于视频扩展器显示不正确导致压缩或拉伸 ， 现在需要了解被压缩的比例 ， 对其进行校正 ， 再者可以通过视频自定义分辨率解决问题 。
（4）图表类样式参考及实现
图表工具：echarts、hichcharts。 第三方开发工具：datav数据可视化、腾讯云图、百度智能云 。 原生开发：HTML5、JS、CSS、WebGL、unity 。
本文插图
本文由@宋佳 原创发布于人人都是产品经理 ， 未经许可 ， 禁止转载
【「」大屏数据可视化规范总结】题图来自Unsplash ，基于CC0协议
推荐阅读
- 人群中国科学家通过古人基因组数据探寻中国文明源流
- 联想|联想个人云存储Mac版上线 苹果电脑用户数据备份更便捷
- 信息史上最全SpaceX火箭数据开源，核心、组员舱、起落架、发射信息全都有！
- 云创|真旺（徐州）大数据总经理李华领一行到访云创
- 主题马蜂窝大数据：大人小孩一起过“六一”，主题公园最受欢迎
- |6大数据可视化应用设计规范
- 链上|链上数据5月扫描：10000美元阻力下的链上百态
- IT168|智能 AI 对话 华为荣耀智慧屏 X1 一款更懂你的智慧大屏
- 孜然实验室|DNA存储器突破了理论极限，一部手机装下全世界的数据
- 数据驶向智能海洋深处，华为存储的无尽想象