如何搭建數據可視化系統，用豐富的設計語言清晰表達復雜和龐大數據，并形成鮮明的設計風格？我們把數據可視化的元素進行拆分并建立相應的規范體系。

圖表設計

1. 圖表基本類型

六種基本圖表涵蓋了大部分圖表使用場景，也是做數據可視化最常用的圖表類型：

柱狀圖   分類照片照片什么照片什么什么項目之間的比較;

餅圖   構成即部分占總體的比例;

折線圖   隨時間變化的趨勢;

條形圖   分類照片照片什么照片什么什么項目之間的比較;

散點圖   相關性或分布關系;

地圖   區域之間的分類照片照片什么照片什么什么比較。

基本圖表類型都有通用的樣式，不過多的展開講解我們更多的考慮如何選擇常用圖表來呈現數據，達到數據可視化的目標基本方法：

@乘與九設計：學習版式設計就是學習如何處理信息重點，因為在任何設計中，最重要的信息需要首先被注意到，然后是次要信息。下面介紹幾種適用性強的區分層次的手法給大家。

在開始設計之前，關鍵要先梳理好哪些是重點信息，哪些是次要信息。接著就是要講重點放在什么位置，是標題，內容，還是圖片。這些信息的重點就是版式的層次結構。一旦確立好層次結構，接下來就是靠常用的視覺形式來處理即可，例如通過字距，筆畫粗細，顏色，以及字體等等。方法如下：

1.  添加垂直空白空間

魚小干：在談到企業產品的營銷時（本文中提到的“企業產品”是指“給企業客戶使用的軟件/應用”），一種觀點認為客戶肯定是靠線下推廣來獲取的，另一種觀點認為應該讓用戶主動購買而不是被動推銷，持這種觀點的公司尤其重視通過產品官網來獲客。無論持哪種觀點，不可否認的是官網是客戶對你產品的第一印象，很多潛在客戶在購買之前都是先通過官網來了解產品的。然而很多公司在產品官網設計這件事上投入的精力還不及線下推廣的萬分之一，有的只把官網當作擺設，粗制濫造套個模板結束，甚至還忽略了移動端適配。

作為企業產品的設計師，我們要如何設計好看又好賣的產品官網，有沒有一些套路可循？

企業產品官網的作用是傳達信息和促進轉化。傳達信息是告訴訪客這款產品是什么/能為你公司做什么/為什么值得我購買，再配合一些增強說服力的手段來促進轉化——將盡量多的訪客（潛在客戶）轉化為注冊用戶并最終完成購買。按照用戶瀏覽網站的順序，有以下5大設計要點：

1. 善用首屏大圖吸引視線
2. 銷售主張明確傳達產品價值
3. 合理的導航方便訪客獲取信息
4. 無處不在的CTA推動轉化
5. 客戶案例增強信任感

轉場動效在UI界面中所起到的作用無疑是顯著的。相比于靜態的界面，動態的轉場動效更符合人類的自然認知體系，有效地降低了用戶的認知負載，屏幕上元素的變化過程，前后界面的變化邏輯，以及層次結構之間的變化關系，都在動效的加持之下，變得更加清晰自然。從這個角度上來說，動效不僅是界面的重要支持元素，也是用戶交互的基礎。

動效設計，尤其是協助交互的轉場動效，如今日趨成熟。通過大量的案例分析和過來人的經驗，我們逐步總結出優秀轉場動效的5個核心的規則，今天的文章，我們就來分享這5個知識點。

交互篇

什么是滴滴試駕商業B端平臺App

商業B端平臺app是滴滴出行旗下試駕針對廠商內部開發的一款app，通過進入試駕B端，廠商能夠快速的獲取相關數據。app內有滴滴試駕在c端的基本數據和畫像分析。合作廠商還可以查詢具體與試駕合作項目的基本情況、畫像分析、車輛情況等數據。

簡單的來說就是從滴滴試駕c端提取數據到B端以供廠商查尋。

我上周參加了一個工作坊，也算是ThoughtWorks與我所在團隊的交流活動。如果你有了解過IXDC，你能夠在15年的活動中找到四個由他們團隊組織的工作坊，其在一個就與我上周參加的那個相同——《從1到100》。如果我今天把這篇文章發出去，就算是這個工作坊的劇透了吧（也是經過他們允許了的）。

這個工作坊講的是一個完整的設計方法，即拿到一個項目需求，如何從設計思考（DesignThinking）開始，確定用戶畫像，構建場景地圖，頭腦風暴，繪制故事版，設計產品，直至用戶測試。他們把整個流程分為四個階段：

• 探索：用戶、需求
• 定義：目標、資源
• 設計：產品形態
• 驗證：測試反饋

我們現在所面臨的網絡安全問題一直都很嚴峻。無論是更改社交媒體帳號，注冊新論壇，還是下載新的APP，我們都的數字身份一直都存在各種各樣的潛在安全風險。開發團隊花費了大量的時間精力投入到開發和設計當中，改進流程，優化加密方案，來規避這些問題。

黑客攻擊有網絡安全專家和開發者來應對，而用戶所面對的多數問題，則更多的需要設計師來動腦筋解決。通過流程和UI優化，設計師能夠讓用戶盡可能地規避一些潛在的安全問題，即使這個過程中可能會產生體驗上的障礙和不適。

1、不同內容的交互界面應該看起來不同

每當用戶要執行關鍵性的任務或者操作的時候，比如更改賬戶設置與密碼，這個時候用戶應該保持緊張和專注，那么設計上就應該幫助他們進入這樣的狀態。因此，UI 應該讓用戶清楚他們應該做什么。

上篇文章簡單的介紹了數據可視化的基礎，將數據進行設計可視化后，可以讓我們有一種全新的方式去認識數據，改變對數據的呈現和思考方式。那現在就讓開始做一份數據的可視化表，一步步的來看下我們如何獲取數據，以及如何進行可視化的展示。

在上章內容中，提到了關于【數據可視化迭代過程】的步驟，這也能看出整個過程包含的步驟，大致有：

1. 確定主題 - 2．數據獲得 - 3.圖表選擇（表達）- 4圖表繪制

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

確定主題

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

那我們這次還是來做關于空氣質量PM2.5的數據展示，了解歷年來PM2.5的實際情況和發展趨勢。

為了借助社交產品的流量，讓用戶主動分享APP中的內容到社交平臺來達到拉新和促活的目的，市場上絕大多數APP都有第三方分享的功能，它是內容分發的最有效途徑，并且大大降低了企業的營銷成本。

作為用戶和產品之間的橋梁，社交分享在產品的發展過程中扮演了重要的角色。尤其是剛上線的產品，很難通過產品的內部體系來實現快速的用戶增長，所以會更加依賴于分享來達到廣泛的傳播，獲取目標用戶。

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

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

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