10分鐘搞定大屏可視化設計,多虧了這個功能!

文 | 軟妹 2019-03-28 14:16:40

不漂亮的模板都是相似的,漂亮的模板各有各的漂亮。大家都希望自己製作的、自己在看的、在用的模板,都是漂亮的。

畢竟,老闆喜歡漂亮的。
畢竟,客戶喜歡漂亮的。
畢竟,你自己也喜歡漂亮的。
畢竟,我們都是專一的「好色之徒」,都喜歡漂亮的。

可是,像我這樣處在視覺鄙視鏈末端的人,做出的效果總是被無情吐槽,我能怎麼辦呢?
我也好想希望有一個如「大白」、「圓夢巨人」般的助手,幫我快速搞定漂亮的模板啊。

產品汪說:你做的模板不美,但你想的倒是挺美。「大白」木有,「圓夢巨人」也木有,但做模板的神助攻倒是有一個:

模板組件分享復用

(如何制作易讀美觀的大屏報表,具體方法請參考文章:大屏做成這樣,領導不重視你都難!

資深番薯可能還記得,一年前我們發布了模板組件本地復用的功能。這個功能,是讓模板製作者,可以在本地的同一個模板內或者不同的模板間複製粘貼組件,是為本地用戶提升開發效率而準備的,如下圖所示。

在最近的4月份,我們發布了模板組件分享復用功能。這個功能,是讓模板製作者,可以將自己製作好的組件分享給其他開發者,也可以在本地使用其他開發者製作好的組件。

單從文字描述上可能不好理解這個功能的價值,我們用實際案例來介紹其強大之處。
帆軟的用戶V童鞋,做了很多好看的大屏駕駛艙模板,比如下圖這些。

筆者我在製作自己的大屏駕駛艙demo的時候,一直打不開思路,想借鑒他模板里一些好看的組件,於是請求V童鞋分享了一些組件給我。如下圖所示,其中紅色框框圈起來的是V童鞋分享出來的組件(礙於篇幅原因,並沒有把所有截圖都列出來)。

我開心的在自己設計器里安裝好這些組件,並將其拖拽到決策報表裡頭,很輕鬆的就組合了一個全新大屏儀表板,如下兩圖所示。


(設計器中截圖)


(瀏覽器預覽截圖)

由於組件是分享自V童鞋的不同模板,所以在不做任何修改的情況下,組合形成的模板在配色方面可能有一些衝突,但我們只要稍微調整一下配色即可迅速美化整個模板。另外為了讓模板符合自己的業務,也只需要把組件的數據替換成自己的業務數據就行。

這樣算下來,比起絞盡腦汁的自我思考+無頭蒼蠅般的各種嘗試,基於別人已有成果來幫助自己實現大屏儀表板,能將工作效率至少提升一倍。我們用一個表格來小結一下,藉助組件分享復用實現和自己從無到有設計實現一個大屏駕駛艙,其工作成本的主要差異。

註:根據經驗,設計、製作具體的可視化組件是極其耗費時間的,需要對產品功能有足夠深入的了解才能知道如何下手。此外還可能涉及到大量的反覆修改,同時往往需要專業美工人員的參與。

SO ,說了這麼多,最關鍵的是到哪裡去找可以用的組件呢?點擊

模板組件分享復用

即可看到目前已有的組件,選擇自己喜歡的下載使用即可。不過目前market里的組件數量還比較少,而且主要偏數據表格類。從本月開始,我們會陸續上架更多好看的組件,包括有特色的圖表、圖文結合的組件、綜合類型的組件等等。

另外需要特彆強調的是,組件分享復用功能由兩部分組成,一部分是復用功能,也即安裝使用別人的組件,這部分已經內置在最新FineReport 9.0設計器里;另一個是生成功能,也即生成組件並分享給其他人,這部分功能需要安裝插件,該插件目前僅在VIP客戶共創活動中提供。

不過我們深知,要發揮該功能的最大價值,僅僅靠帆軟官方來提供組件是不夠的。用戶的智慧和創造力是無窮無盡的,我們需要更多番薯們的主動分享,才能覆蓋更多的使用場景、積累更多高質量的組件,才能真正意義上達到幫助所有用戶提升開發效率這一宏偉願景。所以我們會適時開放該插件供更多用戶使用,具體請關注帆軟臉書粉絲團【FineReport報表軟體】。

喜歡這篇文章嗎?歡迎分享按讚,給予我們支持和鼓勵!

臉書【FineReport報表軟體】

帆軟FineReport臉書官方賬號

送資訊人才必備懶人包

商務問題諮詢

王人賢 Brian

0933-790886

brian.wang@fanruan.com

  • 郵件技術諮詢

  • support@fanruan.com

    帆軟logo

    版權所有©2019 帆軟軟體有限公司|蘇ICP備14031611號-3

返回頂部