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