*文章主要討論以大屏項(xiàng)目為基礎(chǔ)的可視化設(shè)計(jì)。

*圖片資料來(lái)源：RayData Pro案例；RayData Asset商城

數(shù)據(jù)可視化，是集成了數(shù)字科學(xué)、藝術(shù)設(shè)計(jì)、人機(jī)交互等多個(gè)學(xué)科的綜合產(chǎn)物。它不僅僅是一種對(duì)數(shù)據(jù)與規(guī)律的全新認(rèn)知方式，更是在數(shù)據(jù)基建時(shí)代的一種全新產(chǎn)業(yè)形態(tài)。

如何做出令人滿(mǎn)意的大屏數(shù)據(jù)可視化設(shè)計(jì)？在布局和交互中應(yīng)該注意什么？如何權(quán)衡客戶(hù)需求與審美原則之間的關(guān)系？本文從設(shè)計(jì)角度，分享一些在真實(shí)項(xiàng)目經(jīng)歷過(guò)程中的思考。

布局：基于圖表數(shù)據(jù)和場(chǎng)景內(nèi)容關(guān)系的準(zhǔn)確表達(dá)

在接到一個(gè)可視化項(xiàng)目后，尤其是完成了數(shù)據(jù)篩選、分析的步驟后，對(duì)于布局的思考，應(yīng)該是著手設(shè)計(jì)的第一個(gè)問(wèn)題。布局的問(wèn)題，簡(jiǎn)而言之是畫(huà)面形式和比例的問(wèn)題。左圖表-右場(chǎng)景

對(duì)于可視化大屏的設(shè)計(jì)，展示需求往往呈現(xiàn)圖表-場(chǎng)景-圖表、圖表-場(chǎng)景、場(chǎng)景-圖表三大布局形式。在選擇的過(guò)程中，需要權(quán)衡場(chǎng)景內(nèi)容和圖表內(nèi)容的輕重關(guān)系，以及在線下部署后是否有特殊的展示需求。左場(chǎng)景-右圖表

基本布局選擇完成后，要進(jìn)一步理解圖表內(nèi)容與場(chǎng)景內(nèi)容的關(guān)系，進(jìn)而在大小比例、空間層級(jí)、明暗關(guān)系、顏色配合上展開(kāi)細(xì)化的設(shè)計(jì)工作。左圖表-中場(chǎng)景-右圖表

另外，在可視化大屏設(shè)計(jì)布局的過(guò)程中，有一個(gè)常常被忽視但關(guān)鍵的問(wèn)題——留白。無(wú)論是藝術(shù)創(chuàng)造還是實(shí)用美術(shù)，留白的作用不言而喻。在大屏項(xiàng)目中，合適地表達(dá)留白，不僅可以避免內(nèi)容展示呆滯空洞，更能夠?yàn)橛脩?hù)提供舒適的視覺(jué)感官體驗(yàn)。

交互：不僅是人機(jī)映射的關(guān)系，也是無(wú)需語(yǔ)言的默契

在可視化大屏的設(shè)計(jì)過(guò)程中，交互往往成為被忽略掉的一部分。有時(shí)候，“可遠(yuǎn)觀而不可褻玩”成為了對(duì)可視化大屏先入為主的偏見(jiàn)，甚至因此將其扣上“為匯報(bào)而生”的帽子。旋轉(zhuǎn)、平移的交互操作可以增加場(chǎng)景的縱深感

但其實(shí)遠(yuǎn)非這樣，大屏只是數(shù)據(jù)可視化的落地形式之一。一個(gè)優(yōu)秀的可視化大屏，不僅能夠直觀精準(zhǔn)地呈現(xiàn)數(shù)據(jù)、場(chǎng)景內(nèi)容；同時(shí)在交互設(shè)計(jì)上，通過(guò)合理地點(diǎn)擊、平移、旋轉(zhuǎn)、縮放等操作，能夠?qū)⑷藱C(jī)融為一體，深度表達(dá)數(shù)據(jù)的價(jià)值，更好地發(fā)揮數(shù)據(jù)可視化的作用。https://www.zhihu.com/video/1233437656149057536

以RayData攜手騰訊云打造的數(shù)字靜安政務(wù)大腦為例，為了實(shí)現(xiàn)和呈現(xiàn)系統(tǒng)的智能規(guī)劃選址能力，設(shè)計(jì)和業(yè)務(wù)團(tuán)隊(duì)跳脫出傳統(tǒng)的設(shè)計(jì)思路，額外開(kāi)發(fā)控制模塊，讓用戶(hù)可以在控制臺(tái)或是PC端上選擇相應(yīng)需求因素，從而得到對(duì)應(yīng)的城市空間選址結(jié)果，讓用戶(hù)在簡(jiǎn)單的交互過(guò)程中，直觀感受到靜安政務(wù)大腦的輔助決策作用。

設(shè)計(jì)：如何把握項(xiàng)目需求審美原則的沖突？

以大屏項(xiàng)目為基礎(chǔ)需求進(jìn)行的數(shù)據(jù)可視化設(shè)計(jì)，往往與基于日常工作需求出發(fā)的數(shù)據(jù)可視化有著區(qū)別。不僅在商業(yè)關(guān)系上存在甲乙雙方的服務(wù)關(guān)系；同時(shí)也存在不同個(gè)體的審美差異。

無(wú)需論證，這種差異感受的存在顯然是合理的。因此，滿(mǎn)足項(xiàng)目需求仍然是進(jìn)行大屏數(shù)據(jù)可視化設(shè)計(jì)的第一原則。盡管可能與設(shè)計(jì)執(zhí)行工作人員存在“事與愿違”的情況，但是只有解決客戶(hù)的項(xiàng)目需求，才能讓可視化設(shè)計(jì)產(chǎn)生真正的價(jià)值。

在以滿(mǎn)足需求為導(dǎo)向的邊界前提下，往往才是發(fā)揮設(shè)計(jì)專(zhuān)業(yè)性的空間。溝通的過(guò)程中，需要的是引導(dǎo)審美，而不是創(chuàng)造審美。合適、豐富的顏色搭配，讓大屏的層次感更為強(qiáng)烈

比如客戶(hù)并不堅(jiān)持100%用企業(yè)標(biāo)準(zhǔn)色的時(shí)候，應(yīng)該配合企業(yè)標(biāo)準(zhǔn)色進(jìn)行延展，搭配建立更多的色板規(guī)范，在主視覺(jué)色值不跑偏的基礎(chǔ)上，讓色彩的設(shè)計(jì)更具層次感。高精度的3D模型具有極強(qiáng)的視覺(jué)沖立力

比如在我們以往的服務(wù)經(jīng)歷中，客戶(hù)對(duì)于2D/3D并沒(méi)有明確感知的時(shí)候，在視覺(jué)呈現(xiàn)上的需求往往只有“好看”。這種情況下，可以引導(dǎo)客戶(hù)逐步適應(yīng)利用3D場(chǎng)景對(duì)內(nèi)容進(jìn)行表達(dá)，讓數(shù)據(jù)可視化有更多的設(shè)計(jì)發(fā)揮空間。

小結(jié)tips

布局：基于圖表數(shù)據(jù)和場(chǎng)景內(nèi)容關(guān)系的準(zhǔn)確表達(dá)。

交互：不僅是人機(jī)映射的關(guān)系，也是無(wú)需語(yǔ)言的默契。

設(shè)計(jì)：承認(rèn)審美差異，引導(dǎo)審美而非創(chuàng)造審美。

總結(jié)

以上是生活随笔為你收集整理的星痕 轻松实现大屏数据可视化_数据可视化的一些思考丨如何做出令人满意的大屏可视化设计（一）...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。