10條信息圖設計準則
![](http://image.woshipm.com/wp-files/img/42.jpg)
HYPERAKT的Josh Smith將帶領我們了解,如何將數據轉換為牛逼的視覺圖形的“艱辛”之路。
信息是非常有用的,甚至是好看的,不過僅在被展示(經過設計)的時候。如今是一個信息超載的時代,能在繁雜的信息中夠脫穎而出,這是信息圖設計為什么會流行起來的原因之一。信息圖是用簡單的方式去呈現復雜數據的視覺設計。但他們是如何設計出來的?從設計過程中又能學到什么?作為信息圖設計師還需要從中知道些什么?
在過去的十年間,Hyperakt公司專門從事此類設計,并發現了此類設計的方法。以下就是他們嘔心瀝血總結出的十個步驟:
1.??????收集數據
篩選眾多的數據是一切的開始。開始幾乎是從Excel表格、PDF文檔和其他資源的鏈接中獲得未加工的混亂的數據。雖然有時也會有(略微坑爹的)指向性—“我們想比較12頁和65頁的表格”—可以此為線索開始設(po)計(an)。但這些也能夠幫助我們有更多的靈感去收集更多新的資源。一個完整的圖片故事(信息圖)通常一開始信息是分散在多個資料里的,而不僅僅只限制于一個表格中。
2.??????閱讀所有的資料
當你傾向于只關注那些突出顯示的部分,而忽略了其他部分,這種縮減,很容易導致在后面的工作中浪費更多的時間。在整個系統的研究中,單一信息會(讓你)走上彎路。無論是你的客戶在這當中認識到了,還是你的讀者指出哪怕一次,這個項目都是失敗的。沒有什么比你在一個項目中努力工作,但最后卻親眼看到它因為沒有融會貫通的思路而被指責的感覺更糟了。信息圖設計師是擅長抓住數據要點的設計者,確保沒有重要的信息被遺漏,并且確保整個信息圖的真實性。
3.??????找故事(敘事手法)
現在開始,無聊的資料將會變成無聊的信息圖,除非你能編一個好的故事(才能讓其變得有趣)。信息圖的設計都具有獨一無二的含義。他可能是一組復雜的數據說明,或者解釋一個過程,或者強調趨勢,亦或者支持某種觀點。找到合適的故事(敘事的手法)是第一關boss?,F在數據是你所熟悉的,能否找到一個故事來套用手頭上的這些信息?對這個主題感興趣嗎?這是一個令人信服的值得講述的故事嗎?
4.??????確定認識問題
當一個充滿數據的故事雛形漸漸從你手中展現,是時候停止檢查一下。在許多情況下,數據并不能支持客戶想要描述和表達的故事。以下便是經常會發生的略顯棘手的討論。有時客戶會希望設計師運用僅有的事實,歪曲數據,或直接繞過這個障礙來使(信息圖)看起來不錯。但很快就發現這條路顯而易見是行不通的。數據是不會說謊的,而優質的客戶也并不想公然的誤導(讀者)。那么下一步就只有通過協同合作的方式共同來打造這個故事和數據。在研究了幾天的主題后,設計師有價值的發掘出更多符合的故事(敘事的手法),并展示出來。當然,回到客戶最初的想法可能是令人沮喪的。在更多的主觀的情況下(顏色,排版,等),也使設計師更難贏得戰爭,但也正是在這些情況下,設計者對數據的小心謹慎—這點卻有目共睹,被常常稱贊。
信息中的真理需要經驗去發現。爭論中有一種方法是用數據取勝,不管這個爭論主題是真是假。舉個栗子,駕駛紅色車子的人比駕駛藍色車子的人出事故的概率多出2倍。這句話可能(錯誤的)暗示你車子的顏色在某種程度上能夠導致事故。但真實的原因能在隱藏的關系中被找到,我們稱為變化因素(如果實驗者不對某些因素進行控制,那么在解釋不同實驗條件下被試的行為因變量的差異時,起作用的不是自變量而是另外一些因素。)有攻擊偏向性的人比較偏向喜歡紅色。是這種攻擊的反應,而不是車的顏色,才是影響車禍發生率的不為人知的原因。
5.??????創建層次結構
在幾乎所有的研究中,都有“一個主角”在引領這個故事。這個數據片(主線)會讓你目瞪口呆的。一旦你找到它,它是讓你的項目變的有條理的一種方式,并且能夠在你的圖表中穩固你的層次結構。在這些原理的支持下再來說后面的故事。這些數據會變成情緒板來作為研究的重點。(情緒版是指經由對使用對象與產品認知的色彩,影像,數字資產或其它材料的收集,可以引起某些情緒反應,作為設計方向與形式的參考。設計師運用它來檢視色彩,樣式,并據以說服其它人之所以如此設計的理由。)。直至這個階段,圖的最終樣子才將開始顯現。
6.??????建立線框
一旦數據被梳理,選擇了最有趣的真相(數據)并且確定了結構層次,線框圖就出現啦。在此基礎上,設計師通過視覺表現讓重要的信息能夠一目了然,并且把結構層次發送給客戶做審查。這不是最終的設計,但能通過討論,將剩下的部分在框架中達成一致進行下去。
7.??????選擇設計版式
有無數的方法可以傳達信息。最好的方法,可能是結合傳統的圖形和圖表(條,線,餅圖)、可能需要一個示意圖或流程圖來解釋、地圖也許也是最好講述故事的方法、或者簡單的數字展示也會很好。如果時間允許或者數據需要它,交互互動是有意義的并且能敲開數據可視化的大門。但不管怎么樣,這些都是由數據決定的?;蛟S這些將適用于其中一個或組合的設計版式。
8.??????決定一種可視化的方法
有2種首要的視覺方法來確定外觀和檢查圖表。其中之一個陣營,是喜歡把原始的數據做的好看。(David McCandless, NicholasFelton為首的支持這一觀點的人)。在他們的推動實施下,通常通過圖表的形式,做出令人感覺吊炸天的視覺效果。他們通過顏色,字體,把塊與塊連接起來,像一件抽象的藝術作品。第二個陣營的(Peter Orntoft, Scott Stowell為首),?喜歡用插圖或者隱喻。這個陣營中,數據被偽裝,通過視覺向觀眾傳達幾乎毫無相似之處的圖表或圖形
在Hyperakt,我們不依賴任何一個陣營(策略)。我們自己創造了一個混合的陣營:插圖元素包圍圖表和圖形,或者在純粹的視覺上運用慣例的方式表達數據。有價值(可用)的信息,媒介,客戶品牌,和主題等等決定了最終的解決方案。
9.??? 細化和測試
當有了圖表形態和視覺形態,就開始進入改進階段了。無論是在數據還是視覺敘事中,客戶都會參與其中,以確保最終的成品與他們的品牌和意圖相一致。在內部,我們整個工作室都在測試確保易讀性和理解性,尤其關注那些從來沒見過這些數據的人。我們評估設計和重復(以上行為)直到它盡可能的明了和簡單。在客戶和我們內部團隊之間來回直到每個人都覺得交出的信息圖樣式是最好的才會結束。
10.??發布
大多數信息圖是在線分享——甚至被印成圖片,以某種方式在網上出現。這對你的工作(成功與否)立見分曉。數據的挑戰性在于,在閱讀的過程中不同的讀者會有不同的理解。所有的事實核查和專業知識的聯想都不意味著你能發現任何方面所衍生出來的故事。所以即使你的東西已經被過稿,在線討論還是能夠以另外的角度擴大(或否決)你的論點。這種集體審查通常意味著這個項目沒有真正意義上完結的那天。修改會發生在當新數據(信息)出現的時候。雖然你的項目在這個過程中是“擔驚受怕”的,但這也是它非常值得的原因所在。一個備受關注的設計才能激起看客的心
信息圖設計師不是普通人。雖然吃力辛苦復雜,但他們還是覺得自己萌萌噠。
開始了解一個信息圖設計師和準備了解如下的奇葩事實:
2011年最chillwaver(通常是指大量使用合成聲校,并且不斷的循環音效,做成一種比一般電子舞曲更輕更飄逸更連綿不絕的一種音樂)的樂隊是誰?是因為開車才會變胖?美國五大整形手術是哪些?他們甚至可能揭露一個變態的數據:例如在民間故事中鸛(guan)和小孩之間的因果關系(白鸛在歐洲是好運的象征,它們被認為是送子鳥)。數據顯示如果一個小鎮有更多的鸛,那么就會有更多的孩子誕生在那個地方。不過土地面積卻是影藏的變量:更大的小鎮,擁有更多的孩子,和,當然,更多的鸛也居住在那里。
以上就是這篇文章的全部內容,謝謝各位看客的觀摩,譯者翻完覺得自己瞬間萌萌噠。
SOURCE:UI.CN
- 目前還沒評論,等你發揮!