如何讓金融數據可視化

　　在互聯網金融和金融互聯網化的時代，日常生活被海量的數據化信息圍繞。從設計層面來說，也是一項新領域的挑戰。數據可視化設計是否有規律可循，從設計作品中能否發現其設計的共性和特點，如何從層層數據信息中提取重要的信息內容，通過簡介易懂的設計語言准確表達。用設計師的眼睛，看見產品的連貫性。通過設計的信息會更合理，更能講故事，讓我們只關注信息的重點。否則視覺只是中看不中用。

　　數據可視化是什麼

　　The main goal of data visualization is its ability to visualize data, communicating information clearly and effectively.(數據可視化的目的，是要對數據進行可視化處理，以使得能夠明確地、有效地傳遞信息。) — Vitaly Friedman(國外5個在網頁設計最具影響力的人物)首先，讓我們看一些和數據相關的設計作品，以供鑒賞。

　　你能否從大量成堆的設計作品當作看出和金融相關的共同特征呢?從中整理了部分和金融類屬性的設計特點。

　　金融數據化設計特點

　　1.金融類下的紅綠運用

　　最恰當的圖形，就是目標用戶願意接受，並能明確感受你要傳達的信息。或者說，體現你數據圖形與產品的氣質相符。能夠一目了然產品屬性和特征。 在金融類目下的產品很容易出現體現漲幅的紅綠配色，要注意的是，在國內傳統行業裡股市的紅色代表著大升的牛市，綠色代表大跌市。這點和國外的認知是恰恰相反的，設計上更要適應傳統行業滲透到國民的普遍認知，把傳統行業裡一些潛移默化的印象承接在新媒體下。

　　2.配色化繁為簡 不超過三種

　　品牌類產品設計頁面，建立品牌感很重要。很大程度也是取決於元素簡潔這一點。簡潔顧名思義就是干淨、干練，所以活躍的用色不太適用。顏色作為設計師傳達品牌情感的主要元素之一，一個明確的品牌顏色，對用戶記憶，認知度有很大的提升。如果可以的話盡量用logo為主的標准色，如果較為特別的頁面，也會適當脫離標准色，但用色基本都會控制在三個以內。

　　3.插圖的使用

　　在現代網頁設計中要有套系感，連貫性。 趨勢不再以復雜色彩、樣式和紋理，而是以線框、色塊、微質感等設計風格為主。 優勢：與整個頁面/背景合為一體，形成統一的視覺美感。不繁瑣的設計理念，讓用戶清晰的看到必要的信息。

　　當你在迷失信息中時,信息圖示非常實用

　　1. JSCharts——http://www.jscharts.com/

　　一個 JavaScript 圖表工具，擁有很多模板。

　　2. D3.js——http://d3js.org/

　　是最流行的可視化庫之一，它被很多其他的表格插件所使用。

　　3. Dundas——http://www.dundas.com/Components/Gallery/ASP/

　　NET 下老牌的數據圖表工具。

　　如何使用在金融產品下

　　1.應用到產品頁面當中，首先去找尋金融屬性的顏色，來定主站的基調

　　金融和數據，我們可能聯想到什麼詞匯?

　　從中再提取出關鍵，和整體屬性氣質相符合的元素

　　深藍色突出網站導航和內容模塊的區分，在大部分頁面，品牌藍色會充當主導色，主要用於可點擊的操作控件。金色作輔色並設定不同的任務屬性，對於平台類來說，多色主導有非常好的延展性。 觀點：品牌色在這裡起到畫龍點睛的作用，用於一些需要重點突出的場景，強調交互的狀態等。

　　定義信息架構 強化行動點

　　你首先要梳理清楚內容的層級結構，堅實的信息架構都是最重要的基礎。 扁平或者是微質感的元素體現頁面的品質，加入合理的場景元素營造氣氛。 在產品頁面設計中，微質感的界面，把那些會牽扯用戶注意力的元素被去除，聚焦信息。 意味著視覺表現形式上通常只有兩個維度可以使用，來觸發用戶“去點擊”。

　　試著通過提升對比度來增強表現力。這裡所說的對比度包括配色、字號、位置布局等方面的要素。另外，要為交互元素提供必要的視覺線索及反饋效果，幫助用戶建立認知，例如當鼠標懸停在元素上，或是用戶點擊、觸摸這些元素的時候，其視覺形式需要有所變化，以體現出元素的交互特性以及用戶行為所產生的結果。

　　要點的配圖，線稿會過於單薄，不能搶banner的視覺中心，在整個頁面中只能起輔助作用。

　　通過代入感極強的環境元素，與目標用戶建立起明確的關聯。並且體現產品的個性。

　　始終整個頁面中貫穿金融元素

　　六邊形——蜂巢/堅固/整齊度(統一了大量不規則icon)

　　詳情功能配圖不易過復雜，要適合識別、組合、變化。輔助色彩符合整個網站的風格基調。

　　小結:

　　數據信息平台產品要有其產品特點的氣質，以及貫穿整站金融特質的元素。 幫用戶梳理信息，具備可用性為基礎的界面。幫助人們解決問題，建立銀行、保險、金融與數據新的對話方式。 設計上來說，消化掉專業化的外衣，便捷易讀易懂，才能帶出產品本身的價值。