上周刚和业务朋友吃饭,问他前段时间我分享的 可视化模板 使用效果怎么样,不出我所料的一顿猛夸,确实好用!但是他也提出来一个问题“我能套模板,自己也能设计大屏,但是在跟其他业务沟通需求,有些需要自适页面的时候,谈及 大屏模板具体制作流程 还是一脸茫然...\"
我回来也翻看了私信,发现很多朋友有着同样的问题。于是我花一周时间,整理出了这一套只有四个步骤,非常简便,清晰易懂的大屏模板制作流程,希望对各位有所帮助!
(相关资料图)
1、数据需求
在大屏开发前,必须确定清楚需要展示的数据具体有哪些内容,同时探明每部分数据对实时性的要求,从而一一确定数据对应的可视化元素。
2、风格需求
在明确数据需求后,我们还需要规划大屏风格需求。
2.1 主色调
对于大屏主色调的选择,我们最常用的是蓝色系,其次是青色,再次是红、黄、绿等偏亮的颜色,其他色系并非不可用,但对新手而言是很难把控的。
以下是一些常见色调的举例:
1)蓝色调
2)青色调
3)红色调
4)黄色调
2.2 布局
在布局排版方面,我们常见的布局方式有以下几种。主要信息可以居中、居左、居右或者偏上展示,次要信息环绕主要信息。
帆软大屏依托决策报表制作,先新建一张决策报表,并选择大屏常用的「绝对布局」方式;紧接着设置画布大小,使之符合场景规划中的大屏模板比例;然后,就可以以此拖拽需要的组件到画布中了。
1、选取模板
2、下载模板
3、组件复用
完全复用官方模板示例,不能满足大多数用户的需求,因此,我们还需要结合组件复用打造大屏(需要安装组件复用插件)。
对于通过复用的方式制作好的大屏模板,我们需要经历更换数据源、调整图表样式、调整所有组件、补充特效4个步骤。
1、更换数据源
2、调整图表样式
2.1 图表细节调整
2.2 图表系列配色
3、调整所有组件
3.1 添加组件背景&边框
3.2 添加组件标题
采用图表或组件默认的标题样式,很难在大屏上有优秀的视觉效果, 所以,我们一般用一个report块插入小图标和文本,作为组件标题。
3.3 调整报表块中的文字
3.4 调整组件的位置、大小
4、补充效果
再经过以上效果调整后,大屏已经基本满足展示需要,再视需要添加一些跑马灯、组件轮播、图表高亮的效果,一张完整的大屏模板就制作成功了。另外收集了40+模板,私信我领取。
关键词:
Copyright 2015-2022 亚太食品网 版权所有 备案号:沪ICP备2020036824号-11 联系邮箱: 562 66 29@qq.com