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

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

不漂亮的可視化都是相似的,漂亮的可視化各有各的漂亮。

每個人都希望做出酷炫吊炸天的可視化大屏!

畢竟,領導喜歡漂亮的。

畢竟,客戶喜歡漂亮的。

畢竟,同事也喜歡漂亮的。

畢竟,我們都是專一的「好色之徒」,都喜歡漂亮的。(嘿嘿嘿)

可是,像包括小編在內的,我處在視覺鄙視鏈末端的人,做出的效果總是被無情吐槽,我能怎麼辦呢?

我也好想希望有一個如「大白」、「圓夢巨人」般的助手,幫我快速搞定漂亮的模板啊。

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

去年,finereport 開發了一個新功能——模板組件本地復用。這個功能可以讓模板製作者在本地的同一個模板內或者不同的模板間複製粘貼組件,是為本地用戶提升開發效率而準備的,如下圖所示。

在今年的4月份,程序員大大們又增加了一個分享功能。這個功能可以讓模板製作者將自己製作好的組件分享給其他開發者,也可以在本地使用其他開發者製作好的組件。

也就是說,你花了幾天時間構建了一個可視化模塊,比如天氣日曆,你可以將這個模塊打包上傳到帆軟商城,大家可以免費/付費(這個隨你)下載。

又或者你對大屏的設計沒有靈感,可以引用別人的模塊組件到自己的設計中來。

整體操作就是「拖拖拽拽」,你只要配備好後台數據即可。

用一個實際案例來介紹,比如我們的某用戶V童鞋,做了很多好看的大屏駕駛艙模板,比如下圖這些。

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

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

設計器中截圖

瀏覽器中截圖

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

這樣算下來,比起絞盡腦汁的自我思考+無頭蒼蠅般的各種嘗試,基於別人已有成果來幫助自己實現大屏駕駛艙,能將工作效率至少提升一倍。

當然10分鐘是誇張了,不過10分鐘能完成一個主視覺的設計。

我們用一個表格來小結一下,藉助組件分享復用實現和自己從無到有設計實現一個大屏駕駛艙,其工作成本的主要差異。

SO ,說了這麼多,最關鍵的是到哪裡去找可以用的組件呢?在帆軟市場里選擇組件欄目,即可看到目前已有的組件,選擇自己喜歡的下載使用即可。不過目前market里的組件數量還比較少,而且主要偏數據表格類。從本月開始,我們會陸續上架更多好看的組件,包括有特色的圖表、圖文結合的組件、綜合類型的組件等等。

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

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


推薦閱讀:

未來大數據將進一步體現其價值
F2 3.1 發布,開箱即用的移動端可視化解決方案
全球百年地震數據可視化系統
可視化辭典 Visual vocabulary
中國將自主建造宇宙空間站

TAG:數據分析 | 可視化 | 數據可視化 |