一文讀懂視覺化設計（尺寸篇）

資料視覺化設計中尺寸的確定也是至關重要的，尺寸的準確性，將直接影響到後期的設計、開發、適配及視覺效果清晰度等。為了更加準確高效的完成設計目標，前期確定好設計尺寸很關鍵，也是設計開始的必備條件。

這裡根據視覺化中常用的硬體裝置，及各種拼接形式做全面的設計尺寸分析。

怎樣確定尺寸

視覺化中常用的硬體裝置一般有拼接屏、LED、投影等形式。不同的硬體裝置在設計尺寸時有共性，也存在不同的規則。

拼接屏：

顧名思義就是很多螢幕按照一定拼接方式拼接而成。其實可以理解成是有很多電視拼接而成。（常見的使用場景有指揮大廳、展廳、展會等等。）

他的拼接方式取決於使用場景的需求，如下例子

圖中是3*5的拼接方式，總之不同場景會有不同的拼接方法。不管怎樣拼設計方法是一樣的，本次針對3*5的拼接方式做分析。

應該怎樣設計：

大多數螢幕解析度是1920*1080。按上方排列方式橫向解析度為6*1920=11520px。豎向解析度為3*1080=3240px。設計可以按照橫豎計算後的總和作為設計尺寸。

但是像這種尺寸過大就不太合適，怎麼判斷什麼時候可按照總和設計什麼時候最好不要按照總和設計。這個地方有一個關鍵的節點4K，超過4K後現有硬體會產生很多問題，例如：卡頓，GPU壓力過大，高負荷執行等等。

正常設計最好是保持在4K內，由於硬體問題，所以現在大家採用的都是輸出4K及以下，既保證流暢度又能在視覺上清晰閱讀。所以設計時也要保持同樣的規則。保持大屏的比例等比縮放即可，應該縮放到多少呢？縮放到輸出畫素尺寸即可（正常輸出畫素是和拼接後整體畫素值是成比例關係的）

注意事項

注：最好是按照硬體的輸出解析度設計（關鍵），按照輸出解析度設計，一定不會出錯。

LED

LED也是現在大屏中常採用的硬體，他的畫素點計算及拼接方式與拼接屏有很大區別，下面我們針對LED的實際情況分析應該怎樣確定設計尺寸。LED可以看成是矩形點陣，具體拼接方式也會根據現場實際情況有所不同，拼接方式的不同直接影響到設計的尺寸規則。

怎樣定義設計尺寸：

LED大屏是由若干單體螢幕模組組成的，LED屏有很多規格，各規格計算方法相同，我們用單體為500mm*500mm的作為標準計算，每個單體模組畫素點橫豎都為128px，如圖橫向12塊豎向6塊，橫向畫素為128*12=1536px，豎向128*6=768px。可以使用橫豎總畫素去設計。此處規則和之前一樣，如果超過4K畫素時可以等比縮放，儘量保持在4k及以下。如有輸出畫素時按照輸出畫素設計。

投影方式

採用這種形式的大屏也經常見。在效果、清晰度畫質等層面相比拼接屏，led會差很多。

特別大的內容會採用多投影融合而成，投影儀可投的畫素值根據不同的裝置會有所不同。例如：1920x1200、2048x1080等等，具體有一個簡單瞭解即可。

怎樣定義設計尺寸

首先確定投影畫素，如果是多投影融合可採用長寬畫素值相加，然後根據總尺寸設計。同時也可用裝置輸出畫素作為設計尺寸。輸出畫素不一定和多投影融合的總尺寸相等，但是比例一定是相同的。（特殊情況請參照結尾重點總結部分第5條

電腦螢幕直接投屏形式

這個應用場景多數是會議室、展會、展廳上使用的較多。下面介紹下直接投屏的方式應該怎麼設計。

同比投屏，電腦顯示的內容會完整等比的投放到大屏上。以電腦分辨1920*1080等比投到2*2的的大屏上為例，（拼接屏每塊解析度為1080*1920），拼接屏和電腦為等比例。

拼接屏總尺寸為3840*2160（4K）。電腦輸出只有1920*1080。雖然拼接屏達到4K由於輸出畫素不夠，那投到4k拼接屏上也是1920*1080等比放大而已，等比關係不會變形。此時設計應該按照1920*1080設計，輸出畫素不夠設計再大的尺寸也是無意義的。

同理如果電腦顯示是1920*1080。但是可以輸出高解析度，可以直接輸出4K，那投到拼接屏上顯示為3840*2160。這個取決於輸出能力。此時設計應該按照3840*2160設計。這樣既保證電腦上清晰也保證輸出到拼接屏上是清晰的。此種情況不要用1920*1080的尺寸設計，清晰度會受損。

電腦螢幕非直接投屏

這個的應用場景在指揮大廳、會議室、展會、展廳上使用的較多。下面介紹下非直接投屏的方式應該怎麼設計。

在實際場景中，會根據內容及拼接方式有所不同，例如：3*6、2*4等等各種都不同，這種情況下一般不會採用螢幕直投的形式，甚至用不到電腦的顯示器，都是主機直接輸出給拼接屏現場除錯。

這種過程基本是透過軟硬體配合完成最終實現大屏適配。電腦訊號會透過軟體及硬體處理後對接到大屏，本次只說明設計尺寸問題，軟硬體暫時忽略。

這種情況不要考慮適配電腦螢幕又適配拼接屏，完全沒有必要，也不可能一稿既適配電腦也適配大屏的。此種情況應用最多的是採用小屏控制大屏的形式設計，要針對性設計，這才是現階段最佳的解決方法。

透過多螢幕拼接的方式實現，面積大解析度高，

設計時要關注以下幾點

（1）螢幕拼接方式

（2）單螢幕畫素及拼接後像素

（3）輸出畫素

這些決定了設計尺寸、內容排布、拼接縫的規避等問題。

設計方式是文章開始描述的拼接屏的設計方法。

小屏控大屏的尺寸定義

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

大屏弊端在於適合遠距離觀看，並不易操作，更多的採用小屏去控制，小螢幕更多的是操作性的東西。市面上常見的控制裝置有：iPad、控制檯、觸控屏、紅外線觸控屏等等。控制端基本按照實際尺寸設計即可，這裡就不過多展開說了。

多主機多訊號形式

這種情況也是實際場景中會用到的。螢幕巨長並且內容可分割的情況下，由於單臺主機無法達到超高的尺寸，會存在多個硬體主機輸出。這種形式其實就類似於螢幕拼接。

總螢幕為2*6的拼接屏，單臺主機可以輸出為2*2的拼接屏畫素總和。透過三臺主機分別對2*6的拼接屏做訊號輸出，形成完成的一個大屏視覺化。

怎樣定義設計尺寸：

一般這種螢幕解析度總和都是超大的。例如上方每塊螢幕解析度1920*81080。橫豎總和分別為11520px、2160px。無法直接用拼接屏橫豎總畫素作為設計尺寸，這種設計應該是採用三臺輸出畫素總和作為設計尺寸，輸出每臺主機裝置僅有1920*1080。設計尺寸為寬：1920*3=5760px，高：1080px。

重點總結

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

（2）總拼接後像素在4k左右可按照總和設計

（3）結合裝置不要超過4k（非固定，強烈建議）

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

（5）特殊情況：輸出比例和（拼接屏、LED、投影儀）的實際尺寸不同也不成比例。這類尺寸一律按照輸出畫素設計。