轉(zhuǎn)帖|行業(yè)資訊|編輯:鄭恭琳|2016-02-04 09:29:46.000|閱讀 1581 次
概述:做APP的數(shù)據(jù)圖表設(shè)計(jì)之前,你考慮過移動端屏幕大小與屬性嗎?考慮過可視化數(shù)據(jù)圖表,提升APP氣質(zhì)嗎?考慮過在APP和WEB端,數(shù)據(jù)圖表的展示有何不同嗎?也許你都考慮過,但作為一篇科普文,還是要從最基礎(chǔ)的說起。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
接下來會簡單介紹我們通常在APP中見到的圖表類型。
A)折線圖
[折線圖] 將序列顯示為一組由單個(gè)線條連接的點(diǎn);用于表示在一段連續(xù)時(shí)間內(nèi)發(fā)生的大量數(shù)據(jù)。
△ 左(Dribbble)右(Apple Health)
B)曲線圖
[曲線圖] 使用光滑的曲線來連接。如果數(shù)據(jù)是連貫實(shí)時(shí)的,且任意兩點(diǎn)間的數(shù)據(jù)具有分析價(jià)值,用[曲線圖] 比用[折線圖] 更合適,如24小時(shí)數(shù)據(jù)。
△ Dribbble
C)餅圖
[餅圖] 常用于顯示每個(gè)組成成分的數(shù)值相對總體的百分比。
△ Dribbble
D)環(huán)形圖,表現(xiàn)進(jìn)度
[環(huán)形圖] 即中心為空的餅圖。除了顯示占比,還可用來顯示進(jìn)度加載,擬鐘表/ 計(jì)時(shí)器設(shè)計(jì)。
△ Dribbble
E)條形圖&柱狀圖
[條形圖] 將序列顯示為若干組水平圖條。
[柱形圖] 將序列顯示為按類別分組的垂直圖條。
△ Dribbble
F)熱度圖
[熱度圖] 常用在基于地理位置,對一段時(shí)間的數(shù)據(jù)(常常是離散量)累積量進(jìn)行分布統(tǒng)計(jì)的圖表,進(jìn)而可以分析數(shù)據(jù)密集區(qū)域/稀疏區(qū)域。這是一種展示效果較好的表達(dá)方式。
△ Dribbble
G)雷達(dá)圖
[雷達(dá)圖] 在比較多個(gè)類別數(shù)據(jù)序列以及查看整體情況很有用,既可以查看自身整體發(fā)展的均衡情況,也可以對比兩個(gè)序列整體的優(yōu)劣勢。這也是一種展示效果不錯(cuò)的數(shù)據(jù)表達(dá)方式,在展示整體綜合信息上很直觀。
△ 左中(Dribbble)右(支付寶)
H)列表
列表是一種常見的表達(dá)方式,通常我們見到的列表往往是如下最右的Spendee的界面,但也有一些APP做了可視化嘗試,在列表中通過對數(shù)據(jù)可視化做一些分區(qū),詳見如下左和中Elevate的界面。
△ 左中(Elevate)右(Spendee)
轉(zhuǎn)自:
點(diǎn)擊【圖表專題】了解更多圖表相關(guān)資訊
新年新禧新氣象,送禮送福送優(yōu)惠!優(yōu)惠詳情點(diǎn)擊查看>>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn