资讯设计infographic-Design.doc

資訊設計 infoGraphic 日本人寫的圖解書-- HYPERLINK .tw/exep/prod/booksfile.php?item=0010567081 初學者的料理教科書：2500張步驟圖解，新手必備史上最簡單！看這本，保證不失敗！ HYPERLINK .tw/exep/prod/booksfile.php?item=0010565024 圖解整理術：工作上85％的錯誤可以靠整理術解決 HYPERLINK .tw/exep/prod/booksfile.php?item=0010546022 超圖解！今日的伸展操！跟著77天的伸展操日曆做運動 Information Design Archie Tse?Senior Graphics Editor?The New York Times Archie Tse： 他是紐約時報新聞圖表資深編輯。他曾經多次贏得「新聞設計協會」、國際首席資訊圖表比賽Malofiej(這個後續會介紹到，西班牙的資訊設計獎)等設計獎項。在2012的Malofiej會議中，他更被票選為二十多年來，前五名最具影響力的圖表藝術工作者。 他也是第一個前往伊拉克的圖表記者，同時也是唯一在現場報導擄獲海珊的圖表工作者。他在紐約時報任職17年，紐約時報的圖表部門在解釋性圖表與資訊視覺化方面，以經足以扮演領導性的聲音。接下來可以從一些紐時的作品中，知道他們資訊圖表設計做的是挺成功的，在視覺及資訊表達上都很到味。 一開始Archie分享了在美國911事件後他們團隊所做的大樓資訊圖表，如右圖所示，這個圖表當初他們團隊先去採訪了很多911災後生還者，並根據大樓的構造圖來製做這個圖表。從這圖表可知道當時哪些樓層有火災，大部分樓層都被毒煙所壟罩，藉由旁邊註釋的文字及輔助放大畫面，讓我們彷彿看到當時發生了些什麼事，若只有文字報導列出，我們大概只能想像當時大概發生了什麼。他的手冊上並有說他在這個圖像上把文字註解對齊格子，就是指在文字區塊間，進行垂直或平行的排列。雖然圖表的視覺要素或許會混亂，但利用方格則緩和了這個混亂的狀況，並提供讀者更合情理的閱讀圖表方式。 HYPERLINK /interactive/2002/05/26/nyregion/0526-north-tower.html?gwh=C678821CA377D044A2956AF426B1A625 /interactive/2002/05/26/nyregion/0526-north-tower.html?gwh=C678821CA377D044A2956AF426B1A625 他們團隊大約二十幾人，大部分人都會採訪，有的會做3D，有的會寫程式，會的專門畫插圖，而我覺得主講者Archie他算是裡面最厲害的人之一，因為他不只會採訪、設計，還會寫程式，這真的還挺猛的。 在紐時的資訊設計有時因為新聞時效性的關係需要很快即時就做出來，Archie就有分享當時美國獵殺賓拉登時，他們如何在一天之內將相關圖表做出來。他們當時利用google earth以及現場記者拍的照片，利用3D軟體加上Illustrator，合力將相關圖表製做出來，請參考書上所示、下列圖片及下面這個連結： 這應該是3D做的 這張是利用地圖標示位置 善用Google Earth拿來做即時現場呈現也很不錯 HYPERLINK /interactive/2011/05/02/world/asia/abbottabad-map-of-where-osama-bin-laden-was-killed.html?ref=asia /interactive/2011/05/02/world/asia/abbottabad-map-of-where-osama-bin-laden-was-killed.html?ref=asia 其他我覺得還蠻厲害的設計如下： 以上這3張是2012奧運時所做的體操選手動作分解圖，他們團隊利用photoshop將攝影的圖像多張去背合成並串成分解動作動畫，真的挺酷的! HYPERLINK /interactive/2012/07/19/sports/olympics/the-toughest-vault.html /interactive/2012/07/19/sports/olympics/the-toughest-vault.html 這個設計一開始是一個動畫讓User知道跨欄選手如何跳才能跳得好，去分解他的動作去讓我們知道說，要去做這個運動，你要怎麼跳，你不能跳太高(會減少你的時間)，也不能跳太低(會跌倒)，男生跟女生跳得差別在哪裡等等，我覺得都可以拿去當體育選手學習教材了。我很喜歡他做的互動性，你可以用滑鼠左右拖曳來看跨欄選手如何跨越欄杆，上一個體操選手的資訊設計是做成動畫