为什么做的可视化大屏十分丑?次要起因有:
1、画面凌乱:画面乱,信息杂,排版丑
2、色彩搭配丑:色彩无规律,视觉色调差
3、画面没有科技感:画面好像图标拼凑,没有科技感
上面咱们演示如何应用 Smartbi 交互仪表盘实现一个好看的可视化大屏:
一、大屏布局
先筹备好数据,而后依据数据确定数据分类重点指标等,接着确定出须要展示的数据类型及图表,最初依据人眼视觉习惯,抉择主次辅明显的布局。
主:次要业务指标占较大面积;
次:主要指标通常应用各类图表来展现,位于边侧;
辅:辅助决策分析的内容,次要通过交互成果来延展展现;
罕用的布局具体能够分为惯例布局、繁星布局、右下宰割、均等布局等。这个示例咱们抉择惯例布局。
创立 Smartbi 大屏可视化,在编辑界面拖入对应的图表组件,而后依据须要关联数据。接着进行布局设置,布局调整时要留神布局间距、对齐和留白等。
二、重点信息进行突出设计
对图表的款式及细节进行调整,以达到最佳的图表观看体验。此过程次要调整图表的外部及组成,以使每个组件看起来像是一个整体)
三、大屏配色优化
选背景:可视化大屏个别背景深色对视觉观看成果最佳,首先选定一种色彩的背景。
换色彩:对画面图表等元素进行色调优化
以色相、饱和度、明度为根底,通过色环上色彩选取并拓展,咱们能够失去互补色、邻近色、三角对比色、决裂互补取色计划;同时还要留神一些配色的技巧,比方页面中不要应用太多的色彩、少用渐变色、色调温和、比照显著、色彩搭配要留神一致性等;此外,Smartbi 举荐几组色彩,可供用户抉择利用:
四、对画面进行装点
接下来对画面的组件进行装点。咱们在组件设置中对画面中的顶部题目背景,以及各个组件的边框增加一些炫酷的元素进行装点。之后再对元素色调进行微调。这样,就实现了大屏视觉局部了。
背景图和装点的元素可在 Smartbi 官网间接下载应用!