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