可視化設(shè)計(jì)中,如何確定尺寸?
數(shù)據(jù)可視化是一門龐大系統(tǒng)的科學(xué),本文對(duì)可視化設(shè)計(jì)中常用的硬件設(shè)備,及各種拼接形式的設(shè)計(jì)尺寸展開了全面的分析,與大家分享。
數(shù)據(jù)可視化設(shè)計(jì)中尺寸的確定也是至關(guān)重要的,尺寸的準(zhǔn)確性,將直接影響到后期的設(shè)計(jì)、開發(fā)、適配及視覺效果清晰度等。為了更加準(zhǔn)確高效的完成設(shè)計(jì)目標(biāo),前期確定好設(shè)計(jì)尺寸很關(guān)鍵,也是設(shè)計(jì)開始的必備條件。
怎樣確定尺寸?
可視化中常用的硬件設(shè)備一般有拼接屏、LED、投影等形式。不同的硬件設(shè)備在設(shè)計(jì)尺寸時(shí)有共性,也存在不同的規(guī)則。
1. 拼接屏
顧名思義就是很多屏幕按照一定拼接方式拼接而成。其實(shí)可以理解成是有很多電視拼接而成。(常見的使用場(chǎng)景有指揮大廳、展廳、展會(huì)等等。)
他的拼接方式取決于使用場(chǎng)景的需求,如下例子
圖中是3*5的拼接方式,總之不同場(chǎng)景會(huì)有不同的拼接方法。不管怎樣拼設(shè)計(jì)方法是一樣的,本次針對(duì)3*5的拼接方式做分析。
應(yīng)該怎樣設(shè)計(jì):
大多數(shù)屏幕分辨率是1920*1080。按上方排列方式橫向分辨率為6*1920=11520px。豎向分辨率為3*1080=3240px。設(shè)計(jì)可以按照橫豎計(jì)算后的總和作為設(shè)計(jì)尺寸。
但是像這種尺寸過大就不太合適,怎么判斷什么時(shí)候可按照總和設(shè)計(jì)什么時(shí)候最好不要按照總和設(shè)計(jì)。這個(gè)地方有一個(gè)關(guān)鍵的節(jié)點(diǎn)4K,超過4K后現(xiàn)有硬件會(huì)產(chǎn)生很多問題,例如:卡頓,GPU壓力過大,高負(fù)荷運(yùn)行等等。
正常設(shè)計(jì)最好是保持在4K內(nèi),由于硬件問題,所以現(xiàn)在大家采用的都是輸出4K及以下,既保證流暢度又能在視覺上清晰閱讀。所以設(shè)計(jì)時(shí)也要保持同樣的規(guī)則。保持大屏的比例等比縮放即可,應(yīng)該縮放到多少呢?縮放到輸出像素尺寸即可(正常輸出像素是和拼接后整體像素值是成比例關(guān)系的)
注意事項(xiàng):
注:最好是按照硬件的輸出分辨率設(shè)計(jì)(關(guān)鍵),按照輸出分辨率設(shè)計(jì),一定不會(huì)出錯(cuò)。
2. LED
LED也是現(xiàn)在大屏中常采用的硬件,他的像素點(diǎn)計(jì)算及拼接方式與拼接屏有很大區(qū)別,下面我們針對(duì)LED的實(shí)際情況分析應(yīng)該怎樣確定設(shè)計(jì)尺寸。LED可以看成是矩形點(diǎn)陣,具體拼接方式也會(huì)根據(jù)現(xiàn)場(chǎng)實(shí)際情況有所不同,拼接方式的不同直接影響到設(shè)計(jì)的尺寸規(guī)則。
怎樣定義設(shè)計(jì)尺寸:
LED大屏是由若干單體屏幕模塊組成的,LED屏有很多規(guī)格,各規(guī)格計(jì)算方法相同,我們用單體為500mm*500mm的作為標(biāo)準(zhǔn)計(jì)算,每個(gè)單體模塊像素點(diǎn)橫豎都為128px,如圖橫向12塊豎向6塊,橫向像素為128*12=1536px,豎向128*6=768px??梢允褂脵M豎總像素去設(shè)計(jì)。此處規(guī)則和之前一樣,如果超過4K像素時(shí)可以等比縮放,盡量保持在4k及以下。如有輸出像素時(shí)按照輸出像素設(shè)計(jì)。
3. 投影方式
采用這種形式的大屏也經(jīng)常見。在效果、清晰度畫質(zhì)等層面相比拼接屏,led會(huì)差很多。
特別大的內(nèi)容會(huì)采用多投影融合而成,投影儀可投的像素值根據(jù)不同的設(shè)備會(huì)有所不同。例如:1920×1200、2048×1080等等,具體有一個(gè)簡(jiǎn)單了解即可。
怎樣定義設(shè)計(jì)尺寸
首先確定投影像素,如果是多投影融合可采用長(zhǎng)寬像素值相加,然后根據(jù)總尺寸設(shè)計(jì)。同時(shí)也可用設(shè)備輸出像素作為設(shè)計(jì)尺寸。輸出像素不一定和多投影融合的總尺寸相等,但是比例一定是相同的。(特殊情況請(qǐng)參照結(jié)尾重點(diǎn)總結(jié)部分第5條)
4. 電腦屏幕直接投屏形式
這個(gè)應(yīng)用場(chǎng)景多數(shù)是會(huì)議室、展會(huì)、展廳上使用的較多。下面介紹下直接投屏的方式應(yīng)該怎么設(shè)計(jì)。
同比投屏,電腦顯示的內(nèi)容會(huì)完整等比的投放到大屏上。以電腦分辨1920*1080等比投到2*2的的大屏上為例,(拼接屏每塊分辨率為1080*1920),拼接屏和電腦為等比例。
拼接屏總尺寸為3840*2160(4K)。電腦輸出只有1920*1080。雖然拼接屏達(dá)到4K由于輸出像素不夠,那投到4k拼接屏上也是1920*1080等比放大而已,等比關(guān)系不會(huì)變形。此時(shí)設(shè)計(jì)應(yīng)該按照1920*1080設(shè)計(jì),輸出像素不夠設(shè)計(jì)再大的尺寸也是無意義的。
同理如果電腦顯示是1920*1080。但是可以輸出高分辨率,可以直接輸出4K,那投到拼接屏上顯示為3840*2160。這個(gè)取決于輸出能力。此時(shí)設(shè)計(jì)應(yīng)該按照3840*2160設(shè)計(jì)。這樣既保證電腦上清晰也保證輸出到拼接屏上是清晰的。此種情況不要用1920*1080的尺寸設(shè)計(jì),清晰度會(huì)受損。
5. 電腦屏幕非直接投屏
這個(gè)的應(yīng)用場(chǎng)景在指揮大廳、會(huì)議室、展會(huì)、展廳上使用的較多。下面介紹下非直接投屏的方式應(yīng)該怎么設(shè)計(jì)。
在實(shí)際場(chǎng)景中,會(huì)根據(jù)內(nèi)容及拼接方式有所不同,例如:3*6、2*4等等各種都不同,這種情況下一般不會(huì)采用屏幕直投的形式,甚至用不到電腦的顯示器,都是主機(jī)直接輸出給拼接屏現(xiàn)場(chǎng)調(diào)試。
這種過程基本是通過軟硬件配合完成最終實(shí)現(xiàn)大屏適配。電腦信號(hào)會(huì)通過軟件及硬件處理后對(duì)接到大屏,本次只說明設(shè)計(jì)尺寸問題,軟硬件暫時(shí)忽略。
這種情況不要考慮適配電腦屏幕又適配拼接屏,完全沒有必要,也不可能一稿既適配電腦也適配大屏的。此種情況應(yīng)用最多的是采用小屏控制大屏的形式設(shè)計(jì),要針對(duì)性設(shè)計(jì),這才是現(xiàn)階段最佳的解決方法。
通過多屏幕拼接的方式實(shí)現(xiàn),面積大分辨率高,
設(shè)計(jì)時(shí)要關(guān)注以下幾點(diǎn):
(1)屏幕拼接方式
(2)單屏幕像素及拼接后像素
(3)輸出像素
這些決定了設(shè)計(jì)尺寸、內(nèi)容排布、拼接縫的規(guī)避等問題。
設(shè)計(jì)方式是文章開始描述的拼接屏的設(shè)計(jì)方法。
6. 小屏控大屏的尺寸定義
小屏控制大屏也是比較常見的一種情況。上面的設(shè)計(jì)尺寸方法了解了這個(gè)就比較簡(jiǎn)單了,大屏內(nèi)容和小屏內(nèi)容幾乎是沒有完全適配的,也是非常不現(xiàn)實(shí)的。針對(duì)這種情況,我們采用針對(duì)性設(shè)計(jì)。大屏尺寸已經(jīng)沒問題了,現(xiàn)在針對(duì)小屏幕介紹。
大屏弊端在于適合遠(yuǎn)距離觀看,并不易操作,更多的采用小屏去控制,小屏幕更多的是操作性的東西。市面上常見的控制設(shè)備有:iPad、控制臺(tái)、觸控屏、紅外線觸控屏等等??刂贫嘶景凑諏?shí)際尺寸設(shè)計(jì)即可,這里就不過多展開說了。
7. 多主機(jī)多信號(hào)形式
這種情況也是實(shí)際場(chǎng)景中會(huì)用到的。屏幕巨長(zhǎng)并且內(nèi)容可分割的情況下,由于單臺(tái)主機(jī)無法達(dá)到超高的尺寸,會(huì)存在多個(gè)硬件主機(jī)輸出。這種形式其實(shí)就類似于屏幕拼接。
總屏幕為2*6的拼接屏,單臺(tái)主機(jī)可以輸出為2*2的拼接屏像素總和。通過三臺(tái)主機(jī)分別對(duì)2*6的拼接屏做信號(hào)輸出,形成完成的一個(gè)大屏可視化。
怎樣定義設(shè)計(jì)尺寸:
一般這種屏幕分辨率總和都是超大的。例如上方每塊屏幕分辨率1920*81080。橫豎總和分別為11520px、2160px。無法直接用拼接屏橫豎總像素作為設(shè)計(jì)尺寸,這種設(shè)計(jì)應(yīng)該是采用三臺(tái)輸出像素總和作為設(shè)計(jì)尺寸,輸出每臺(tái)主機(jī)設(shè)備僅有1920*1080。設(shè)計(jì)尺寸為寬:1920*3=5760px,高:1080px。
重點(diǎn)總結(jié):
(1)設(shè)計(jì)尺寸建議按照輸出分辨率設(shè)計(jì)(重點(diǎn))
(2)總拼接后像素在4k左右可按照總和設(shè)計(jì)
(3)結(jié)合設(shè)備不要超過4k(非固定,強(qiáng)烈建議)
(4)了解硬件及信號(hào)輸入輸出,確定設(shè)計(jì)尺寸
(5)特殊情況:輸出比例和(拼接屏、LED、投影儀)的實(shí)際尺寸不同也不成比例。這類尺寸一律按照輸出像素設(shè)計(jì)。
本文@聶永真 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
- 目前還沒評(píng)論,等你發(fā)揮!