資料視覺化怎麼確定大屏的設計尺寸？

小龍2022-04-04 03:30:16

歡迎大家指正。

資料視覺化設計中尺寸的確定也是至關重要的，將直接影響到後期的設計、開發、適配及實際效果。常用的硬體裝置一般有拼接屏、LED、投影等形式。

重點總結

（1）設計尺寸建議按照輸出解析度設計

（2）結合裝置畫素不要超過4k（建議）

（3）瞭解硬體及訊號輸入輸出，確定設計尺寸

拼接屏

多塊螢幕按照一定拼接方式拼接而成，常見的使用場景有指揮大廳、展廳、展會等等。這種情況下必須知道單塊屏的解析度，我們就可以計算總的大屏解析度以及畫面內的小螢幕分界線。

不管怎樣拼，設計方法是一樣的。大多數小螢幕解析度是 1920*1080，也有可能是其它解析度。具體的話是按照比例進行設計，上圖的話就是1920x5*1080x3，但這門解析度過大，儘量

不要超過4K

，那麼可以​以高1080px，按照比例算，那麼長就是3200px。

拼接屏的話注意分界線，文字與圖形避開。

按照輸出裝置解析度設計，一定不會出錯。但超過 4K 後現有硬體會產生很多問題，卡頓，GPU 壓力、高負荷執行等。如果畫面實際效果模糊，才考慮用2@圖或多倍圖。

LED

LED 大屏是由若干單體螢幕模組組成的，LED 屏有很多規格，各規格計算方法相同，此處規則和之前一樣，如果超過 4K 畫素時可以等比縮放，儘量保持在 4k 及以下。如有輸出畫素時按照輸出畫素設計。

電腦螢幕直接投屏

同比投屏，

電腦顯示的內容會

等比

的投放到大屏上。以電腦分辨 1920*1080 等比投到3840*2160 的的大屏上為例，拼接屏和電腦為等比例。

如果電腦輸出只有 1920*1080px，雖然拼接屏達到3840*2160px，但 由於輸出畫素不夠，它們是電腦端尺寸等比放大而已，不會變形，此時設計應該按照 1920*1080px設計，設計再大尺寸也無法在螢幕上清晰顯示；如果電腦能輸出更高解析度，能輸出拼接屏上的 3840*2160px，那設計應該按照 3840*2160px設計，這樣能保證拼接屏上是清晰的。

不同比投屏，

例如大屏3*6、2*4 等比例，而電腦尺寸只有

​

電腦輸出只有 1920*1080px。這種情況下一般按大屏尺寸設計，一般都是主機直接輸出給現場大屏或者使用NVIDIA軟體在電腦上調試出大屏解析度除錯。

這種情況不要考慮適配電腦螢幕又適配拼接屏，完全不同比例，也不可能一稿既適配電腦又適配大屏的。

小屏控大屏的尺寸定義

小屏控制大屏也是比較常見的一種情況。上面的設計尺寸方法瞭解了這個就比較簡單了，大屏內容和小屏內容幾乎是沒有完全適配的，也是非常不現實的。針對這種情況，我們採用針對性設計。大屏尺寸已經沒問題了，現在針對小螢幕介紹。

小螢幕更多的是操作性的東西：iPad、控制檯、觸控屏等。控制端基本按照輸出裝置實際尺寸設計。

最後建議設計完後實際檢視現場效果進行除錯。