以數(shù)據(jù)圖表為主的APP有哪些？

前期，通過App Store、MobilePattern、Dribbble瘋狂搜圖，積累了以下豐富的案例。

通常，我們見到有數(shù)據(jù)圖表的APP無外乎下面這幾類：

天氣類

到App Store隨手一搜“天氣”，搜索列表中展示的APP無一不是在風(fēng)景圖上添加了天氣溫度等。以下推薦了一個名為“Fresh Air”的APP，從設(shè)計上區(qū)別于常規(guī)天氣APP,可以根據(jù)時間和溫度背景色有調(diào)整。

運動類

隨著各種手環(huán)的流行，大家對步數(shù)、睡眠質(zhì)量等數(shù)據(jù)也更加看重。國外除了Fitbit、Jawbone、MisfitShine手環(huán)外，國內(nèi)的科技公司也相繼推出各種價格上更占優(yōu)勢的手環(huán)，比如小米手環(huán)。鑒于這類APP大家都比較熟悉，以下就列舉了一個大家可能不太了解的APP，界面以深色底為主：FitPort，它的數(shù)據(jù)比較豐富，除了記錄步數(shù)外，還對體重和能量消耗有記錄。

健康類

健康類的APP除了關(guān)注身心健康外，還有一些智能硬件能檢測環(huán)境的安全、舒適性，比如下面的NEST，是一款家庭恒溫器，它可以通過記錄用戶的室內(nèi)溫度數(shù)據(jù)，智能識別用戶習(xí)慣，并將室溫調(diào)整到最舒適的狀態(tài)。

Clue是一款姨媽助手，在數(shù)據(jù)展示上比美柚等做得更輕松，它會根據(jù)不同階段的心情做可視化，比如臨近姨媽期用一些爆炸云朵表達(dá)煩躁的心情。

財務(wù)類

各種記賬類APP和理財類APP幾乎囊括了所有圖表樣式，趨勢圖、餅狀圖、柱狀圖應(yīng)有盡有。以下列舉的Spendee在圖表設(shè)計上算是行業(yè)翹楚。

專業(yè)數(shù)據(jù)分析類

隨著移動辦公的需要，有一些專業(yè)的數(shù)據(jù)分析平臺精煉了產(chǎn)品功能，需要在移動端展現(xiàn)。以下列舉的Google Quicklytics 便是Google Analytics在移動端的產(chǎn)品體現(xiàn)。

如何制作數(shù)據(jù)圖表？

看了以上這些APP，基本對數(shù)據(jù)圖表有了直觀的感受。如果你的APP也需要呈現(xiàn)數(shù)據(jù)圖表，那接下來的分享希望對你有所幫助。

一、配色

A）深色底

深色底上的圖表通常為了營造一種氛圍，展示數(shù)據(jù)信息一般較少，此時可以選用鮮亮的色彩，這樣圖表信息容易從深色中跳出來。

△ Dribbble

B）淺色底

如果需要清晰展示大量的數(shù)據(jù)信息，建議選用淺色底，數(shù)據(jù)信息在淺色底上的識別度相對較高。但需要注意的是：如果數(shù)據(jù)信息量太小，淺色底上會顯得頁面太空，這會讓用戶覺得你的平臺沒有內(nèi)容或者熱度。當(dāng)然，這可以通過圖形質(zhì)感、顏色等優(yōu)化。

△ 左（Google Analytics）中（Clue）右（Spendee）

下面就深色底和淺色底的閱讀效率進(jìn)行比較：

在以數(shù)據(jù)分析為主、有大量數(shù)據(jù)的頁面中，淺色底的頁面可讀性更高，閱讀效率也會更高。

△ Dribbble

C）彩色底

有時，為了讓頁面更加生動，可以將數(shù)據(jù)信息展示在大面積色塊上。商務(wù)類APP可采用用藍(lán)色、綠色系作為底色。運動類APP可選用的色彩自由度更高，偏活力的色彩，如橙色、黃色、橘色等都可以。

△ 左（Apple Health）中（支付寶）右（Dribbble）

D）圖片底

為了讓數(shù)據(jù)閱讀更加輕松，可采用圖片底。在一些天氣類APP中，這種使用方式比較常見，圖片內(nèi)容與數(shù)據(jù)信息產(chǎn)生關(guān)聯(lián)，提升可讀性。

△ Dribbble

健康類APP，讓閱讀數(shù)據(jù)時能有更加輕松的心情。

△ Misfit Shine

天氣類APP，金喜正規(guī)買球呈現(xiàn)會根據(jù)當(dāng)時天氣情況自動拉取背景圖片。

△  左（天氣通）中（墨跡天氣）右（Yahoo天氣）

轉(zhuǎn)自：  

點擊【圖表專題】了解更多圖表相關(guān)資訊

新年新禧新氣象，送禮送福送優(yōu)惠！優(yōu)惠詳情點擊查看>>