百度商橋

在線咨詢

400-660-9989

uipower@uipower.com

數據可視化怎么確定大屏的設計尺寸?

發布時間:2020-07-24 14:34:37

護航“數字生活” 進入“數字孿生時代”,大數據時代數據可視化的需求越顯得重要。各行各業各種應用場景都能夠看到大屏數據可視化的身影。不知道你們有沒有注意到大屏有很多尺寸,有些大屏存在這樣的問題:顯示內容不全或被壓縮或者拉伸,畫面變形,非常影響呈現效果。

對于大屏可視化的設計尺寸問題,一直困擾著很多設計師,對設計尺寸沒有一個正確的認識導致大屏呈現諸多遺憾,也會造成浪費時間返工,今天我們就認認真真討論一下大屏設計尺寸的問題。

大屏成像原理幾乎都是投屏,也就是把電腦屏幕通過有線信號投放到大屏上,電腦上顯示什么內容,大屏上就會呈現什么內容。在電腦上的交互操作大屏會同步進行,這就是投屏。

那么現實中大屏和電腦的比列有可能不一樣,我們怎么確定我們設計稿的尺寸呢?下面我分兩種情況說明。

一、大屏和電腦同比例設計

首先我們強調一點,不可以用大屏的分辨率來定義設計稿尺寸,當大屏的比例和電腦屏幕的比例一致時,要結合電腦屏幕的分辨率來定義設計稿尺寸。

比如電腦屏幕分辨率為1920*1080,那設計稿就可以是這個尺寸,當電腦屏幕是3840*2160(4K)屏時,可以用1920~3840*1080~2160同等比例任意數值。

UIPower案列-UIpower

當使用的電腦是4k分辨率時,即使設計稿用1920*1080的設計尺寸也可以實現,但是最終在大屏的呈現畫面清晰度不夠理想。原因是開發人員使用1920*1080適配了4k分辨率,這本身就是同比放大的關系,再加上在投放中的畫質損失問題就會更明顯,不過基本上也算是可以接受的范圍內。雖然畫質影響不大,但優先級層級上更推薦電腦本身的分辨率3840*2160作為設計稿的尺寸,這樣1比1的呈現最能保證畫面的質量。

二、大屏和電腦不同比例設計

說完同比例的大屏電腦設計,下面來說不同比例的情況,一般的問題都是出在不同比例的設計上。當大屏和電腦屏幕不同比例時,請牢記一點,一定要確保大屏的展示是正常的,這是必須的。所以我們一般按大屏尺寸設計,一般都是主機直接輸出給現場大屏或者使用NVIDIA軟件在電腦上調試出大屏分辨率調試。保證大屏的正常呈現,電腦上差點無關緊要。

案例分析

一個4*7的拼接大屏,分辨率13440*4320,比例為28:9,如何配置最合適的電腦比例去屏幕投屏?

UIPower案列-UIPower

如果能找到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相差過大,如下圖所示:

UIPower案列-UIPower

如此壓縮程度在操作時會存在一些問題,例如有交互操作的大屏,很小按鈕就會被擠壓的很癟,導致點擊的準確率下降,影響操作體驗。

下圖,我們用兩個屏幕拼接成一個屏幕稱為32:9的比例,這樣是比較接近28:9,所以最為合適。

UIPower案列-UIPower

雖然上面兩個16:10的顯示器比例與29:9最為接近,但分辨率實在過低,缺少很強的擴展性。

結論:

1、要以大屏的比例去設計你的設計稿,保證大屏呈現完美

2、4k分辨率的電腦,優先使用大分辨率來作為設計稿

3、優先使用,最接近大屏分辨率的電腦屏幕比例,去投屏





{转码词},{转码词1},{转码词2},{转码词3}