無極五登錄網站_用一篇乾貨,幫你完全讀懂可視化設計(尺寸篇)

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

這裏根據可視化中常用的硬件設備,及各種拼接形式做全面的設計尺寸分析。

可視化中不同硬件該怎樣確定尺寸

可視化中常用的硬件設備一般有拼接屏、LED、投影等形式。不同的硬件設備在設計尺寸時有共性,也存在不同的規則。

1. 拼接屏

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

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

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

2. 應該怎樣設計

大多數屏幕分辨率是 1920*1080。按上方排列方式橫向分辨率為 6*1920=11520px。豎向分辨率為 3*1080=3240px。設計可以按照橫豎計算后的總和作為設計尺寸。

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

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

3. 注意事項

注:最好是按照硬件的輸出分辨率設計(關鍵),按照輸出分辨率設計,一定不會出錯。

4. LED

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

5. 怎樣定義設計尺寸

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

6. 投影方式

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

特別大的內容會採用多投影融合而成,投影儀可投的像素值根據不同的設備會有所不同。例如:1920×1200、2048×1080 等等,具體有一個簡單了解即可。

7. 怎樣定義設計尺寸

首先確定投影像素,如果是多投影融合可採用長寬像素值相加,然後根據總尺寸設計。同時也可用設備輸出像素作為設計尺寸。輸出像素不一定和多投影融合的總尺寸相等,但是比例一定是相同的。(特殊情況請參照結尾重點總結部分第 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 等等各種都不同,這種情況下一般不會採用屏幕直投的形式,甚至用不到電腦的显示器,都是主機直接輸出給拼接屏現場調試。

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

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

通過多屏幕拼接的方式實現,面積大分辨率高,設計時要關注以下幾點:

  • 屏幕拼接方式
  • 單屏幕像素及拼接后像素
  • 輸出像素

這些決定了設計尺寸、內容排布、拼接縫的規避等問題。設計方式是文章開始描述的拼接屏的設計方法。

小屏控大屏的尺寸定義

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

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

多主機多信號形式

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

總屏幕為 2*6 的拼接屏,單台主機可以輸出為 2*2 的拼接屏像素總和。通過三台主機分別對 2*6 的拼接屏做信號輸出,形成完成的一個大屏可視化。

怎樣定義設計尺寸:

一般這種屏幕分辨率總和都是超大的。例如上方每塊屏幕分辨率 1920*81080。橫豎總和分別為 11520px、2160px。無法直接用拼接屏橫豎總像素作為設計尺寸,這種設計應該是採用三台輸出像素總和作為設計尺寸,輸出每台主機設備僅有 1920*1080。設計尺寸為寬:1920*3=5760px,高:1080px。

重點總結

  • 設計尺寸建議按照輸出分辨率設計(重點)
  • 總拼接后像素在 4k 左右可按照總和設計
  • 結合設備不要超過 4k(非固定,強烈建議)
  • 了解硬件及信號輸入輸出,確定設計尺寸
  • 特殊情況:輸出比例和(拼接屏、LED、投影儀)的實際尺寸不同也不成比例。這類尺寸一律按照輸出像素設計。

拓展閱讀:

兩萬五千字!寫給設計師的數據可視化指南

本文從開題到現在,用了將近2個月的時間,全文總計25000字左右,幫你從零開始掌握數據可視化。

閱讀文章 >>

未经-摩登3注册-摩登3测速官网-允许不得转载:摩登3注册-摩登3测速官网 » 無極五登錄網站_用一篇乾貨,幫你完全讀懂可視化設計(尺寸篇)

赞 (0)