天天看點

資料可視化怎麼确定大屏的設計尺寸?_光點科技

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

資料可視化怎麼确定大屏的設計尺寸?_光點科技

可視化大屏通常分為兩類,另外一類是LED屏、一類是拼接屏,但現階段大屏幾乎都是拼接屏。

拼接屏由多塊46-55寸的液晶顯示屏拼接而成,分辨率一般為16:9,有一定的縫隙(現在企業常用的有無縫隙、1.7mm縫隙、3.5mm縫隙、三種拼接大屏,縫隙越小越貴。)常見的使用場景有指揮大廳、展廳、展會等等。這種情況下必須知道單塊屏的分辨率,一般情況下,确定設計尺寸需要分兩種情況:

一、大屏和投屏電腦尺寸同比例

這種情況下,設計稿的尺寸以電腦為準;

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

資料可視化怎麼确定大屏的設計尺寸?_光點科技

要說的是,當電腦是8k分辨率時,雖然設計稿用1920*1080的設計尺寸也可以實作,但最終在大屏的呈現畫面清晰度不夠高,是以這種情況下會優先推薦使用電腦本身的分辨率7680*4320作為設計稿尺寸,這樣1:1的呈現最能保證畫面高品質。

大分辨率的設計尺寸還有個優勢就是可以呈現更多的内容,同時在字号的設計上也要相對更大,比如在1920中16px的字号,7680中最好也能做到四倍左右的放大。

當然也完全可以用1920*1080尺寸設計,最後導出8k尺寸,也就是4倍圖,包括切圖也是導出4倍圖。

總結:

當大屏與投屏電腦比例一緻,電腦螢幕分辨率為1920*1080時,設計稿為電腦分辨率尺寸大小;

分辨率為7680*4320時設計稿優先級是7680*4320、3840*2160、以及之間的同比例數值;

當小于電腦分辨率時,開發方式要适應螢幕大小。

二、大屏和投屏電腦尺寸不同比例

這種情況下,設計稿的尺寸應以實體大屏為準;因為一定要保證大屏的展示是正常的,這是必須的。

設計尺寸時,可以先把上下高度設定為1080,然後按照拼接屏的數量比例得出長度的設計尺寸。

例如,下圖是一塊以3*5拼接的大屏,可将裝置高度設為1080,則每塊小屏的高度就是360;360除9乘16等于640,640就是單塊小屏的長度;用640乘5塊屏=3200,最後得出拼接屏的設計稿尺寸就是:3200*1080。

資料可視化怎麼确定大屏的設計尺寸?_光點科技

注意,若實體大屏分辨率過高,也可進行分辨率減半設計。

一般情況下,并不建議大屏采用自适應方式。因為如果是自适應,系統就會按各自子產品的寬高比先計算實際值,一旦大屏内容布局較多或名額計算複雜,則會非常影響大屏計算性能和實時分析能力。

總結:

要以大屏的比例去定義設計稿,保證大屏完美呈現;

4k分辨率電腦,優先使用大分辨率作為設計稿;

使用最接近大屏分辨率的電腦螢幕比例投放。

關于光點科技