中华视窗是诚信为本,市场在变,我们的诚信永远不变...
都说IT人员不懂美工,仪表盘和大屏设计做的各种心酸心累,同样都是大屏 看看别人家的大屏都是绚丽多彩交互好,自己做的简直惨不忍睹,尤其是领导层看大屏,大屏看起来不漂亮,哪有心情看具体的数据。怎么办?
数据可视化大屏专属的设计技巧解决方案来啦!!!
1,大屏如何布局呢?
明确大屏展现的目的,首要是服务于业务的。要让业务内容、数据合理的展现,就要避免误入疯狂堆砌指标的歧途,要分清主次。主要指标是什么?是反应核心业务内容的。次要指标是什么?通常是用于进一步阐述主要指标的。一定要让数据之美绽放在数据价值体现的基础上。
数据可视化大屏设计
数据可视化大屏设计
2,大屏动态效果如何添加?
①页面边框可以通过添加GIF动画边框来实现边框的动效;
②添加具有动态效果的页面元素--轮播图/表格滚屏效果/气泡图的动效;
3,大屏该如何配色呢?
①背景颜色—深色为主
②页面元素配色—和整体背景色保持一致(根据实际项目经验,推荐大家为单个的组件元素搭配一些透明色,透明度设置在10%上下为宜)
③推荐配色方案
大屏配色方案
4,组件叠加时怎么调整层叠顺序?
现在做大屏基本都要用到组件叠加功能,但是我们组件叠加现在还没有图层顺序的概念,默认是先加的组件在下方,那调整顺序的时候很麻烦,只能删掉重新添加重新配置组件吗?不是的。可以通过层级的设置来调整层叠顺序。
5,日期的动态刷新效果如何实现?
动态时间
6,页面之间如何灵活的切换呢?
可以通过页面链接功能来实现界面之间的灵活切换
多页面链接
多页面链接
基于以上的使用技巧那么我们就可以完成高逼格的大屏制作了;以下分享几个小编和小伙伴们做好的大屏供大家参考哦。
大屏样例
大屏样例
大屏样例
大屏样例