數(shù)據(jù)可視化怎么確定大屏的設(shè)計尺寸?_光點科技
數(shù)據(jù)可視化設(shè)計中尺寸的確定是至關(guān)重要的,而尺寸的準確性,將直接影響到后期的設(shè)計、開發(fā)、適配及視覺效果清晰度等。為了更加準確高效的完成設(shè)計目標,前期確定好設(shè)計尺寸很關(guān)鍵,也是設(shè)計開始的必備條件。

可視化大屏通常分為兩類,另外一類是LED屏、一類是拼接屏,但現(xiàn)階段大屏幾乎都是拼接屏。
拼接屏由多塊46-55寸的液晶顯示屏拼接而成,分辨率一般為16:9,有一定的縫隙(現(xiàn)在企業(yè)常用的有無縫隙、1.7mm縫隙、3.5mm縫隙、三種拼接大屏,縫隙越小越貴。)常見的使用場景有指揮大廳、展廳、展會等等。這種情況下必須知道單塊屏的分辨率,一般情況下,確定設(shè)計尺寸需要分兩種情況:
一、大屏和投屏電腦尺寸同比例
這種情況下,設(shè)計稿的尺寸以電腦為準;
比如電腦屏幕分辨率為1920*1080,那設(shè)計稿就可以是這個尺寸;當電腦屏幕是3840*2160(4K)屏時,可以用1920~3840*1080~2160同等比例的任意數(shù)值,如下圖。

要說的是,當電腦是8k分辨率時,雖然設(shè)計稿用1920*1080的設(shè)計尺寸也可以實現(xiàn),但最終在大屏的呈現(xiàn)畫面清晰度不夠高,所以這種情況下會優(yōu)先推薦使用電腦本身的分辨率7680*4320作為設(shè)計稿尺寸,這樣1:1的呈現(xiàn)最能保證畫面高質(zhì)量。
大分辨率的設(shè)計尺寸還有個優(yōu)勢就是可以呈現(xiàn)更多的內(nèi)容,同時在字號的設(shè)計上也要相對更大,比如在1920中16px的字號,7680中最好也能做到四倍左右的放大。
當然也完全可以用1920*1080尺寸設(shè)計,最后導出8k尺寸,也就是4倍圖,包括切圖也是導出4倍圖。
總結(jié):
當大屏與投屏電腦比例一致,電腦屏幕分辨率為1920*1080時,設(shè)計稿為電腦分辨率尺寸大??;
分辨率為7680*4320時設(shè)計稿優(yōu)先級是7680*4320、3840*2160、以及之間的同比例數(shù)值;
當小于電腦分辨率時,開發(fā)方式要適應屏幕大小。
二、大屏和投屏電腦尺寸不同比例
這種情況下,設(shè)計稿的尺寸應以物理大屏為準;因為一定要保證大屏的展示是正常的,這是必須的。
設(shè)計尺寸時,可以先把上下高度設(shè)定為1080,然后按照拼接屏的數(shù)量比例得出長度的設(shè)計尺寸。
例如,下圖是一塊以3*5拼接的大屏,可將設(shè)備高度設(shè)為1080,則每塊小屏的高度就是360;360除9乘16等于640,640就是單塊小屏的長度;用640乘5塊屏=3200,最后得出拼接屏的設(shè)計稿尺寸就是:3200*1080。

注意,若物理大屏分辨率過高,也可進行分辨率減半設(shè)計。
一般情況下,并不建議大屏采用自適應方式。因為如果是自適應,系統(tǒng)就會按各自模塊的寬高比先計算實際值,一旦大屏內(nèi)容布局較多或指標計算復雜,則會非常影響大屏計算性能和實時分析能力。
總結(jié):
要以大屏的比例去定義設(shè)計稿,保證大屏完美呈現(xiàn);
4k分辨率電腦,優(yōu)先使用大分辨率作為設(shè)計稿;
使用最接近大屏分辨率的電腦屏幕比例投放。
關(guān)于光點科技
光點科技是一家在政企數(shù)據(jù)治理、數(shù)據(jù)中臺建設(shè)、數(shù)據(jù)可視化展示分析方面有著豐富經(jīng)驗的公司。光點科技既提供數(shù)據(jù)產(chǎn)品,也提供數(shù)據(jù)服務,服務客戶超過100家,在金融、電信、政務、企業(yè)、工程、教育、檢驗檢測等行業(yè)有豐富的經(jīng)驗和創(chuàng)新的解決方案。
光點自研的數(shù)據(jù)可視化產(chǎn)品——數(shù)字靈境,能夠為客戶提供所見即所得的可視化設(shè)計工具及豐富的可視化組件模板,幫助非專業(yè)工程師快速實現(xiàn)炫酷的大數(shù)據(jù)可視化效果,滿足日常業(yè)務監(jiān)控、輔助決策、指揮調(diào)度等多場景使用需求。
