轉帖|行業資訊|編輯:鄭恭琳|2016-02-03 15:46:12.000|閱讀 1555 次
概述:做APP的數據圖表設計之前,你考慮過移動端屏幕大小與屬性嗎?考慮過可視化數據圖表,提升APP氣質嗎?考慮過在APP和WEB端,數據圖表的展示有何不同嗎?也許你都考慮過,但作為一篇科普文,還是要從最基礎的說起。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
前期,通過App Store、MobilePattern、Dribbble瘋狂搜圖,積累了以下豐富的案例。
通常,我們見到有數據圖表的APP無外乎下面這幾類:
天氣類
到App Store隨手一搜“天氣”,搜索列表中展示的APP無一不是在風景圖上添加了天氣溫度等。以下推薦了一個名為“Fresh Air”的APP,從設計上區別于常規天氣APP,可以根據時間和溫度背景色有調整。
運動類
隨著各種手環的流行,大家對步數、睡眠質量等數據也更加看重。國外除了Fitbit、Jawbone、MisfitShine手環外,國內的科技公司也相繼推出各種價格上更占優勢的手環,比如小米手環。鑒于這類APP大家都比較熟悉,以下就列舉了一個大家可能不太了解的APP,界面以深色底為主:FitPort,它的數據比較豐富,除了記錄步數外,還對體重和能量消耗有記錄。
健康類
健康類的APP除了關注身心健康外,還有一些智能硬件能檢測環境的安全、舒適性,比如下面的NEST,是一款家庭恒溫器,它可以通過記錄用戶的室內溫度數據,智能識別用戶習慣,并將室溫調整到最舒適的狀態。
Clue是一款姨媽助手,在數據展示上比美柚等做得更輕松,它會根據不同階段的心情做可視化,比如臨近姨媽期用一些爆炸云朵表達煩躁的心情。
財務類
各種記賬類APP和理財類APP幾乎囊括了所有圖表樣式,趨勢圖、餅狀圖、柱狀圖應有盡有。以下列舉的Spendee在圖表設計上算是行業翹楚。
專業數據分析類
隨著移動辦公的需要,有一些專業的數據分析平臺精煉了產品功能,需要在移動端展現。以下列舉的Google Quicklytics 便是Google Analytics在移動端的產品體現。
看了以上這些APP,基本對數據圖表有了直觀的感受。如果你的APP也需要呈現數據圖表,那接下來的分享希望對你有所幫助。
一、配色
A)深色底
深色底上的圖表通常為了營造一種氛圍,展示數據信息一般較少,此時可以選用鮮亮的色彩,這樣圖表信息容易從深色中跳出來。
△ Dribbble
B)淺色底
如果需要清晰展示大量的數據信息,建議選用淺色底,數據信息在淺色底上的識別度相對較高。但需要注意的是:如果數據信息量太小,淺色底上會顯得頁面太空,這會讓用戶覺得你的平臺沒有內容或者熱度。當然,這可以通過圖形質感、顏色等優化。
△ 左(Google Analytics)中(Clue)右(Spendee)
下面就深色底和淺色底的閱讀效率進行比較:
在以數據分析為主、有大量數據的頁面中,淺色底的頁面可讀性更高,閱讀效率也會更高。
△ Dribbble
C)彩色底
有時,為了讓頁面更加生動,可以將數據信息展示在大面積色塊上。商務類APP可采用用藍色、綠色系作為底色。運動類APP可選用的色彩自由度更高,偏活力的色彩,如橙色、黃色、橘色等都可以。
△ 左(Apple Health)中(支付寶)右(Dribbble)
D)圖片底
為了讓數據閱讀更加輕松,可采用圖片底。在一些天氣類APP中,這種使用方式比較常見,圖片內容與數據信息產生關聯,提升可讀性。
△ Dribbble
健康類APP,讓閱讀數據時能有更加輕松的心情。
△ Misfit Shine
天氣類APP,金喜正規買球呈現會根據當時天氣情況自動拉取背景圖片。
△ 左(天氣通)中(墨跡天氣)右(Yahoo天氣)
轉自:
點擊【圖表專題】了解更多圖表相關資訊
新年新禧新氣象,送禮送福送優惠!優惠詳情點擊查看>>
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn