學(xué)習(xí)UI設(shè)計(jì)運(yùn)用數(shù)據(jù)可視化有哪些技巧

來(lái)源：培訓(xùn)無(wú)憂網(wǎng) 發(fā)布人：星星

2022-03-01 14:07:08|已瀏覽：169次

運(yùn)用數(shù)據(jù)可視化

長(zhǎng)沙UI設(shè)計(jì)培訓(xùn)數(shù)據(jù)可視化技巧一：「原則」

1. 選擇可以講故事的圖表：你首先需要思考清楚你想達(dá)到什么目的、傳達(dá)什么信息、以及你的用戶是誰(shuí)等。
2. 刪減與故事無(wú)關(guān)的元素：這并不意味著要減半數(shù)據(jù)量，而是要多留意圖表垃圾、多余的信息、不必要的說(shuō)明、陰影、裝飾等�？梢暬慕^妙之處，在于它可以四兩撥千斤般強(qiáng)化，并傳達(dá)你想表達(dá)的故事。但可別用3D圖表，它會(huì)讓視覺化感知效果出現(xiàn)偏差。
3. 為了更好的理解去設(shè)計(jì)：創(chuàng)建好可視化原型后，退一步考慮，如何才能讓讀者更容易地理解數(shù)據(jù)。還可以增加、微調(diào)或者移除哪些簡(jiǎn)單的元素？或許，要在線性圖表里增加一條趨勢(shì)線，你也可能會(huì)發(fā)現(xiàn)餅圖切片太多了，最多只能用6片。這些微妙的調(diào)整將會(huì)帶來(lái)極大的改變。
長(zhǎng)沙UI設(shè)計(jì)培訓(xùn)數(shù)據(jù)可視化技巧二：「對(duì)比」
長(zhǎng)沙UI設(shè)計(jì)培訓(xùn)可視化讓數(shù)據(jù)對(duì)比更直觀，但是僅僅把兩組圖表緊挨著放在一起并不能達(dá)成這個(gè)目標(biāo)，甚至更令人費(fèi)解。試想將32個(gè)不同的餅狀圖放在一起對(duì)比？No way！
1. 加入零點(diǎn)基準(zhǔn)線：盡管線性圖表不一定從零點(diǎn)開始，但如果圖表中含大量對(duì)比數(shù)據(jù)的話，零點(diǎn)就很有必要!相對(duì)來(lái)說(shuō)，數(shù)據(jù)的小幅波動(dòng)是有意義的(比如股票市場(chǎng)的數(shù)據(jù))，那么你就需要截?cái)嘁粋€(gè)范圍以展示它們的不同。
2. 選擇最高效的可視化圖形：保持視覺的一致性，讓讀者可以一眼辨別出，這意味著你可能要使用堆疊型柱狀圖、分組條形圖或者折線圖了。但無(wú)論選擇哪種圖形，不要讓讀者費(fèi)力去對(duì)比太多東西。
3. 注意擺放的位置：如果用兩個(gè)好看的堆疊型柱狀圖讓讀者去對(duì)比，但如果它們相距甚遠(yuǎn)，那就別談什么對(duì)比了。

注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-24056.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050

相關(guān)新聞

相關(guān)新聞

免費(fèi) 申請(qǐng) 試聽

提交申請(qǐng)，《培訓(xùn)無(wú)憂網(wǎng)》課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程！