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

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

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

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

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

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

比如電腦螢幕解析度為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