大屏可视化设计实践与软件推荐
不漂亮的模板都是相似的,漂亮的模板各有各的漂亮。我知道,你也是希望自己制作的、自己在看的、在用的模板,都是漂亮的。毕竟,领导喜欢漂亮的。毕竟,客户喜欢漂亮的。毕竟,你自己也喜欢漂亮的。毕竟,我们都是专一的“好色之徒”,都喜欢漂亮的。(嘿嘿嘿)可是,像我这样处在视觉鄙视链末端的人,做出的效果总是被无情吐槽,我能怎么办呢?我也好想希望有一个如“大白”、“圆梦巨人”般的助手,帮我快速搞定漂亮的模板啊。
其实一开始套用一些模板,寻求灵感,多借鉴、多学习,最后总可以找到自己做设计的风格。不知道从何下手的话可以了解一下下面的FineReport模板组件的模板复用功能。这个功能,是让模板制作者,可以在本地的同一个模板内或者不同的模板间复制粘贴组件,是为本地用户提升开发效率而准备的,如下图所示。
这个功能,是让模板制作者,可以将自己制作好的组件分享给其他开发者,也可以在本地使用其他开发者制作好的组件。
下面放实际案例。
比如帆软的某用户V童鞋,做了很多好看的大屏驾驶舱模板,比如下图这些。
笔者我在制作自己的大屏驾驶舱demo的时候,一直打不开思路,想借鉴他模板里一些好看的组件,于是请求V童鞋分享了一些组件给我。如下图所示,其中红色框框圈起来的是V童鞋分享出来的组件(碍于篇幅原因,并没有把所有截图都列出来)。
我开心的在自己设计器里安装好这些组件,并将其拖拽到决策报表里头,很轻松的就组合了一个全新大屏驾驶舱,如下两图所示。
(设计器中截图)
(浏览器预览截图)
由于组件是分享自V童鞋的不同模板,所以在不做任何修改的情况下,组合形成的模板在配色方面可能有一些冲突,但我们只要稍微调整一下配色即可迅速美化整个模板。另外为了让模板符合自己的业务,也只需要把组件的数据替换成自己的业务数据就行。
这样算下来,比起绞尽脑汁的自我思考+无头苍蝇般的各种尝试,基于别人已有成果来帮助自己实现大屏驾驶舱,能将工作效率至少提升一倍。我们用一个表格来小结一下,借助组件分享复用实现和自己从无到有设计实现一个大屏驾驶舱,其工作成本的主要差异。
对上述功能感兴趣的话可以自行前往官网下载软件尝试。在帆软市场里选择组件栏目,即可看到目前已有的组件,选择自己喜欢的下载使用即可。market组件包含有特色的图表、图文结合的组件、综合类型的组件等多种类型。
另外需要特别强调的是,组件分享复用功能由两部分组成,一部分是复用功能,也即安装使用别人的组件,这部分已经内置在最新FineReport 9.0设计器里;另一个是生成功能,也即生成组件并分享给其他人,这部分功能需要安装插件,该插件目前仅在VIP客户共创活动中提供。
不过,要想真正做出独特的大屏设计,仅仅靠软件自带组件是不够的,大家需要学以致用,自己动手实现属于自己的大屏设计。