數據可視化設計中尺寸的确定是至關重要的,而尺寸的準确性,将直接影響到後期的設計、開發、适配及視覺效果清晰度等。為了更加準确高效的完成設計目标,前期确定好設計尺寸很關鍵,也是設計開始的必備條件。
可視化大屏通常分為兩類,另外一類是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分辨率電腦,優先使用大分辨率作為設計稿;
使用最接近大屏分辨率的電腦屏幕比例投放。
關于光點科技
光點科技是一家在政企數據治理、數據中台建設、數據可視化展示分析方面有着豐富經驗的公司。光點科技既提供數據産品,也提供數據服務,服務客戶超過100家,在金融、電信、政務、企業、工程、教育、檢驗檢測等行業有豐富的經驗和創新的解決方案。
光點自研的數據可視化産品——數字靈境,能夠為客戶提供所見即所得的可視化設計工具及豐富的可視化組件模闆,幫助非專業工程師快速實現炫酷的大數據可視化效果,滿足日常業務監控、輔助決策、指揮調度等多場景使用需求。
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!