江苏龙网

  1. 首页 > 人文 > >

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


「」大屏数据可视化规范总结
本文插图
7. 基础组件
在前端调用一些现成图表组件时候 ， 添加一些背景组件能够丰富画面 ， 增强页面层次 。
以下是几种组件的展示样式供大家参考 ， 这里也感谢组内小伙伴@梁祝 。
「」大屏数据可视化规范总结
本文插图
设计注意事项
（1）屏幕投射效果不佳
如果条件允许的情况下应当设计前先用已经完成的不同风格的大屏设计在屏幕上投放 ， 了解颜色差距 ， 对比色临近色渐变色在大屏上是否存在色差 ， 如若效果不好应适当避免效果差的设计方式 。
（2）等比例放大投射会发虚问题
首先需要明白几个概念：①大屏逻辑分辨率（设计分辨率）② 显卡输出分辨率 ③ 视频矩阵切换器（DVI）支持分辨率 ④ 大屏实际物理分辨率。
当显卡输出分辨率=DVI支持分辨率时显示效果最佳 ， 另外多个信号源投射优于单个信号源投射。
（3）大屏显示被拉伸或压缩
一般情况下 ， 前端只需要对设计稿还原就好 ， 可能由于视频扩展器显示不正确导致压缩或拉伸 ， 现在需要了解被压缩的比例 ， 对其进行校正 ， 再者可以通过视频自定义分辨率解决问题 。
（4）图表类样式参考及实现
图表工具：echarts、hichcharts。 第三方开发工具：datav数据可视化、腾讯云图、百度智能云 。 原生开发：HTML5、JS、CSS、WebGL、unity 。
「」大屏数据可视化规范总结
本文插图
本文由@宋佳 原创发布于人人都是产品经理 ， 未经许可 ， 禁止转载
【「」大屏数据可视化规范总结】题图来自Unsplash ，基于CC0协议


推荐阅读


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

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