「大面積、炫酷動(dòng)效、豐富色彩」,大屏易在觀感上給人留下震撼印象,便于營(yíng)造某些獨(dú)特氛圍、打造儀式感。那么如何能夠創(chuàng)建出一個(gè)讓人眼前一亮的酷炫大屏呢?下面就讓我從設(shè)計(jì)策略、實(shí)施步驟、工具和技術(shù)多個(gè)方面來(lái)告訴你如何創(chuàng)造一個(gè)炫酷多彩的可視化大屏。


設(shè)計(jì)策略
色彩的搭配是大屏設(shè)計(jì)重中之重,想要讓你的大屏驚艷出彩,必須掌握以下三個(gè)技巧,可以大大提升大屏可視化效果、質(zhì)量、觀感。
對(duì)比加強(qiáng),更加直觀
顏色的明度的區(qū)別要增大,在單色系內(nèi)要盡量能夠通過(guò)明度即黑白模式就能很好的區(qū)分開(kāi)各個(gè)色彩區(qū)間,這樣觀看者就能直觀的感受到數(shù)據(jù)的變化。
避免單一,多元色彩
單一色彩,容易產(chǎn)生視覺(jué)疲勞。如何使我們的可視化顏色豐富起來(lái),講到這里我希望大家看看四周,其實(shí)顏色就在我們身邊,世界是多彩的,往往采取于自然界中的顏色就已經(jīng)是很絢爛了。

一組取自晚霞的顏色,豐富且融洽。這種由黃到紫的漸變色彩一般來(lái)講是十分矛盾的(因?yàn)辄S色和紫色就是互補(bǔ)色)但當(dāng)他們來(lái)自真實(shí)世界中時(shí)卻又十分的和諧。類(lèi)似的還有很多其他的配色比如綠色到藍(lán)色、黃色到綠色。
?
活用漸變,靈動(dòng)多彩
合理的運(yùn)用漸變顏色,但是一定不要拘泥于同一固定色系的顏色來(lái)進(jìn)行漸變,。用戶(hù)可以使用差異度很大的顏色來(lái)表達(dá)數(shù)據(jù),這也正是
數(shù)據(jù)可視化配色的意義所在。


冷色漸變、暖色漸變、冷色到暖色的漸變,一切都是為了能夠?qū)?shù)據(jù)展示的足夠清晰,足夠的便于理解。
實(shí)施步驟
大屏可視化的設(shè)計(jì)過(guò)程一般可分為三步,如下所示
第一步,根據(jù)業(yè)務(wù)場(chǎng)景抽取關(guān)鍵指標(biāo)。
關(guān)鍵指標(biāo)是一些概括性詞語(yǔ),是對(duì)一組或者一系列數(shù)據(jù)的統(tǒng)稱(chēng)。一般情況下,一個(gè)指標(biāo)在大屏上獨(dú)占一塊區(qū)域,所以通過(guò)關(guān)鍵指標(biāo)定義,我們就知道大屏上大概會(huì)顯示哪些內(nèi)容以及大屏?xí)环譃閹讐K。確定關(guān)鍵指標(biāo)后,根據(jù)業(yè)務(wù)需求擬定各個(gè)指標(biāo)展示的優(yōu)先級(jí)(主,次,輔)。
第二步,確立指標(biāo)分析維度。
同一個(gè)指標(biāo)的數(shù)據(jù),從不同的維度分析就能獲取到不同的解鎖,所以我們需要在分析數(shù)據(jù)時(shí)確定我們所需要的展示的數(shù)據(jù)的維度,來(lái)避免可視化圖形沒(méi)有準(zhǔn)確表當(dāng)確定好分析維度后,事實(shí)上我們所能選用的圖表類(lèi)型也就基本確定了。接下來(lái)我們只需要從少數(shù)幾個(gè)圖表里篩選出最能體現(xiàn)我們?cè)O(shè)計(jì)意圖的那個(gè)就好了。達(dá)自己的意圖。

第三步,選定可視化圖表類(lèi)型。
當(dāng)確定好分析維度后,事實(shí)上我們所能選用的圖表類(lèi)型也就基本確定了。接下來(lái)我們只需要從少數(shù)幾個(gè)圖表里篩選出最能體現(xiàn)我們?cè)O(shè)計(jì)意圖的那個(gè)就好了。
工具挑選
我們可以通過(guò)寫(xiě)代碼的方式來(lái)開(kāi)發(fā)大屏,利用JS+HTML+CSS多種技術(shù)。也可以挑選成熟的工具來(lái)實(shí)現(xiàn)。為了節(jié)省成本,提升開(kāi)發(fā)效率,個(gè)人推薦選擇工具來(lái)開(kāi)發(fā)。
在這里向各位推薦大屏可視化平臺(tái)--
酷屏,開(kāi)箱即用,可靈活、快速地搭建專(zhuān)業(yè)、酷炫的可視化大屏,使用場(chǎng)景覆蓋企業(yè)會(huì)報(bào)、客戶(hù)參觀、智慧監(jiān)控中心等多種場(chǎng)景。并且酷屏自身內(nèi)置豐富的行業(yè)模塊,內(nèi)置豐富的,包含稅務(wù)、衛(wèi)生、財(cái)政、司法、銀行、電力、醫(yī)藥以及企業(yè)等等多個(gè)行業(yè)的行業(yè)模板,精致的實(shí)用組件,只需要通過(guò)簡(jiǎn)單的鼠標(biāo)拖拽就能夠創(chuàng)造出豐富多彩的炫酷大屏,讓數(shù)據(jù)“躍然屏上”,釋放無(wú)限價(jià)值。
看到這里大家是不是想躍躍欲試,大家可以在億信華辰官網(wǎng)注冊(cè)酷屏試用賬號(hào),可以免費(fèi)體驗(yàn)?zāi)亍?br>
(部分內(nèi)容來(lái)源網(wǎng)絡(luò),如有侵權(quán)請(qǐng)聯(lián)系刪除)