起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)輕觸，數(shù)據(jù)美麗的外衣
“我生活在一個(gè)擁有7,080,360,000人的星球上，這是關(guān)于他們的故事，
現(xiàn)今平均每人會(huì)對(duì)7.4個(gè)人說(shuō)2250個(gè)詞，人們會(huì)發(fā)3000億封郵件
190億條短信，加起來(lái)可組成1個(gè)巨大的馬賽克圖案……”——《觸摸未來(lái)》(最近很迷的一部美劇)
沒(méi)錯(cuò)，在這個(gè)信息爆炸的時(shí)代，借助圖形化的手段，高效和清晰的交流信息是數(shù)據(jù)可視化的目的所在，作為一種信息載體，她擁有對(duì)數(shù)據(jù)的多種表現(xiàn)形式，可以是美麗的且?guī)в腥の缎缘?，以前?duì)于數(shù)據(jù)在圖形上表現(xiàn)只是停留在餅圖、柱狀圖和直方圖等簡(jiǎn)單的視覺(jué)表現(xiàn)形式上，為了更加有效的傳達(dá)數(shù)據(jù)信息，幫助用戶理解引起共鳴，依附與目前多媒體的科技手段，可視化的表現(xiàn)形式從平面到三維，媒介形式從紙張到網(wǎng)絡(luò)以及視頻，在互動(dòng)性及時(shí)效性上都不斷發(fā)生著變化。
當(dāng)然，之所以將數(shù)據(jù)的外衣稱之為美，也并不意味這對(duì)于她的表現(xiàn)僅僅只是擁有華麗的視覺(jué)外觀而已，而更重要的是能把握好外觀與信息本身功能之間的平衡關(guān)系。有學(xué)者認(rèn)為這是理性與感性、“美”與“用”結(jié)合的一種設(shè)計(jì)方式，我很贊同這樣的說(shuō)法，如果對(duì)于可視化的設(shè)計(jì)只是為了漂亮而繪制出圖形復(fù)雜內(nèi)容空洞的數(shù)據(jù)圖形是沒(méi)有任何意義的。
上圖為David Mccandless在Informationisbeatiful上發(fā)布的《怎么樣做出好的可視化設(shè)計(jì)》。
曾看過(guò)不少的相關(guān)類型設(shè)計(jì)文章，都對(duì)于可視化的設(shè)計(jì)方式擁有一個(gè)比較同一的說(shuō)法——關(guān)注視覺(jué)上的信噪比，這也許是所有視覺(jué)傳達(dá)設(shè)計(jì)共有的一個(gè)核心概念，將其衍生到數(shù)據(jù)可視化的設(shè)計(jì)領(lǐng)域應(yīng)該就是將文字，圖表、圖形等核心的關(guān)鍵元素予以強(qiáng)調(diào)并清晰表達(dá)在媒介之上，弱化或者去除沒(méi)有必要的符號(hào)，線條，列表等，而后再對(duì)信息根據(jù)不同的緯度(平面或者立體)劃分并重組，逐步對(duì)數(shù)據(jù)進(jìn)行視覺(jué)化的呈現(xiàn)。
對(duì)于數(shù)據(jù)的可視化并不是很新的一種設(shè)計(jì)表現(xiàn)思路，在史前時(shí)期的洞穴壁畫(huà)中的體現(xiàn)到土耳其地區(qū)公元前7500年出現(xiàn)的地圖再到1786年威廉普萊費(fèi)爾《The Commercial and Political Atlas》數(shù)據(jù)型圖表、1861年卡爾斯拿破侖東征（征俄）的信息圖表等都表現(xiàn)出了可視化設(shè)計(jì)的雛形，歷史的沿革一直帶動(dòng)著此類設(shè)計(jì)的發(fā)展，到了現(xiàn)代隨著科技日新月異，對(duì)于各類設(shè)計(jì)的劃分及定位也逐漸細(xì)致，可視化以其美麗雅致的外型、對(duì)于特定人群所關(guān)注的信息清晰定位才再一次成為了眾設(shè)計(jì)師們關(guān)注的焦點(diǎn)，我們也才可以通過(guò)更加多的設(shè)計(jì)手段對(duì)于這類設(shè)計(jì)進(jìn)行更好的呈現(xiàn)。
象形文字.jpg)
上圖為商代甲骨文象形文字
上圖為經(jīng)典的卡爾斯拿破侖東征（征俄）信息圖
說(shuō)了那么多可視化的好處，難道到她就沒(méi)什么弊端嗎？？答案是否定的，可視化的優(yōu)勢(shì)在我看來(lái)是圖形語(yǔ)言的傳播速度比較快，而且范圍廣, 一般的語(yǔ)言文字無(wú)法相比，但對(duì)于相對(duì)復(fù)雜的可視化數(shù)據(jù)圖表，必須要針對(duì)特定人群繪制才能降低理解的成本，而在這一點(diǎn)上語(yǔ)言文字相對(duì)而言更具有普遍的適配性，(這跟咱們平時(shí)的icon繪制很相似，如果繪制的圖形不能很好的映射當(dāng)前功能的操作，那不如用文字來(lái)清楚明白)，并且數(shù)據(jù)可視化是一門綜合的學(xué)科，并不是單純靠視覺(jué)上的表現(xiàn)能解決所有問(wèn)題的，她涉及數(shù)據(jù)采集、統(tǒng)計(jì)學(xué)、動(dòng)畫(huà)、三維建模、制圖學(xué)，影象學(xué)等等，一旦要立項(xiàng)所涉及的成本還是挺高的，在項(xiàng)目的任何一個(gè)環(huán)節(jié)都需要比較高的專業(yè)度去完成，才可以拿出一個(gè)比較好的作品。
數(shù)據(jù)的可視化是一種讓人痛并快樂(lè)著的設(shè)計(jì)形式，作為一個(gè)視覺(jué)動(dòng)物，我一直為其漂亮的外部表現(xiàn)形式所折服，網(wǎng)上也找一些案例，根據(jù)不同的表現(xiàn)形式及自己的個(gè)人的理解進(jìn)行了歸納和分類與大家分享。
動(dòng)態(tài)視頻的數(shù)據(jù)可視化案例：圖形闡釋音樂(lè)
互動(dòng)型的數(shù)據(jù)可視化案例：與電腦玩剪刀石頭布
http://www.nytimes.com/interactive/science/rock-paper-scissors.html(有興趣的同學(xué)可以去玩一下)此類設(shè)計(jì)形式重在突出用戶參與性、娛樂(lè)性及信息的實(shí)時(shí)性。
靜態(tài)的數(shù)據(jù)可視化案例:根據(jù)視覺(jué)呈現(xiàn)的樣式進(jìn)行劃分
圖.jpg)
(極區(qū)圖)：視覺(jué)上的特點(diǎn)是以中心為基點(diǎn)，向外發(fā)散，構(gòu)成圖形好像花朵也稱為玫瑰圖。
(桑基圖)：視覺(jué)上的特點(diǎn)是圖的始末端兩端的寬度相等
(矩形式圖):顧名思義都是方塊狀的格子，在大小色彩上對(duì)信息進(jìn)行區(qū)分
(熱力圖)：這類圖是一種使用冷暖色來(lái)映射二維變量，以便于做出聚類分析的圖像，擅長(zhǎng)用于體現(xiàn)頻率、密度等
狀圖.jpg)
(樹(shù)狀圖)：感官上比較象樹(shù)根的分支，可以描述事件的進(jìn)程或者數(shù)據(jù)的流程等
.jpg)
(HyperbolicTree圖)：美國(guó)施樂(lè)公司的專利，可用Java和JavaScript的實(shí)現(xiàn)，上圖為阿里巴巴中國(guó)站首頁(yè)HTML的結(jié)構(gòu)圖表現(xiàn)。(藍(lán)色：鏈接A標(biāo)記，紅色：表、TR和TD標(biāo)簽，綠色：DIV標(biāo)記，紫：圖像IMG標(biāo)記，黃：表格、輸入、文本區(qū)域、選擇和選項(xiàng)標(biāo)記，橙色：換行符和引用文字BR、P和BLOCKQUOTE標(biāo)簽，黑色： 源碼所有其他標(biāo)記的HTML標(biāo)記，灰色：根節(jié)點(diǎn))
(氣泡圖)：使用點(diǎn)形的設(shè)計(jì)元素，以大小色彩密度的變化描述數(shù)據(jù)狀態(tài)
(地圖)：最根本的設(shè)計(jì)元素是地圖，常與氣泡圖一起以組合的出現(xiàn)，描述地址位置、交通及人口分布、收入分配等
本文對(duì)于可視化案例整理及分類只是冰山一角，根據(jù)不同的信息緯度去劃分還有非常多的設(shè)計(jì)形式，比如按時(shí)間線、情感化的因素或數(shù)據(jù)內(nèi)在關(guān)聯(lián)性等等。(歡迎同學(xué)們組隊(duì)拍磚)
寫在最后，一直很喜歡日本的一位設(shè)計(jì)大師-原研哉，用他的一段話與各位設(shè)計(jì)的同學(xué)共勉：設(shè)計(jì)師的任務(wù)就是提高信息的品質(zhì)，增強(qiáng)傳播的力量。技術(shù)的進(jìn)步并不能直接帶來(lái)信息品質(zhì)的提高。“如何更容易了解？如何令人更加舒適？如何更為簡(jiǎn)單的傳達(dá)?如何才能讓人感動(dòng)？”這些才是衡量設(shè)計(jì)師的信息處理能力的尺度。創(chuàng)意并不是要讓人驚異它嶄新的形式和素材，而應(yīng)該讓人驚異于它居然來(lái)自于看似平凡的日常生活。不斷的開(kāi)發(fā)出這些創(chuàng)意才是真正的設(shè)計(jì)。
來(lái)源：http://www.aliued.cn/
一直很尊重奶茶，沒(méi)去冰，沒(méi)少糖，沒(méi)少喝。
