寫在前面：

設(shè)計(jì)是一門溝通的藝術(shù)，跟信息的溝通，跟設(shè)計(jì)的溝通，跟人的溝通，都是在溝通中獲取信息，達(dá)到目的。

下面我分享幾個(gè)自身工作的經(jīng)驗(yàn)，希望對(duì)大家有所幫助。

上篇文章簡單的介紹了數(shù)據(jù)可視化的基礎(chǔ)，將數(shù)據(jù)進(jìn)行設(shè)計(jì)可視化后，可以讓我們有一種全新的方式去認(rèn)識(shí)數(shù)據(jù)，改變對(duì)數(shù)據(jù)的呈現(xiàn)和思考方式。那現(xiàn)在就讓開始做一份數(shù)據(jù)的可視化表，一步步的來看下我們?nèi)绾潍@取數(shù)據(jù)，以及如何進(jìn)行可視化的展示。

在上章內(nèi)容中，提到了關(guān)于【數(shù)據(jù)可視化迭代過程】的步驟，這也能看出整個(gè)過程包含的步驟，大致有：

1. 確定主題 - 2．?dāng)?shù)據(jù)獲得 - 3.圖表選擇（表達(dá)）- 4圖表繪制

當(dāng)然了我們也可以看到可視化是要一個(gè)不斷迭代的過程，步驟之間都需要多次的迭代修改的。

確定主題

這肯定是第一步了，在做數(shù)據(jù)可視化的時(shí)候，首先你要明了你要做什么，想要從數(shù)據(jù)獲中取什么信息，有了目標(biāo)才能明確的往下做。

那我們這次還是來做關(guān)于空氣質(zhì)量PM2.5的數(shù)據(jù)展示，了解歷年來PM2.5的實(shí)際情況和發(fā)展趨勢。

為了借助社交產(chǎn)品的流量，讓用戶主動(dòng)分享APP中的內(nèi)容到社交平臺(tái)來達(dá)到拉新和促活的目的，市場上絕大多數(shù)APP都有第三方分享的功能，它是內(nèi)容分發(fā)的最有效途徑，并且大大降低了企業(yè)的營銷成本。

作為用戶和產(chǎn)品之間的橋梁，社交分享在產(chǎn)品的發(fā)展過程中扮演了重要的角色。尤其是剛上線的產(chǎn)品，很難通過產(chǎn)品的內(nèi)部體系來實(shí)現(xiàn)快速的用戶增長，所以會(huì)更加依賴于分享來達(dá)到廣泛的傳播，獲取目標(biāo)用戶。

在常用的社交分享組件中，微信（微信好友和朋友圈）、微博、QQ（QQ好友和QQ空間）是三大主要平臺(tái)，而其中微信憑借高達(dá)9.38億的月活躍用戶以及高達(dá)29%的日均手機(jī)應(yīng)用使用率，成為各款A(yù)PP選擇最多、排位最靠前的分享途徑。即便同樣是騰訊系下的QQ，也在QQ空間中加入了分享到微信好友和朋友圈的功能。

用戶分享內(nèi)容到社交媒體或好友，不應(yīng)該是一種粗暴的強(qiáng)制行為。我們應(yīng)該在保證產(chǎn)品本身內(nèi)容有吸引力的核心前提下，仔細(xì)揣摩用戶心理，結(jié)合產(chǎn)品本身的特色，在不同情境下提供給用戶最合適的分享平臺(tái)及方式，讓用戶分享成為一種水到渠成的自然行為，甚至在某些時(shí)候還能給用戶帶來一些小的驚喜就更棒了。

下面我們會(huì)從不同維度來分析一下APP的社交分享功能設(shè)計(jì)，看看這里面有哪些值得探討之處。

如何搭建數(shù)據(jù)可視化系統(tǒng)，用豐富的設(shè)計(jì)語言清晰表達(dá)復(fù)雜和龐大數(shù)據(jù)，并形成鮮明的設(shè)計(jì)風(fēng)格？我們把數(shù)據(jù)可視化的元素進(jìn)行拆分并建立相應(yīng)的規(guī)范體系。

UI設(shè)計(jì)的最終目的就是為了更好的展示產(chǎn)品的內(nèi)容，讓用戶可以更好的接受。與傳統(tǒng)媒介相比，互聯(lián)網(wǎng)產(chǎn)品所包含的內(nèi)容更多，而且更加復(fù)雜。以書籍為例，我們讀書都是一頁一頁的翻，一句一句的讀，不能跳來跳去。但是對(duì)于app和網(wǎng)頁來說，我們無法期望用戶像讀書一樣來使用你的產(chǎn)品。這樣不現(xiàn)實(shí)，現(xiàn)在是快速讀圖時(shí)代，即使面對(duì)文字用戶也很少去“讀”，他們更習(xí)慣一目十行的去掃描。互聯(lián)網(wǎng)產(chǎn)品應(yīng)該做到讓用戶在短時(shí)間內(nèi)就可以獲取到他們期望的信息，找到他們想要使用的功能。

這是我近期獨(dú)立完成的一個(gè)紅包分享項(xiàng)目，暫時(shí)入口在滴滴app里的積分商城，我也跟著同步上傳份項(xiàng)目總結(jié)吧

以下圖片都為設(shè)計(jì)效果圖，具體內(nèi)容，具體文案以線上為準(zhǔn)。

項(xiàng)目背景

1. 增加滴滴紅包樣式，拓展商業(yè)化渠道，促進(jìn)滴滴紅包變現(xiàn)。
2. 實(shí)現(xiàn)商家品牌推廣。
3. 為滴滴用戶獲得滴滴優(yōu)惠乘車券提供新的渠道。
4. 豐富滴滴產(chǎn)品形態(tài)，實(shí)現(xiàn)用戶拉新同時(shí)提升用戶使用頻次及活躍度。

項(xiàng)目目標(biāo)

1. 形成滴滴商家紅包購買生態(tài)，增添滴滴商業(yè)化的新形式
2. 讓商家為乘客的優(yōu)惠出行助力
3. 進(jìn)一步提升滴滴口碑，增加滴滴良好的社會(huì)影響力
4. 新用戶拉新，老用戶活躍度提升
5. 同時(shí)為普通用戶提供紅包購買渠道，促進(jìn)普通用戶之間的社交

前言：一直以來，我們都認(rèn)為“點(diǎn)線面”是畫面構(gòu)成最基礎(chǔ)的組成部分，而從廣義的角度來說并不完全是這樣。傳統(tǒng)的說法中，畫面最小面積是“點(diǎn)”，若干個(gè)“點(diǎn)”組成了“線”，若干條“線”組成了“面”，但真的是這樣嗎？假設(shè)我們把點(diǎn)放大，它其實(shí)也是一個(gè)面，而同樣的，我們把線放大，它同樣其實(shí)也是一個(gè)面，其實(shí)“點(diǎn)線面”在述說的是一個(gè)方塊（區(qū)域），而在一個(gè)畫面中，方塊與方塊之間是相互作用的，而使各個(gè)方塊達(dá)致平衡的理論，我稱之為“方塊理論”。

什么用戶如此熱衷動(dòng)效？

答案很簡單，因?yàn)閯?dòng)效是對(duì)實(shí)時(shí)交互的本質(zhì)的補(bǔ)充。也就是說，動(dòng)效可以營造一種跟物理世界的物體交互事的情感體驗(yàn)。無疑，交互能夠帶給用戶滿足感。本文介紹5個(gè)作者認(rèn)為在設(shè)計(jì)動(dòng)效事非常有用的交互設(shè)計(jì)核心原則。

信息圖

信息圖本身是一個(gè)合成詞，由信息和圖兩個(gè)詞組成多稱之為（Infographics或Infographics Graphics），在40年代的時(shí)候就開始出現(xiàn)，使用在報(bào)紙及新聞?lì)愲s志方面，其中杰出的代表阿根廷的信息圖先驅(qū)Alejandro Malofiej，在1993年西班牙設(shè)立了以他為名的主要針對(duì)信息圖表設(shè)計(jì)的Malofiej獎(jiǎng)。

在報(bào)紙、雜志等紙質(zhì)媒體中，為了讓讀者感到新奇且直觀容易的理解，運(yùn)用了大量的信息圖解的表現(xiàn)。

如下圖所示：

顏色可以表達(dá)一切，最好的用色技巧是節(jié)制。如果你最大限度的遵從三原色，那么結(jié)果一定不會(huì)差。色彩的運(yùn)用一定要在平衡上多下功夫，運(yùn)用的顏色越多，越難達(dá)到平衡。

顏色在設(shè)計(jì)中的作用相當(dāng)于錦上添花。—— Pierre Bonnard