護航“數字生活” 進入“數字孿生時代”,大數據時代數據可視化的需求越顯得重要。各行各業各種應用場景都能夠看到大屏數據可視化的身影。不知道你們有沒有注意到大屏有很多尺寸,有些大屏存在這樣的問題:顯示內容不全或被壓縮或者拉伸,畫面變形,非常影響呈現效果。
對於大屏可視化的設計尺寸問題,一直困擾着很多設計師,對設計尺寸沒有一個正確的認識導致大屏呈現諸多遺憾,也會造成浪費時間返工,今天我們就認認真真討論一下大屏設計尺寸的問題。
大屏成像原理幾乎都是投屏,也就是把電腦屏幕通過有線信號投放到大屏上,電腦上顯示什么內容,大屏上就會呈現什么內容。在電腦上的交互操作大屏會同步進行,這就是投屏。
那么現實中大屏和電腦的比列有可能不一樣,我們怎么確定我們設計稿的尺寸呢?下面我分兩種情況說明。
一、大屏和電腦同比例設計
首先我們強調一點,不可以用大屏的分辨率來定義設計稿尺寸,當大屏的比例和電腦屏幕的比例一致時,要結合電腦屏幕的分辨率來定義設計稿尺寸。
比如電腦屏幕分辨率為1920*1080,那設計稿就可以是這個尺寸,當電腦屏幕是3840*2160(4K)屏時,可以用1920~3840*1080~2160同等比例任意數值。

當使用的電腦是4k分辨率時,即使設計稿用1920*1080的設計尺寸也可以實現,但是最終在大屏的呈現畫面清晰度不夠理想。原因是開發人員使用1920*1080適配了4k分辨率,這本身就是同比放大的關系,再加上在投放中的畫質損失問題就會更明顯,不過基本上也算是可以接受的范圍內。雖然畫質影響不大,但優先級層級上更推薦電腦本身的分辨率3840*2160作為設計稿的尺寸,這樣1比1的呈現最能保證畫面的質量。
二、大屏和電腦不同比例設計
說完同比例的大屏電腦設計,下面來說不同比例的情況,一般的問題都是出在不同比例的設計上。當大屏和電腦屏幕不同比例時,請牢記一點,一定要確保大屏的展示是正常的,這是必須的。所以我們一般按大屏尺寸設計,一般都是主機直接輸出給現場大屏或者使用NVIDIA軟件在電腦上調試出大屏分辨率調試。保證大屏的正常呈現,電腦上差點無關緊要。
案例分析
一個4*7的拼接大屏,分辨率13440*4320,比例為28:9,如何配置最合適的電腦比例去屏幕投屏?

如果能找到28:9的最好,但是現實非常困難,定制顯示器比例的服務商幾乎沒有。所以要找最接近的此大屏比例的顯示器,最常見的如以下比例顯示器:
1、16:9(1920*1080)
2、16:9(3840*2160)
3、16:10(1920*1200)
4、21:9(3440*1440)
根據同比例的分析得出結論,大分辨率的電腦顯示器其擴展性更強,所以得首先考慮4k大分辨率的顯示器,但16:9與28:9相差過大,如下圖所示:

如此壓縮程度在操作時會存在一些問題,例如有交互操作的大屏,很小按鈕就會被擠壓的很癟,導致點擊的准確率下降,影響操作體驗。
下圖,我們用兩個屏幕拼接成一個屏幕稱為32:9的比例,這樣是比較接近28:9,所以最為合適。

雖然上面兩個16:10的顯示器比例與29:9最為接近,但分辨率實在過低,缺少很強的擴展性。
結論:
1、要以大屏的比例去設計你的設計稿,保證大屏呈現完美
2、4k分辨率的電腦,優先使用大分辨率來作為設計稿
3、優先使用,最接近大屏分辨率的電腦屏幕比例,去投屏
文章來源:http://www.uipower.com/news/visualScreenSizeDesign.html
更多高品質智慧可視化解決方案:http://www.uipower.com/uitemp.html