可能是目前大屏數(shù)據(jù)可視化設(shè)計(jì)介紹最詳盡的一篇文章了夜惭,可以當(dāng)做設(shè)計(jì)手冊(cè)使用的一篇經(jīng)驗(yàn)分享
一冷溶、基礎(chǔ)概念
1翔始、什么是數(shù)據(jù)可視化
把相對(duì)復(fù)雜彪置、抽象的數(shù)據(jù)通過可視的方式以人們更易理解的形式展示出來的一系列手段叫做數(shù)據(jù)可視化斩箫,數(shù)據(jù)可視化是為了更形象地表達(dá)數(shù)據(jù)內(nèi)在的信息和規(guī)律吏砂,促進(jìn)數(shù)據(jù)信息的傳播和應(yīng)用。
在當(dāng)前新技術(shù)支持下乘客,數(shù)據(jù)可視化除了“可視”狐血,還可有可交流、可互動(dòng)的特點(diǎn)易核。數(shù)據(jù)可視化的本質(zhì)是數(shù)據(jù)空間到圖形空間的映射匈织,是抽象數(shù)據(jù)的具象表達(dá)。
數(shù)據(jù)可視化作品《launchit》
作者:Shane Mielke?
作者寫了本書,地圖上顯示了世界各地讀者的分布情況及對(duì)應(yīng)人數(shù)
數(shù)據(jù)可視化作品《world-drawn-by-travelers》
作者:TripHappy
國(guó)家之間相互連通的旅游路線缀匕,顏色越相近的國(guó)家纳决,表明兩國(guó)家的人們互動(dòng)越頻繁
2、什么是大屏數(shù)據(jù)可視化
大屏數(shù)據(jù)可視化是以大屏為主要展示載體的數(shù)據(jù)可視化設(shè)計(jì)乡小。
“大面積阔加、炫酷動(dòng)效、豐富色彩”满钟,大屏易在觀感上給人留下震撼印象胜榔,便于營(yíng)造某些獨(dú)特氛圍、打造儀式感零远。電商雙11類大屏利用此特點(diǎn)打造了熱烈苗分、狂歡的節(jié)日氛圍,原本看不見的數(shù)據(jù)可視化后牵辣,便能調(diào)動(dòng)人的情緒摔癣、引發(fā)人的共鳴,傳遞企業(yè)文化和價(jià)值纬向。
利用面積大择浊、可展示信息多的特點(diǎn),通過關(guān)鍵信息大屏共享的方式可方便團(tuán)隊(duì)討論逾条、決策琢岩,故大屏也常用來做數(shù)據(jù)分析監(jiān)測(cè)使用。大屏數(shù)據(jù)可視化目前主要有信息展示师脂、數(shù)據(jù)分析及監(jiān)控預(yù)警三大類担孔。
數(shù)據(jù)分析類
圖片來源:必應(yīng),圖片作者:帆軟軟件有限公司
二吃警、大屏數(shù)據(jù)可視化設(shè)計(jì)原則:設(shè)計(jì)服務(wù)需求糕篇、先總覽后細(xì)節(jié)
設(shè)計(jì)服務(wù)需求
大屏設(shè)計(jì)要避免為了展示而展示,排版布局酌心、圖表選用等應(yīng)服務(wù)于業(yè)務(wù)拌消,所以大屏設(shè)計(jì)是在充分了解業(yè)務(wù)需求的基礎(chǔ)上進(jìn)行的。那什么是業(yè)務(wù)需求呢安券?業(yè)務(wù)需求就是要解決的問題或達(dá)成的目標(biāo)墩崩。設(shè)計(jì)師通過設(shè)計(jì)的手段幫助相關(guān)人員達(dá)成這個(gè)目標(biāo),是大屏數(shù)據(jù)可視化的價(jià)值所在侯勉。
先總覽后細(xì)節(jié)
大屏因?yàn)榇箴谐铮休d數(shù)據(jù)多,為了避免觀者迷失址貌,大屏信息呈現(xiàn)要有焦點(diǎn)盛龄、有主次。可以通過對(duì)比余舶,先把核心數(shù)據(jù)拋給用戶啊鸭,待用戶理解大屏主要內(nèi)容與展示邏輯后,再逐級(jí)瀏覽二三級(jí)內(nèi)容匿值。部分細(xì)節(jié)數(shù)據(jù)可暫時(shí)隱藏赠制,用戶需要時(shí)可通過鼠標(biāo)點(diǎn)擊等交互方式喚起。
三挟憔、大屏可視化設(shè)計(jì)流程
規(guī)范的流程是好結(jié)果的保證钟些。找到一個(gè)可參考的流程,然后步步為營(yíng)绊谭,就能避免很多不必要的返工政恍,保證設(shè)計(jì)質(zhì)量和項(xiàng)目進(jìn)度。达传、
1篙耗、根據(jù)業(yè)務(wù)場(chǎng)景抽取關(guān)鍵指標(biāo)
關(guān)鍵指標(biāo)是一些概括性詞語,是對(duì)一組或者一系列數(shù)據(jù)的統(tǒng)稱宪赶。一般情況下宗弯,一個(gè)指標(biāo)在大屏上獨(dú)占一塊區(qū)域,所以通過關(guān)鍵指標(biāo)定義搂妻,我們就知道大屏上大概會(huì)顯示哪些內(nèi)容以及大屏?xí)环譃閹讐K蒙保。以共享單車電子圍欄監(jiān)控系統(tǒng)為例,這里的關(guān)鍵指標(biāo)有:企業(yè)停車時(shí)長(zhǎng)欲主、企業(yè)違停量邓厕、熱點(diǎn)違停區(qū)域、車輛入欄率等扁瓢。
確定關(guān)鍵指標(biāo)后详恼,根據(jù)業(yè)務(wù)需求擬定各個(gè)指標(biāo)展示的優(yōu)先級(jí)(主、次涤妒、輔)单雾。
2赚哗、確立指標(biāo)分析維度
“橫看成嶺側(cè)成峰”她紫。同一個(gè)指標(biāo)的數(shù)據(jù),從不同維度分析就有不同結(jié)果屿储。很多小伙伴做完可視化設(shè)計(jì)贿讹,發(fā)現(xiàn)可視化圖形并沒有準(zhǔn)確表達(dá)自己的意圖,也沒能向觀者傳達(dá)出應(yīng)有的信息够掠,可視化圖形讓人困惑或看不懂民褂。出現(xiàn)這種情況很大程度就是因?yàn)榉治龅木S度沒有找準(zhǔn)或定義的比較混亂。
上圖向大家展示了數(shù)據(jù)分析常用的4個(gè)維度,我們?cè)谶x定指標(biāo)后赊堪,就需要跟項(xiàng)目組其他小伙伴討論:我們的各個(gè)指標(biāo)主要想給大家展示什么面殖,更進(jìn)一步的講,是我們想通過可視化表達(dá)什么樣的規(guī)律和信息哭廉。而上圖脊僚,可以引導(dǎo)我們從“聯(lián)系、分布遵绰、比較辽幌、構(gòu)成”四個(gè)維度更有邏輯的思考這個(gè)問題。
聯(lián)系:數(shù)據(jù)之間的相關(guān)性
分布:指標(biāo)里的數(shù)據(jù)主要集中在什么范圍椿访、表現(xiàn)出怎樣的規(guī)律
比較:數(shù)據(jù)之間存在何種差異乌企、差異主要體現(xiàn)在哪些方面
構(gòu)成:指標(biāo)里的數(shù)據(jù)都由哪幾部分組成、每部分占比如何
當(dāng)然成玫,上圖例舉的示例圖表都比較傳統(tǒng)加酵,在大屏數(shù)據(jù)可視化中常還有另一類地理信息(常以2/3D地圖、地球呈現(xiàn))出現(xiàn)梁剔。上圖雖未包含這類圖形虽画,但它提供給我們的確定數(shù)據(jù)分析維度的思路和方法是相通的,可借鑒荣病。
3码撰、選定可視化圖表類型
當(dāng)確定好分析維度后,事實(shí)上我們所能選用的圖表類型也就基本確定了个盆。接下來我們只需要從少數(shù)幾個(gè)圖表里篩選出最能體現(xiàn)我們?cè)O(shè)計(jì)意圖的那個(gè)就好了脖岛。
選定圖表注意事項(xiàng):易理解、可實(shí)現(xiàn)颊亮;
易理解就是可視化設(shè)計(jì)要考慮大屏最終用戶柴梆,可視化結(jié)果應(yīng)該是一看就懂,不需要思考和過度理解终惑,因而選定圖表時(shí)要理性绍在,避免為了視覺上的效果而選擇一些對(duì)用戶不太友好的圖形。
可實(shí)現(xiàn)
1雹有、我們需要了解現(xiàn)有數(shù)據(jù)的信息偿渡、規(guī)模、特征霸奕、聯(lián)系等溜宽,然后評(píng)估數(shù)據(jù)是否能夠支撐相應(yīng)的可視化表現(xiàn)
2、我們?cè)O(shè)計(jì)的圖形圖表质帅,要開發(fā)能夠?qū)崿F(xiàn)适揉。實(shí)際工作中留攒,一些可視化效果開發(fā)用代碼寫很容易實(shí)現(xiàn),效果也不錯(cuò)嫉嘀,但這些效果設(shè)計(jì)師用Ps/Ai/Ae這些工具模擬時(shí)會(huì)發(fā)現(xiàn)比較困難炼邀;同樣的,某些效果設(shè)計(jì)師用設(shè)計(jì)工具可以輕易實(shí)現(xiàn)剪侮,但開發(fā)要用代碼落地卻非常困難汤善,所以大屏設(shè)計(jì)中跟開發(fā)常溝通非常重要,我們需要明確哪些地方設(shè)計(jì)師可以盡情發(fā)揮票彪,哪些地方需要謹(jǐn)慎設(shè)計(jì)红淡!一個(gè)項(xiàng)目總有周期與預(yù)算限制,不會(huì)無限期的修改迭代降铸,所以設(shè)計(jì)師在這里需要抓住重點(diǎn)在旱,有取舍,不鉆牛角尖推掸、死磕不放桶蝎。
4、了解物理大屏谅畅,確定設(shè)計(jì)稿尺寸
多數(shù)情況下設(shè)計(jì)稿分辨率即被投大屏的信號(hào)源電腦屏幕的分辨率登渣。有多個(gè)信號(hào)源時(shí),就會(huì)有多個(gè)設(shè)計(jì)稿毡泻,此時(shí)每個(gè)設(shè)計(jì)稿的尺寸即對(duì)應(yīng)信號(hào)源電腦屏幕的分辨率
一般情況下設(shè)計(jì)稿的分辨率就是電腦的分辨率胜茧,當(dāng)有多個(gè)信號(hào)源時(shí),有時(shí)會(huì)通過顯卡自定義電腦屏幕分辨率仇味,從而使電腦顯示分辨率不等于其物理分辨率呻顽,此時(shí),對(duì)應(yīng)設(shè)計(jì)稿的分辨率也就變成了設(shè)置后的分辨率丹墨;此外廊遍,當(dāng)被投電腦分辨率長(zhǎng)寬比與大屏物理長(zhǎng)寬比不一致時(shí)(單信號(hào)源),也會(huì)對(duì)被投電腦屏幕分辨率做自定義調(diào)整贩挣,這種情況設(shè)計(jì)稿分辨率也會(huì)發(fā)生變化喉前。所以設(shè)計(jì)開始前了解物理大屏長(zhǎng)寬比很重要。
5王财、頁(yè)面布局卵迂、劃分
尺寸確立后,接下來要對(duì)設(shè)計(jì)稿進(jìn)行布局和頁(yè)面的劃分搪搏。這里的劃分狭握,主要根據(jù)我們之前定好的業(yè)務(wù)指標(biāo)進(jìn)行闪金,核心業(yè)務(wù)指標(biāo)安排在中間位置疯溺、占較大面積论颅;其余的指標(biāo)按優(yōu)先級(jí)依次在核心指標(biāo)周圍展開。一般把有關(guān)聯(lián)的指標(biāo)讓其相鄰或靠近囱嫩,把圖表類型相近的指標(biāo)放一起恃疯,這樣能減少觀者認(rèn)知上的負(fù)擔(dān)并提高信息傳遞的效率。
6墨闲、定義設(shè)計(jì)風(fēng)格
很多小伙伴也許沒接觸過大屏設(shè)計(jì)工作今妄,但大多數(shù)人都應(yīng)該有APP或者Web風(fēng)格定義的經(jīng)驗(yàn)。我們?cè)诙x一款A(yù)PP或者Web頁(yè)面設(shè)計(jì)風(fēng)格時(shí)常用的方法是什么呢鸳碧?情緒版盾鳞!
大屏雖酷炫,但實(shí)際上也是運(yùn)行在瀏覽器里的Web頁(yè)面瞻离,所以大屏設(shè)計(jì)風(fēng)格定義方法也同樣可以是用情緒版來做腾仅,這種方法也是目前比較科學(xué)高效的風(fēng)格定義手段
上圖提供了情緒版應(yīng)用的腦圖,具體操作細(xì)節(jié)不做介紹套利,不太了解的小伙伴可以自己找找資料哈推励。
情緒版的一套流程下來,我們定義的風(fēng)格基本是科學(xué)準(zhǔn)確的肉迫,可以指導(dǎo)我們執(zhí)行設(shè)計(jì)验辞。如果是給甲方爸爸做大屏,這個(gè)流程也可以讓我們提出的方案更有說服力
7喊衫、可視化設(shè)計(jì)
根據(jù)定義好的設(shè)計(jì)風(fēng)格與選定的圖表類型進(jìn)行合理的可視化設(shè)計(jì)跌造。目前來講大屏可視化主要有指標(biāo)類信息點(diǎn)和地理類信息點(diǎn)兩大可視化數(shù)據(jù)。指標(biāo)類信息點(diǎn)可視化效果相對(duì)簡(jiǎn)單易實(shí)現(xiàn)族购,而地理類信息點(diǎn)一般可視化效果酷炫鼻听,但是開發(fā)相對(duì)困難,需要設(shè)計(jì)師跟開發(fā)多溝通的联四。地理類信息一般具有很強(qiáng)的空間感撑碴、豐富的粒子、流光等動(dòng)效朝墩、高精度的模型和材質(zhì)以及可交互實(shí)時(shí)演算等特點(diǎn)醉拓,所以對(duì)于被投電腦、大屏拼接器等硬件設(shè)備的性能會(huì)有要求收苏,硬件配置不夠的情況下可能出現(xiàn)卡頓甚至崩潰的情況亿卤,所以這點(diǎn)也是需要提前溝通評(píng)估的。
8鹿霸、樣圖溝通確認(rèn)
這里的溝通分三個(gè)層面:設(shè)計(jì)師對(duì)內(nèi)溝通排吴、設(shè)計(jì)師對(duì)外溝通、設(shè)計(jì)師與大屏的“溝通”懦鼠。
樣圖溝通環(huán)節(jié)钻哩,最初的樣圖不需要十分精致屹堰,我們可以把它理解為一個(gè)“低保真”原型,然后通過不斷溝通修改街氢,讓它逐步完善精致起來扯键,也就是小步快跑,避免那種一下子走到終點(diǎn)珊肃,然后又大修大改的情況荣刑。
因?yàn)槲覀冊(cè)谇皫撞揭呀?jīng)分別確定了頁(yè)面布局、圖表類型伦乔、頁(yè)面風(fēng)格特點(diǎn)厉亏,所以這一步我們需要用盡可能簡(jiǎn)單的方法 ,把之前幾步的成果在頁(yè)面上快速體現(xiàn)出來烈和,然后根據(jù)樣圖效果嘗試確定五方面內(nèi)容:
1叶堆、之前確立的布局在放入設(shè)計(jì)內(nèi)容后是否依然合適
2、確立的圖表類型帶入數(shù)據(jù)后是否仍然客觀準(zhǔn)確
3斥杜、根據(jù)關(guān)鍵元素虱颗、色彩、結(jié)構(gòu)蔗喂、質(zhì)感打造出的頁(yè)面風(fēng)格是否基本傳達(dá)出了預(yù)期的氛圍和感受
4忘渔、已有的樣式、數(shù)據(jù)內(nèi)容缰儿、動(dòng)效等在開發(fā)實(shí)現(xiàn)方面是否存在問題
5畦粮、大屏是否存在色差、文字內(nèi)容是否清晰可見乖阵、頁(yè)面是否存在變形拉伸等現(xiàn)象
跟大屏“溝通”是比較重要也是個(gè)特殊的環(huán)節(jié)宣赔,這也是我覺得大屏設(shè)計(jì)跟其它設(shè)計(jì)不一樣的地方,大屏有它自己獨(dú)特的分辨率瞪浸、屏幕組成儒将、色彩顯示以及運(yùn)行、展示環(huán)境对蒲,這里的很多問題只有設(shè)計(jì)稿投到大屏上才能夠被發(fā)現(xiàn)钩蚊,所以這一步在樣圖溝通確認(rèn)環(huán)節(jié)非常重要,有時(shí)候需要開發(fā)出demo,反復(fù)測(cè)試多次。
9乘陪、頁(yè)面定稿、開發(fā)
事實(shí)上頁(yè)面開發(fā)階段并不是到了這一步才進(jìn)行蝠咆,這里說的頁(yè)面開發(fā)僅指前端樣式的實(shí)現(xiàn),實(shí)際上后臺(tái)數(shù)據(jù)準(zhǔn)備工作在定義好分析指標(biāo)后就已經(jīng)開始進(jìn)行了北滥,而我們當(dāng)前的工作是把數(shù)據(jù)接入到前端刚操,然后用設(shè)計(jì)的樣式呈現(xiàn)出來闸翅。
切圖與標(biāo)注
由于大屏實(shí)際就是一個(gè)web頁(yè)面,所以開發(fā)階段的切圖與標(biāo)注是少不了的赡茸。
切圖:哪些元素需要切圖,怎么切祝闻?
一般開發(fā)用代碼寫不出的樣式或動(dòng)效占卧,都需要設(shè)計(jì)師切圖作支持:比如數(shù)據(jù)容器的邊框、小的動(dòng)效联喘、頁(yè)面整體大背景华蜒、部分圖標(biāo)等。切圖按正常網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)切就可以了豁遭。
標(biāo)注
Web頁(yè)面用什么插件做標(biāo)注這個(gè)大家都很熟悉叭喜,我就不多說了。需要注意的是蓖谢,如果大屏頁(yè)面需要在不同比例的終端展示捂蕴,那么此時(shí)的標(biāo)注與開發(fā)可以使用rem作為基本單位來實(shí)現(xiàn),這樣實(shí)現(xiàn)的大屏頁(yè)面在后期會(huì)有更好的擴(kuò)展性與適應(yīng)性闪幽。
10啥辨、整體細(xì)節(jié)調(diào)優(yōu)與測(cè)試
這部分是指頁(yè)面開發(fā)完成后,將真實(shí)頁(yè)面投放到大屏進(jìn)行的測(cè)試與優(yōu)化盯腌。這里主要有兩部分工作溉知。
視覺方面的測(cè)試(有點(diǎn)像APP的UI走查):關(guān)鍵視覺元素、字體字號(hào)腕够、頁(yè)面動(dòng)效级乍、圖形圖表等是否按預(yù)期顯示、有無變形帚湘、錯(cuò)位等情況玫荣。
性能與數(shù)據(jù)方面的測(cè)試:圖形圖表動(dòng)畫是否流暢、數(shù)據(jù)加載大诸、刷新有無異常崇决;頁(yè)面長(zhǎng)時(shí)間展示是否存在奔潰、卡死等情況底挫;后臺(tái)控制系統(tǒng)能否正常切換前端頁(yè)面顯示恒傻。
四、大屏設(shè)計(jì)的注意事項(xiàng)
1建邓、字體使用
字體優(yōu)先使用系統(tǒng)默認(rèn)字體盈厘,需要嵌入字體時(shí)考慮字體的可識(shí)別性、與當(dāng)前設(shè)計(jì)風(fēng)格是否融合官边、是否可免費(fèi)商用沸手。
如果頁(yè)面是云端部署外遇,需要嵌入字體包時(shí),我們可以使用FontCreator這類的軟件把那些用不到的字符從字體包中刪掉契吉,然后重新打包上傳跳仿,減小字體包大小,可以優(yōu)化頁(yè)面加載體驗(yàn)捐晶,避免在替換默認(rèn)字體的過程中出現(xiàn)頁(yè)面文字跳動(dòng)等現(xiàn)象菲语。(一般來講一套字體文件包含了阿拉伯文、符號(hào)惑灵、拉丁文山上、日文、西里爾文英支、希臘文佩憾、拼音、注音符號(hào)等多種字符干花,對(duì)于大屏這個(gè)明確的場(chǎng)景妄帘,我們可以刪掉其它使用不到的字符,僅保留中文池凄、拼音和數(shù)字)
關(guān)于字體版權(quán)獲取相關(guān)問題寄摆,公眾號(hào)回復(fù)“可視化”獲取
2、顏色搭配
?1修赞、色彩明度與飽和度差異顯著婶恼、對(duì)比鮮明, 盡量避免使用鄰近色配色
2柏副、使用深色暗色背景:深色暗色背景可減少拼縫帶來的不適感勾邦。由于背景面積大,使用暗色背景還能夠減少屏幕色差對(duì)整體表現(xiàn)的影響割择;同時(shí)暗色背景更能聚焦視覺眷篇,也方便突出內(nèi)容、做出一些流光荔泳、粒子等酷炫的效果蕉饼,
3、漸變色慎重使用:大屏普遍色域有偏差玛歌,顯示偏色昧港,因而使用漸變色需要根據(jù)大屏反饋確定是否調(diào)整,純色最佳支子。
3创肥、頁(yè)面布局
主次分明、條理清晰、注意留白叹侄,合理利用大屏上各小的顯示單元巩搏,并盡量避免關(guān)鍵數(shù)據(jù)被拼縫分割
五、Q&A
1趾代、設(shè)計(jì)稿投到大屏上顯示效果不佳怎么辦贯底?
大屏的分辨率、比例撒强、使用環(huán)境禽捆、投射方式等均會(huì)對(duì)設(shè)計(jì)造成影響。理想情況下尿褪,我們應(yīng)該在設(shè)計(jì)開始前睦擂,就能打開大屏系統(tǒng)做一些簡(jiǎn)單測(cè)試得湘。我們可以從網(wǎng)上收集不同設(shè)計(jì)師不同風(fēng)格的大屏設(shè)計(jì)作品杖玲,然后投上去查看實(shí)際效果。因?yàn)榇蠖鄶?shù)時(shí)候大屏都會(huì)存在色彩偏差淘正,這時(shí)通過測(cè)試我們就能發(fā)現(xiàn)漸變色摆马、鄰近色等不同類型的色彩搭配是否可以在目標(biāo)大屏上良好呈現(xiàn),如果不可以鸿吆,那我們?cè)O(shè)計(jì)進(jìn)行時(shí)就不要使用顯示效果不佳的色彩搭配囤采。另一方面,樣圖溝通環(huán)節(jié)及時(shí)測(cè)試也很重要惩淳。
2蕉毯、大屏設(shè)計(jì)定稿后,切圖切幾倍圖思犁?
由于是將我們電腦屏幕投射到了大屏代虾,大屏上的內(nèi)容是運(yùn)行在我們電腦瀏覽器上的頁(yè)面。所以切圖根據(jù)我們電腦的分辨率激蹲,正常切1倍圖就可以
3棉磨、1920*1080的設(shè)計(jì)稿,投到9000*4320的屏幕上学辱,文字圖片會(huì)發(fā)虛么乘瓤?
看情況,視大屏系統(tǒng)硬件規(guī)格與觀看距離來定策泣。這塊有四個(gè)概念需要跟大家交流下衙傀。
大屏邏輯分辨率(設(shè)計(jì)稿尺寸)——顯卡輸出分辨率——視頻矩陣切換器(DVI)支持分辨率——大屏實(shí)際物理分辨率。
一般后兩個(gè)是沒問題的萨咕,大屏跟矩陣切換器是由大屏廠商提供差油,一般剛好配套大屏。容易問題的是顯卡輸出分辨率,我們電腦屏幕分辨率并不是最終顯卡傳遞到DVI接口的分辨率蓄喇,傳遞到DVI接口的分辨率是電腦顯卡所能輸出的最大分辨率(部分電腦可設(shè)置或自定義輸出分辨率)发侵。輸出分辨率等于DVI支持分辨率時(shí)顯示效果最佳。輸出分辨率低于DVI支持分辨率妆偏,DVI會(huì)將信號(hào)放大后傳遞到大屏刃鳄,放大的過程中就有圖像信息丟失,雖然此過程中有各種算法支持去保證圖像盡可能清晰钱骂,但算法再好叔锐,跟真實(shí)圖形還是有差距的。此外见秽,多信號(hào)源投射效果優(yōu)于單個(gè)信號(hào)源投射愉烙。對(duì)于現(xiàn)場(chǎng)直播數(shù)據(jù)大屏,一般至少有兩個(gè)信號(hào)源解取,一個(gè)投屏步责,另一個(gè)也投屏但是處于備用狀態(tài)。
離大屏的距離也影響觀感禀苦,一般離得近蔓肯,顆粒感明顯,距離稍遠(yuǎn)振乏,會(huì)顯的較為清晰
4蔗包、設(shè)計(jì)稿完成開發(fā)后,發(fā)現(xiàn)在大屏上頁(yè)面有被拉伸或者壓縮的情況慧邮,怎么補(bǔ)救调限?
一般來講,開發(fā)只需要對(duì)設(shè)計(jì)圖做還原即可误澳。但特殊情況下耻矮,比如顯示器擴(kuò)展不正確導(dǎo)致頁(yè)面被拉伸或壓縮,這時(shí)就需做處理:我們可以先得到被拉伸/壓縮的比例脓匿,然后對(duì)整體視圖做壓縮/拉伸處理淘钟,再由其拉伸/壓縮,這樣被拉伸/壓縮的瑕疵就可以得到一定程度上的矯正陪毡。另外米母,了解被投電腦硬件特點(diǎn),有的電腦可以通過自定義分辨率解決這部分問題毡琉。
5铁瞒、除自行開發(fā)可視化大屏外,還可以通過哪些第三方服務(wù)來快速實(shí)現(xiàn)桅滋?
阿里云DataV慧耍、騰訊云圖身辨、百度Sugar等
6、數(shù)據(jù)可視化的圖表樣式可以在那些地方找到參考芍碧?
圖表部分的二個(gè)庫(kù)是我們?cè)O(shè)計(jì)師可以打開瀏覽產(chǎn)看的煌珊,這里面所有的圖表樣式都是基于代碼實(shí)現(xiàn)的,可以作為我們?cè)O(shè)計(jì)圖表的參考泌豆,也可以讓開發(fā)拿代碼去用定庵,或者在這些圖表的基礎(chǔ)修改
工具類的需要有一定的代碼基礎(chǔ),里面同樣有豐富的圖表踪危,所以跟開發(fā)的溝通也很重要蔬浙,因?yàn)樗麄兛赡軙?huì)了解多一些更新的前沿的圖表形式是我們?cè)O(shè)計(jì)師不知道的,所以彼此多溝通交流是在太重要了
總結(jié):數(shù)據(jù)可視化是一門龐大系統(tǒng)的科學(xué)贞远,本文所有討論僅針對(duì)大屏數(shù)據(jù)可視化這一特定領(lǐng)域畴博,管中窺豹,如有遺漏或不足之處歡迎大家討論交流