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

不漂亮的模板都是相似的,漂亮的模板各有各的漂亮。

我知道,你也是希望自己製作的、自己在看的、在用的模板,都是漂亮的。

畢竟,領導喜歡漂亮的。

畢竟,客戶喜歡漂亮的。

畢竟,你自己也喜歡漂亮的。

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

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

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

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

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

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

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

單從文字描述上可能不好理解這個功能的價值,我們用實際案例來介紹其強大之處。

比如帆軟的某用戶V童鞋,做了很多好看的大屏駕駛艙模板,比如下圖這些。

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

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

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

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

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

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

(設計器中截圖)

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

(瀏覽器預覽截圖)

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

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

編號

核心事項

自己實現駕駛艙(人天)

組件分享複用實現(人天)

備註

1

確定業務指標

1

1


2

整理數據

1

1


3

設計每個指標用什麼視覺形式展現

2

0

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

4

製作每個指標對應的展現形式(可視化組件)

2

0


5

調整每個指標所在組件的樣式

1

0.5


6

調整組件的佈局

0.5

0.5


7

美化全局樣式

0.5

0.5


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

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

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


分享到:


相關文章: