大屏数据可视化总结

设计图尺寸计算方法
单块屏幕分辨率(一般为1920x1080)，根据横排和竖排数目换算比例，根据主流显示器分辨率1920x1080，得到一个缩放值。将得到的缩放值赋予文档的body的scale属性，这样就可以在可视区域最大范围内看到页面整体的效果了。当然如果是长宽比过大，则需要以宽获取缩放值。

大屏设计注意点

1. 字体
   字体过大或过小都会影响人的视觉，尤其是在大面积文字区。一般大面积的文字区是为了增强识别性，在兼顾整体效果的情况下应减小字号并增大行间距，以免带来视觉疲劳。

2. 配色
   一般为暗色背景，蓝色系大家用的比较多，统计图饱和度和明度可以高些，一些线条可以使用高明度低饱和度的荧光色。另外和屏幕显示也有很大关系，如果显示器显示的不够鲜艳，可以适当提高饱和度。

3. 布局
   重点突出，详略得当。

4. 观感
   多屏组装会产生缝隙，因此应尽量避免使用会受到影响的元素。

5. 特效
   有时为了追求更炫的效果，会添加一些对比度高的效果，比如在较暗背景下提亮某个点或区域，使整体富有层次感。

6. 动画
   主要是为了提升视觉效果，既能提升层次感，又能增强视图表现力。

7. 交互
   交互是为了增强用户体验。

一般情况下，只需要对设计图做还原就可以了，但是如果遇到一些比较坑的情况，比如显示器扩展不正确导致页面被拉伸或压缩，这时候就需要对此做应变处理。先得到被拉伸/压缩的比例，对整体视图做压缩/拉伸处理，再由其拉伸/压缩。使用浏览器的全屏功能，放弃物理全屏。以牺牲效果来达到效果。记住