可视化大屏丑（这篇文章教你如何做美观大屏！）
【可视化大屏丑（这篇文章教你如何做美观大屏！）】为什么做的可视化大屏非常丑？主要原因有：
1、画面凌乱：画面乱，信息杂，排版丑
2、颜色搭配丑：颜色无规律，视觉色彩差
3、画面没有科技感：画面仿佛图标拼凑，没有科技感
下面我们演示如何使用Smartbi交互仪表盘实现一个美观的可视化大屏：
一、大屏布局
先准备好数据，然后根据数据确定数据分类重点指标等，接着确定出需要展现的数据类型及图表，最后根据人眼视觉习惯，选择主次辅分明的布局。
主：主要业务指标占较大面积；
次：次要指标通常使用各类图表来展示，位于边侧；
辅：辅助决策分析的内容，主要通过交互效果来延展展示；
常用的布局具体可以分为常规布局、繁星布局、右下分割、均等布局等。这个示例我们选择常规布局。
文章图片
创建Smartbi大屏可视化，在编辑界面拖入对应的图表组件，然后根据需要关联数据。接着进行布局设置，布局调整时要注意布局间距、对齐和留白等。
文章图片
二、重点信息进行突出设计
对图表的样式及细节进行调整，以达到最佳的图表观看体验。此过程主要调整图表的内部及组成，以使每个组件看起来像是一个整体)
文章图片
三、大屏配色优化
选背景：可视化大屏一般背景深色对视觉观看效果最佳，首先选定一种颜色的背景。
文章图片
换颜色：对画面图表等元素进行色彩优化
以色相、饱和度、明度为基础，通过色环上颜色选取并拓展，我们可以得到互补色、邻近色、三角对比色、分裂互补取色方案；同时还要注意一些配色的技巧，比如页面中不要使用太多的颜色、少用渐变色、色彩温和、对比明显、颜色搭配要注意一致性等；此外，Smartbi推荐几组颜色，可供用户选择应用：
文章图片
四、对画面进行点缀
接下来对画面的组件进行点缀。我们在组件设置中对画面中的顶部标题背景，以及各个组件的边框添加一些炫酷的元素进行点缀。之后再对元素色彩进行微调。这样，就完成了大屏视觉部分了。
文章图片
背景图和点缀的元素可在Smartbi官网直接下载使用！
文章图片
推荐阅读
- echarts几个公司内部数据可视化图表必收藏
- 国内首发可视化智能调优平台，小龙带你玩转KeenTune UI
- 丑小鸭外传
- 职场|三类6种地图可视化软件测评，最好用的工具居然是它
- 大数据|24张最新可视化大屏模板，各行业数据直接套用
- 大数据|做报表5年，被批Excel毫无新意，能开发的可视化报表让我重获新生
- 面试|Istio微服务治理网格的全方面可视化监控（微服务架构展示、资源监控、流量监控、链路监控）
- 如何记录分析你的炼丹流程—可视化神器Wandb使用笔记【1】
- idea|IDEA 配置可视化数据库视图
- 使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏