SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Visual Thinking & Information
Visualization Design
鍾承庭 │陳禹安│何元杰│陳虹誼
What we’ve   learned
What we’ve   searched
What we’ve   discussed
What’s our   direction




                 Visual Thinking & Information Visualization Design   │   2012/10/04
透過合作與集體探索,或許,我們得以保持人性。



What we’ve Learned   │   Visual Thinking & Information Visualization Design   │   2012/10/04
讓數據會說話,在轉瞬間重現歷史脈絡。




What we’ve Learned   │   Visual Thinking & Information Visualization Design   │   2012/10/04
資訊                       傳達
                                                                       視覺化
    information                 convey
                                                                       visualization




        統計                       說服
        理念                       宣揚                                           美學
        歷史                       訴求                                           簡明
        流程                       溝通                                           效率
        信仰                       講解                                           力量




What we’ve Learned   │   Visual Thinking & Information Visualization Design    │       2012/10/04
Story of Stuff Series
by Free Range Studio




What we’ve Searched    │   Visual Thinking & Information Visualization Design   │   2012/10/04
巴黎二戰猶太兒童受難地圖
by Jean-Luc Pinol




                法國歷史學者、地圖繪製師,Jean-Luc Pinol 製作了一張別具
                歷史意義的巴黎互動式地圖。這張地圖標示了1942年七月到
                1944年八月期間,巴黎地區猶太兒童遭到逮捕的街區、地址,
                以及孩子們的姓名。




What we’ve Searched   │   Visual Thinking & Information Visualization Design   │   2012/10/04
The heat map
shows heat use in every building




                全國用電狀況採用開放資料模式公開,並且結合地圖,清楚顯
                示地區用電程度,資料詳細到可以瞭解每平方公尺的用電度數。

                左 England               http://ceo.decc.gov.uk/nationalheatmap/#
                右 New York              http://modi.mech.columbia.edu/nycenergy/


What we’ve Searched   │      Visual Thinking & Information Visualization Design    │   2012/10/04
斤斤計較
money money money




「隨車徵收」的汽燃費改成「隨油徵收」的時候,在三種里程數下開三種油耗效率的車,的費用計算。

                          結論:要想辦法買好車不然會花很多錢。




What we’ve Searched   │   Visual Thinking & Information Visualization Design   │   2012/10/04
Pages
All about Information




                網站的建立也是一種極需要經過視覺設計的媒體,其本身就是
                以資訊傳達為訴求的產品呀。




What we’ve Searched   │   Visual Thinking & Information Visualization Design   │   2012/10/04
/ 歷史與生活的距離 /
                                        巴黎二戰猶太兒童受難地圖,台南街道疊影
        資訊                              歷年海平面比較
                                        / 宗教 /
     information                        傳教的形式
                                        / 科學化數據紀錄 /
                                        奧林匹克田徑運動趨勢,F1賽車紀錄

         統計
         理念
         歷史
         流程
         信仰




What we’ve Discussed   │   Visual Thinking & Information Visualization Design   │   2012/10/04
/ 現象的觀察 /
                                        電視收視率或廣播收聽率
                                        / 不同種類的數據比較 /
                                        某段年間病疫死亡人數與知名戰役的死亡人
                                        數,Ex.二戰 v.s. 口腔癌
                                        / 不同單位尺度的資訊轉換 /
                                        印刷品數量x厚度之後換算成高度或距離
                                        運動量與消耗熱量對照表
                                        / 不同時(空)同一資訊的比較 /
                                        各國消費習慣/收入/生活作息/能源使用




What we’ve Discussed   │   Visual Thinking & Information Visualization Design   │   2012/10/04
The different means of transportation
in different countries




  What’s our Direction   │   Visual Thinking & Information Visualization Design   │   2012/10/04
The different means of transportation
in different countries

                                It may be concerned about…

                                • Traffic flow
                                • Rate of movement
                                • Traffic Accidents




  What’s our Direction   │   Visual Thinking & Information Visualization Design   │   2012/10/04
Thanks

Weitere ähnliche Inhalte

Mehr von visualization, ID, NCKU

G1 c2 王柔堯_吳思儀_張緹葳_丁星顥
G1 c2 王柔堯_吳思儀_張緹葳_丁星顥G1 c2 王柔堯_吳思儀_張緹葳_丁星顥
G1 c2 王柔堯_吳思儀_張緹葳_丁星顥visualization, ID, NCKU
 
G5 c2 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
G5 c2 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡G5 c2 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
G5 c2 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡visualization, ID, NCKU
 
G4 c1 何元杰陳禹安鍾承庭陳虹誼
G4 c1 何元杰陳禹安鍾承庭陳虹誼G4 c1 何元杰陳禹安鍾承庭陳虹誼
G4 c1 何元杰陳禹安鍾承庭陳虹誼visualization, ID, NCKU
 
G3 c1-吳典陽 黃玟慧-孫佳筠_許哲豪
G3 c1-吳典陽 黃玟慧-孫佳筠_許哲豪G3 c1-吳典陽 黃玟慧-孫佳筠_許哲豪
G3 c1-吳典陽 黃玟慧-孫佳筠_許哲豪visualization, ID, NCKU
 
G5 c1 佳穗、若瑄、凱駿、怡凡_
G5 c1 佳穗、若瑄、凱駿、怡凡_G5 c1 佳穗、若瑄、凱駿、怡凡_
G5 c1 佳穗、若瑄、凱駿、怡凡_visualization, ID, NCKU
 
G3 b4-許哲豪 孫佳筠-吳典陽_黃玟慧
G3 b4-許哲豪 孫佳筠-吳典陽_黃玟慧G3 b4-許哲豪 孫佳筠-吳典陽_黃玟慧
G3 b4-許哲豪 孫佳筠-吳典陽_黃玟慧visualization, ID, NCKU
 
G1 b4 丁星顥王柔堯吳思儀張緹葳
G1 b4 丁星顥王柔堯吳思儀張緹葳G1 b4 丁星顥王柔堯吳思儀張緹葳
G1 b4 丁星顥王柔堯吳思儀張緹葳visualization, ID, NCKU
 
G5 b4-徐佳穗 劉若瑄-鄭凱駿_鄧怡凡
G5 b4-徐佳穗 劉若瑄-鄭凱駿_鄧怡凡G5 b4-徐佳穗 劉若瑄-鄭凱駿_鄧怡凡
G5 b4-徐佳穗 劉若瑄-鄭凱駿_鄧怡凡visualization, ID, NCKU
 
G5 b3 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
G5 b3 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡G5 b3 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
G5 b3 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡visualization, ID, NCKU
 
G1 b3 王柔堯、吳思儀、張緹葳、丁星顥
G1 b3 王柔堯、吳思儀、張緹葳、丁星顥G1 b3 王柔堯、吳思儀、張緹葳、丁星顥
G1 b3 王柔堯、吳思儀、張緹葳、丁星顥visualization, ID, NCKU
 

Mehr von visualization, ID, NCKU (20)

G1 c2 王柔堯_吳思儀_張緹葳_丁星顥
G1 c2 王柔堯_吳思儀_張緹葳_丁星顥G1 c2 王柔堯_吳思儀_張緹葳_丁星顥
G1 c2 王柔堯_吳思儀_張緹葳_丁星顥
 
G5 c2 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
G5 c2 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡G5 c2 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
G5 c2 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
 
G6 c1 雅筑_怡嘉_昱仁
G6 c1 雅筑_怡嘉_昱仁G6 c1 雅筑_怡嘉_昱仁
G6 c1 雅筑_怡嘉_昱仁
 
Pasta
PastaPasta
Pasta
 
G4 c1 何元杰陳禹安鍾承庭陳虹誼
G4 c1 何元杰陳禹安鍾承庭陳虹誼G4 c1 何元杰陳禹安鍾承庭陳虹誼
G4 c1 何元杰陳禹安鍾承庭陳虹誼
 
G3 c1-吳典陽 黃玟慧-孫佳筠_許哲豪
G3 c1-吳典陽 黃玟慧-孫佳筠_許哲豪G3 c1-吳典陽 黃玟慧-孫佳筠_許哲豪
G3 c1-吳典陽 黃玟慧-孫佳筠_許哲豪
 
G2 c1 張耀仁_許瑋芸
G2 c1 張耀仁_許瑋芸G2 c1 張耀仁_許瑋芸
G2 c1 張耀仁_許瑋芸
 
G5 c1 佳穗、若瑄、凱駿、怡凡_
G5 c1 佳穗、若瑄、凱駿、怡凡_G5 c1 佳穗、若瑄、凱駿、怡凡_
G5 c1 佳穗、若瑄、凱駿、怡凡_
 
1122 雅筑怡嘉昱仁
1122 雅筑怡嘉昱仁 1122 雅筑怡嘉昱仁
1122 雅筑怡嘉昱仁
 
1206 雅筑怡嘉昱仁
1206 雅筑怡嘉昱仁1206 雅筑怡嘉昱仁
1206 雅筑怡嘉昱仁
 
G3 b4-許哲豪 孫佳筠-吳典陽_黃玟慧
G3 b4-許哲豪 孫佳筠-吳典陽_黃玟慧G3 b4-許哲豪 孫佳筠-吳典陽_黃玟慧
G3 b4-許哲豪 孫佳筠-吳典陽_黃玟慧
 
G2 b4 許瑋芸張耀仁
G2 b4 許瑋芸張耀仁G2 b4 許瑋芸張耀仁
G2 b4 許瑋芸張耀仁
 
G1 b4 丁星顥王柔堯吳思儀張緹葳
G1 b4 丁星顥王柔堯吳思儀張緹葳G1 b4 丁星顥王柔堯吳思儀張緹葳
G1 b4 丁星顥王柔堯吳思儀張緹葳
 
G5 b4-徐佳穗 劉若瑄-鄭凱駿_鄧怡凡
G5 b4-徐佳穗 劉若瑄-鄭凱駿_鄧怡凡G5 b4-徐佳穗 劉若瑄-鄭凱駿_鄧怡凡
G5 b4-徐佳穗 劉若瑄-鄭凱駿_鄧怡凡
 
G2 b3 許瑋芸、張耀仁
G2 b3 許瑋芸、張耀仁G2 b3 許瑋芸、張耀仁
G2 b3 許瑋芸、張耀仁
 
G5 b3 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
G5 b3 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡G5 b3 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
G5 b3 徐佳穗_劉若瑄_鄭凱駿_鄧怡凡
 
G4 b3 庭安杰虹
G4 b3 庭安杰虹G4 b3 庭安杰虹
G4 b3 庭安杰虹
 
G2 b3 許瑋芸、張耀仁
G2 b3 許瑋芸、張耀仁G2 b3 許瑋芸、張耀仁
G2 b3 許瑋芸、張耀仁
 
G1 b3 王柔堯、吳思儀、張緹葳、丁星顥
G1 b3 王柔堯、吳思儀、張緹葳、丁星顥G1 b3 王柔堯、吳思儀、張緹葳、丁星顥
G1 b3 王柔堯、吳思儀、張緹葳、丁星顥
 
G6 b3 雅筑怡嘉昱仁
G6 b3 雅筑怡嘉昱仁G6 b3 雅筑怡嘉昱仁
G6 b3 雅筑怡嘉昱仁
 

NCKU_Visual Thinking & Information Visualization Design_G4_20121004

  • 1. Visual Thinking & Information Visualization Design 鍾承庭 │陳禹安│何元杰│陳虹誼
  • 2. What we’ve learned What we’ve searched What we’ve discussed What’s our direction Visual Thinking & Information Visualization Design │ 2012/10/04
  • 3. 透過合作與集體探索,或許,我們得以保持人性。 What we’ve Learned │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 4. 讓數據會說話,在轉瞬間重現歷史脈絡。 What we’ve Learned │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 5. 資訊 傳達 視覺化 information convey visualization 統計 說服 理念 宣揚 美學 歷史 訴求 簡明 流程 溝通 效率 信仰 講解 力量 What we’ve Learned │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 6. Story of Stuff Series by Free Range Studio What we’ve Searched │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 7. 巴黎二戰猶太兒童受難地圖 by Jean-Luc Pinol 法國歷史學者、地圖繪製師,Jean-Luc Pinol 製作了一張別具 歷史意義的巴黎互動式地圖。這張地圖標示了1942年七月到 1944年八月期間,巴黎地區猶太兒童遭到逮捕的街區、地址, 以及孩子們的姓名。 What we’ve Searched │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 8. The heat map shows heat use in every building 全國用電狀況採用開放資料模式公開,並且結合地圖,清楚顯 示地區用電程度,資料詳細到可以瞭解每平方公尺的用電度數。 左 England http://ceo.decc.gov.uk/nationalheatmap/# 右 New York http://modi.mech.columbia.edu/nycenergy/ What we’ve Searched │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 9. 斤斤計較 money money money 「隨車徵收」的汽燃費改成「隨油徵收」的時候,在三種里程數下開三種油耗效率的車,的費用計算。 結論:要想辦法買好車不然會花很多錢。 What we’ve Searched │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 10. Pages All about Information 網站的建立也是一種極需要經過視覺設計的媒體,其本身就是 以資訊傳達為訴求的產品呀。 What we’ve Searched │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 11. / 歷史與生活的距離 / 巴黎二戰猶太兒童受難地圖,台南街道疊影 資訊 歷年海平面比較 / 宗教 / information 傳教的形式 / 科學化數據紀錄 / 奧林匹克田徑運動趨勢,F1賽車紀錄 統計 理念 歷史 流程 信仰 What we’ve Discussed │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 12. / 現象的觀察 / 電視收視率或廣播收聽率 / 不同種類的數據比較 / 某段年間病疫死亡人數與知名戰役的死亡人 數,Ex.二戰 v.s. 口腔癌 / 不同單位尺度的資訊轉換 / 印刷品數量x厚度之後換算成高度或距離 運動量與消耗熱量對照表 / 不同時(空)同一資訊的比較 / 各國消費習慣/收入/生活作息/能源使用 What we’ve Discussed │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 13. The different means of transportation in different countries What’s our Direction │ Visual Thinking & Information Visualization Design │ 2012/10/04
  • 14. The different means of transportation in different countries It may be concerned about… • Traffic flow • Rate of movement • Traffic Accidents What’s our Direction │ Visual Thinking & Information Visualization Design │ 2012/10/04