【設(shè)計(jì)信息圖】信息圖設(shè)計(jì)的十大準(zhǔn)則

【設(shè)計(jì)信息圖】信息圖設(shè)計(jì)的十大準(zhǔn)則

在過(guò)去的十年間，Hyperakt公司專門(mén)從事此類設(shè)計(jì)，并發(fā)現(xiàn)了此類設(shè)計(jì)的方法。以下就是他們嘔心瀝血總結(jié)出的十個(gè)步驟：1.收集數(shù)據(jù)篩選眾多的數(shù)據(jù)是一切的開(kāi)始。開(kāi)始幾乎是從Excel表格、PDF文檔和其他資源的鏈接中獲得未加工的混亂的數(shù)據(jù)。雖然有時(shí)也會(huì)有(略微坑爹的)指向性—“我們想比較12頁(yè)和65頁(yè)的表格”—可以此為線索開(kāi)始設(shè)(po)計(jì)(an)。但這些也能夠幫助我們有更多的靈感去收集更多新的資源。一個(gè)完整的圖片故事(信息圖)通常一開(kāi)始信息是分散在多個(gè)資料里的，而不僅僅只限制于一個(gè)表格中。2.閱讀所有的資料當(dāng)你傾向于只關(guān)注那些突出顯示的部分，而忽略了其他部分，這種縮減，很容易導(dǎo)致在后面的工作中浪費(fèi)更多的時(shí)間。在整個(gè)系統(tǒng)的研究中，單一信息會(huì)(讓你)走上彎路。無(wú)論是你的客戶在這當(dāng)中認(rèn)識(shí)到了，還是你的讀者指出哪怕一次，這個(gè)項(xiàng)目都是失敗的。沒(méi)有什么比你在一個(gè)項(xiàng)目中努力工作，但最后卻親眼看到它因?yàn)闆](méi)有融會(huì)貫通的思路而被指責(zé)的感覺(jué)更糟了。信息圖設(shè)計(jì)師是擅長(zhǎng)抓住數(shù)據(jù)要點(diǎn)的設(shè)計(jì)者，確保沒(méi)有重要的信息被遺漏，并且確保整個(gè)信息圖的真實(shí)性。3.找故事(敘事手法)現(xiàn)在開(kāi)始，無(wú)聊的資料將會(huì)變成無(wú)聊的信息圖，除非你能編一個(gè)好的故事(才能讓其變得有趣)。信息圖的設(shè)計(jì)都具有獨(dú)一無(wú)二的含義。他可能是一組復(fù)雜的數(shù)據(jù)說(shuō)明，或者解釋一個(gè)過(guò)程，或者強(qiáng)調(diào)趨勢(shì)，亦或者支持某種觀點(diǎn)。找到合適的故事(敘事的手法)是第一關(guān)boss。現(xiàn)在數(shù)據(jù)是你所熟悉的，能否找到一個(gè)故事來(lái)套用手頭上的這些信息？對(duì)這個(gè)主題感興趣嗎？這是一個(gè)令人信服的值得講述的故事嗎？4.確定認(rèn)識(shí)問(wèn)題當(dāng)一個(gè)充滿數(shù)據(jù)的故事雛形漸漸從你手中展現(xiàn)，是時(shí)候停止檢查一下。在許多情況下，數(shù)據(jù)并不能支持客戶想要描述和表達(dá)的故事。以下便是經(jīng)常會(huì)發(fā)生的略顯棘手的討論。有時(shí)客戶會(huì)希望設(shè)計(jì)師運(yùn)用僅有的事實(shí)，歪曲數(shù)據(jù)，或直接繞過(guò)這個(gè)障礙來(lái)使(信息圖)看起來(lái)不錯(cuò)。但很快就發(fā)現(xiàn)這條路顯而易見(jiàn)是行不通的。數(shù)據(jù)是不會(huì)說(shuō)謊的，而優(yōu)質(zhì)的客戶也并不想公然的誤導(dǎo)(讀者)。那么下一步就只有通過(guò)協(xié)同合作的方式共同來(lái)打造這個(gè)故事和數(shù)據(jù)。在研究了幾天的主題后，設(shè)計(jì)師有價(jià)值的發(fā)掘出更多符合的故事(敘事的手法)，并展示出來(lái)。當(dāng)然，回到客戶最初的想法可能是令人沮喪的。在更多的主觀的情況下(顏色，排版，等)，也使設(shè)計(jì)師更難贏得戰(zhàn)爭(zhēng)，但也正是在這些情況下，設(shè)計(jì)者對(duì)數(shù)據(jù)的小心謹(jǐn)慎—這點(diǎn)卻有目共睹，被常常稱贊。信息中的真理需要經(jīng)驗(yàn)去發(fā)現(xiàn)。爭(zhēng)論中有一種方法是用數(shù)據(jù)取勝，不管這個(gè)爭(zhēng)論主題是真是假。舉個(gè)栗子，駕駛紅色車(chē)子的人比駕駛藍(lán)色車(chē)子的人出事故的概率多出2倍。這句話可能(錯(cuò)誤的)暗示你車(chē)子的顏色在某種程度上能夠?qū)е率鹿省５鎸?shí)的原因能在隱藏的關(guān)系中被找到，我們稱為變化因素(如果實(shí)驗(yàn)者不對(duì)某些因素進(jìn)行控制，那么在解釋不同實(shí)驗(yàn)條件下被試的行為因變量的差異時(shí)，起作用的不是自變量而是另外一些因素。)有攻擊偏向性的人比較偏向喜歡紅色。是這種攻擊的反應(yīng)，而不是車(chē)的顏色，才是影響車(chē)禍發(fā)生率的不為人知的原因。5.創(chuàng)建層次結(jié)構(gòu)在幾乎所有的研究中，都有“一個(gè)主角”在引領(lǐng)這個(gè)故事。這個(gè)數(shù)據(jù)片(主線)會(huì)讓你目瞪口呆的。一旦你找到它，它是讓你的項(xiàng)目變的有條理的一種方式，并且能夠在你的圖表中穩(wěn)固你的層次結(jié)構(gòu)。在這些原理的支持下再來(lái)說(shuō)后面的故事。這些數(shù)據(jù)會(huì)變成情緒板來(lái)作為研究的重點(diǎn)。(情緒版是指經(jīng)由對(duì)使用對(duì)象與產(chǎn)品認(rèn)知的色彩，影像，數(shù)字資產(chǎn)或其它材料的收集，可以引起某些情緒反應(yīng)，作為設(shè)計(jì)方向與形式的參考。設(shè)計(jì)師運(yùn)用它來(lái)檢視色彩，樣式，并據(jù)以說(shuō)服其它人之所以如此設(shè)計(jì)的理由。)。直至這個(gè)階段，圖的最終樣子才將開(kāi)始顯現(xiàn)。6.建立線框一旦數(shù)據(jù)被梳理，選擇了最有趣的真相(數(shù)據(jù))并且確定了結(jié)構(gòu)層次，線框圖就出現(xiàn)啦。在此基礎(chǔ)上，設(shè)計(jì)師通過(guò)視覺(jué)表現(xiàn)讓重要的信息能夠一目了然，并且把結(jié)構(gòu)層次發(fā)送給客戶做審查。這不是最終的設(shè)計(jì)，但能通過(guò)討論，將剩下的部分在框架中達(dá)成一致進(jìn)行下去。7.選擇設(shè)計(jì)版式有無(wú)數(shù)的方法可以傳達(dá)信息。最好的方法，可能是結(jié)合傳統(tǒng)的圖形和圖表(條，線，餅圖)、可能需要一個(gè)示意圖或流程圖來(lái)解釋、地圖也許也是最好講述故事的方法、或者簡(jiǎn)單的數(shù)字展示也會(huì)很好。如果時(shí)間允許或者數(shù)據(jù)需要它，交互互動(dòng)是有意義的并且能敲開(kāi)數(shù)據(jù)可視化的大門(mén)。但不管怎么樣，這些都是由數(shù)據(jù)決定的?；蛟S這些將適用于其中一個(gè)或組合的設(shè)計(jì)版式。8.決定一種可視化的方法有2種首要的視覺(jué)方法來(lái)確定外觀和檢查圖表。其中之一個(gè)陣營(yíng)，是喜歡把原始的數(shù)據(jù)做的好看。(DavidMcCandless，NicholasFelton為首的支持這一觀點(diǎn)的人)。在他們的推動(dòng)實(shí)施下，通常通過(guò)圖表的形式，做出令人感覺(jué)吊炸天的視覺(jué)效果。他們通過(guò)顏色，字體，把塊與塊連接起來(lái)，像一件抽象的藝術(shù)作品。第二個(gè)陣營(yíng)的(PeterOrntoft，ScottStowell為首)，喜歡用插圖或者隱喻。這個(gè)陣營(yíng)中，數(shù)據(jù)被偽裝，通過(guò)視覺(jué)向觀眾傳達(dá)幾乎毫無(wú)相似之處的圖表或圖形在Hyperakt，我們不依賴任何一個(gè)陣營(yíng)(策略)。我們自己創(chuàng)造了一個(gè)混合的陣營(yíng)：插圖元素包圍圖表和圖形，或者在純粹的視覺(jué)上運(yùn)用慣例的方式表達(dá)數(shù)據(jù)。有價(jià)值(可用)的信息，媒介，客戶品牌，和主題等等決定了最終的解決方案。9.細(xì)化和測(cè)試當(dāng)有了圖表形態(tài)和視覺(jué)形態(tài)，就開(kāi)始進(jìn)入改進(jìn)階段了。無(wú)論是在數(shù)據(jù)還是視覺(jué)敘事中，客戶都會(huì)參與其中，以確保最終的成品與他們的品牌和意圖相一致。在內(nèi)部，我們整個(gè)工作室都在測(cè)試確保易讀性和理解性，尤其關(guān)注那些從來(lái)沒(méi)見(jiàn)過(guò)這些數(shù)據(jù)的人。我們?cè)u(píng)估設(shè)計(jì)和重復(fù)(以上行為)直到它盡可能的明了和簡(jiǎn)單。在客戶和我們內(nèi)部團(tuán)隊(duì)之間來(lái)回直到每個(gè)人都覺(jué)得交出的信息圖樣式是最好的才會(huì)結(jié)束。10.發(fā)布大多數(shù)信息圖是在線分享——甚至被印成圖片，以某種方式在網(wǎng)上出現(xiàn)。這對(duì)你的工作(成功與否)立見(jiàn)分曉。數(shù)據(jù)的挑戰(zhàn)性在于，在閱讀的過(guò)程中不同的讀者會(huì)有不同的理解。所有的事實(shí)核查和專業(yè)知識(shí)的聯(lián)想都不意味著你能發(fā)現(xiàn)任何方面所衍生出來(lái)的故事。所以即使你的東西已經(jīng)被過(guò)稿，在線討論還是能夠以另外的角度擴(kuò)大(或否決)你的論點(diǎn)。這種集體審查通常意味著這個(gè)項(xiàng)目沒(méi)有真正意義上完結(jié)的那天。修改會(huì)發(fā)生在當(dāng)新數(shù)據(jù)(信息)出現(xiàn)的時(shí)候。雖然你的項(xiàng)目在這個(gè)過(guò)程中是“擔(dān)驚受怕”的，但這也是它非常值得的原因所在。一個(gè)備受關(guān)注的設(shè)計(jì)才能激起看客的心信息圖設(shè)計(jì)師不是普通人。雖然吃力辛苦復(fù)雜，但他們還是覺(jué)得自己萌萌噠。開(kāi)始了解一個(gè)信息圖設(shè)計(jì)師和準(zhǔn)備了解如下的奇葩事實(shí)：2011年最chillwaver(通常是指大量使用合成聲校，并且不斷的循環(huán)音效，做成一種比一般電子舞曲更輕更飄逸更連綿不絕的一種音樂(lè))的樂(lè)隊(duì)是誰(shuí)？是因?yàn)殚_(kāi)車(chē)才會(huì)變胖？美國(guó)五大整形手術(shù)是哪些？他們甚至