今天在（下）篇，我們會繼續講第三步到第七步，從大屏模闆制作→動态特效補充→細節調整→大屏視覺及硬件調試→上線運行，原創不易，如果有幫助的話，請點贊支持~

------------------------------------正文開始---------------------------------

（主要思路：新建空白大屏畫布→選擇大屏主題→選定圖表組件并綁定相應數據→預覽大屏）

在第一二步的需求确定 數據整理 素材準備都做好後，我們就可以開始第三步的大屏制作了。用到的工具還是FineReport，獲取方式見文末。

廢話不多說，直接開搞！

如果你是想自己設計大屏布局，就直接新建空白模闆，如果懶得自己設計，可以直接選擇FR裡自帶的布局模闆（即圖中選擇模闆處），像我一般就直接選自帶的模闆，比較方便。

新建畫布時，會有一個默認的主題，但是我們一般會根據實際情況去選一個合适的主題。

比如如果是需要展示用的大屏，我一般就會選用下面下面3個深藍綠色系的風格，如果是日常報表展示的話，我個人就會更偏向上面四個淺色系的，因為比較經常看，如果選擇視覺沖擊比較強的深色系的話，會比較壓抑。

當我們選擇完大屏主題後，就該把大屏中每個組件與其需要展示的數據綁定起來。具體操作的話，就是通過sql語句取出要用到的數據集，簡單的大屏用select ... from語句就足矣。

在第三步，我們将組件和其數據源綁定起來，那第四步要做的就是從參數面闆、空白塊、圖表塊、控件面闆中選擇想要的組件拖拽到畫布中，并調整可視化大屏的整體樣式。

第五步主要就是對拉到畫布上的組件，進行設計，主要包括組件的圖表類型、數據、樣式、特效等。

在确定完組件樣式後，就可以預覽可視化大屏，能直接在浏覽器中調整組件的位置大小。

對于特定的大屏場景，我們是需要添加一些動态輪播、消息滾動、告警線/圖表閃爍動畫的效果補充。

以高速監控為例，在下圖的大屏中，依次遍曆了山東省每個市的高速收費數據，通過動态輪播引導觀看者了解每個市區的信息，做到信息表達完整的同時，也讓大屏界面保持整潔。

以政府平台為例，一天内會有多條通知發布，這時候就可以使用“消息滾動“，去顯示多條消息文本（例如下圖右下角的“最新動态”），以滾動的形式展示即不需要太大的空間，又可以通過動态效果引起注意。

以生産監控為例，在生産過程中需要非常注意異常數據，保證生産的順利。所以我們在做監控看闆時，常需要對監控用的圖表設置一條警戒線，同時對低于警戒線數值的系列，設置條件變色和閃爍動畫效果，突出異常數據，例如下圖的左半部分，就是用警戒線和紅色來提醒觀看者數據的變化。

大屏制作好後，還需要經過一些細節調整，讓大屏整體效果更ok。

下面6點是我總結的大屏常見視覺問題，你們在做完後可以對照檢查下，是否有踩坑：

視覺方面

主要看下關鍵視覺元素、字體字号、頁面動效、圖表是否有按預期顯示、有無變形、錯位等情況，在上方細節調整的基礎上再次優化。

硬件性能與數據方面

大屏投屏電腦推薦配置：

按照經驗來看，這部分主要關注兩個問題：

1、熄屏問題：由于投屏電腦的屏保限制，大屏運行一段時間後有可能會自動熄屏，大屏上線運行前要提前設置好熄屏時長；

2、播放周期問題：如果大屏需要輪播演示，那就要提前測試好演示者和大屏輪播的配合度，調整輪播時間的間隔。例如下圖這張銷售數據大屏，一共有3張模闆要輪播，在切換或輪播場景的同時輪播了模闆，所以需要提前測試好演示者和大屏輪播的配合度。

對于可視化大屏的制作，其實我已經寫過很多了，但是平常寫的比較分散，大都是針對各流程模塊寫的，比如圖表顔色的選取，大屏模闆如何套用，怎麼制作動态特效等。所以也讓很多我的讀者還不太清楚整個可視化大屏的完整制作流程。

花了好幾個晚上，把一套完整制作流程寫了出來，可能還有些缺漏，但整體來說差不多夠用了，有想補充的，可以收藏一波等我更新，我會後續再補上，

看了這麼多，不如自己動手做一張吧，回複“模闆”即可獲取工具 40套大屏模闆！

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!