SlideShare a Scribd company logo
1 of 40
Download to read offline
你覺得我想說什麼?
Data?



           8,848
Information?           Knowledge?
Data       Height of Mt. Everest : 8,848 m



              Mt. Everest is the Earth's highest
Information   mountain, with a peak at 8,848
              meters above sea level.


              The best way to reach Mt.
Knowledge     Everest's peak.
Data




 Visualize
For communication
Information graphic
So, Who am
     I?
   李柏鋒
 I am a Marine Biologist !
Infographics for HP38
Infographics for HP38
2007 :開始學理財   2009 :開始投資
Why do I involve myself in
     Infographics?
Complicated


Not friendly for beginner



  Data > information
Infographics for HP38
National Geographic Art Director
                  Juan Velasco
My Pivot Routes
        Marine Biologist
                           Unintentionally

       Financial Blogger

Try to be

      Web Producer & Graphic Designer
Keyword :
      Infographic
Originating in the United States in 2009
United States
                               South Korea

                                Singapore




                South Africa
                               New Zealand
Keyword : Infographic
Definition !?
• Information, Data & Knowledge -
  Visualized.
• Present quickly & clearly.
六個基本成份



Chart :圖表   Diagram :示意圖      Graph :統計圖表




Map :地圖      Pictogram :象形圖    Table :表格
Infographics for HP38
Infographics for HP38
Infographics for HP38
Infographics for HP38
Infographics for HP38
Infographics for HP38
Infographics for HP38
資訊圖表的應用:
教育、行銷、政治、設計…
       Welcome to HP Life 15
五個專業上的要求

1.Accuracy 準確性
2. Analysis 分析
3. Clarity 明確
4. Style 風格
5. Technique 技藝
Infographics for HP38
Information, YES !
Decoration, NEVER !
什麼是好的資訊圖表?
又有哪些常犯的錯誤?
       Welcome to HP Life 15
每一個美國人
平均每年花 7,290 美元醫療費
        用


故事在哪裡?
醫療支出     平均壽命   看病次數
美國     7,290
瑞士
盧森堡
加拿大
奧地利
法國
丹麥
瑞典
澳洲
英國
:
:
平均
United States: 7,290
2,873




        2AD Bronce / Bronze
        National Geographic Magazine
        Cost of Living
如何完成一張資訊圖表?
大從全球性媒體的團隊合作模式
小到單人設計的要領

                如果我再繼續說
          Welcome to HP Life 15
         應該會有人想把我趕出去了
Good Graphics ?
好圖表的五個標準( SND )
1.   Attractive :吸引目光與人心
2.   Clear :讓想傳達給閱讀者的資訊更明確
3.   Simple :將資訊精簡化
4.   Flow :順應常人的視覺動線來編排
5.   Wordless :不需要文字也可以理解
Infographics for HP38
Infographics for HP38

More Related Content

More from Po-Feng Lee

近期台灣對中國將開放事項
近期台灣對中國將開放事項近期台灣對中國將開放事項
近期台灣對中國將開放事項Po-Feng Lee
 
整理經濟部沒說的話
整理經濟部沒說的話整理經濟部沒說的話
整理經濟部沒說的話Po-Feng Lee
 
台灣的公投,民主嗎?
台灣的公投,民主嗎?台灣的公投,民主嗎?
台灣的公投,民主嗎?Po-Feng Lee
 
決定贊成或反對服貿協定前
決定贊成或反對服貿協定前決定贊成或反對服貿協定前
決定贊成或反對服貿協定前Po-Feng Lee
 
台灣漁船能否於該海域捕魚
台灣漁船能否於該海域捕魚台灣漁船能否於該海域捕魚
台灣漁船能否於該海域捕魚Po-Feng Lee
 

More from Po-Feng Lee (6)

近期台灣對中國將開放事項
近期台灣對中國將開放事項近期台灣對中國將開放事項
近期台灣對中國將開放事項
 
整理經濟部沒說的話
整理經濟部沒說的話整理經濟部沒說的話
整理經濟部沒說的話
 
台灣的公投,民主嗎?
台灣的公投,民主嗎?台灣的公投,民主嗎?
台灣的公投,民主嗎?
 
利大於弊
利大於弊利大於弊
利大於弊
 
決定贊成或反對服貿協定前
決定贊成或反對服貿協定前決定贊成或反對服貿協定前
決定贊成或反對服貿協定前
 
台灣漁船能否於該海域捕魚
台灣漁船能否於該海域捕魚台灣漁船能否於該海域捕魚
台灣漁船能否於該海域捕魚
 

Infographics for HP38

Editor's Notes

  1. 問三個人 http://sqt-fantasy-sci-fi-girl.blogspot.tw/2011/04/big-apple.html
  2. 資料?資訊?知識?
  3. 資料本身而不具有意義 資訊是可以被說明的資料,而且具有意義 知識則含有實用訊息 圖: http://en.wikipedia.org/wiki/File:Everest_kalapatthar_crop.jpg
  4. 資料本身具有的意義不多,也很難進行溝通,因此透過視覺化的步驟,使資料所具有的意義可以被突顯出來,也讓溝通可以更快速而準確
  5. 所以當資料經過視覺化,呈現出具有意義的資訊之後,就變成了資訊圖表 股價表只有報價功能,但是股價線圖則可以很快看出漲跌趨勢
  6. 那麼,為什麼我會來跟大家討論資訊圖表?我到底是誰? 其實我是一個海洋生物學家
  7. 我所學的是海洋生物,研究鯊魚的生態和演化,因為我覺得鯊魚是一種很完美的生物,但是他們快要消失在世界上了
  8. 結婚後有感於理財的重要,所以我開始學習理財,邊學邊寫,慢慢的經營一個部落格
  9. 2006 年結婚, 2007 年開始從理財、保險學到投資,但直到 2009 年三月我才開始投資,這是我幸運的地方,不是我厲害,只是我撿到了便宜
  10. 透過貴人的介紹,我到了 MoneyDJ 負責 ETF 網站的企劃 我的主力投資工具就是 ETF ,所以本來就是這個網站的重度使用者 但是這個網站資料很多,資訊很少,所以我想要學習,怎麼把這麼大量的資料變成資訊,並且盡量以視覺化的方式呈現
  11. 剛好有這個視覺新聞研習營符合我的需求
  12. 五天的學習,和國家地理雜誌的藝術總監學到很多,基本上就是打通了任督二脈
  13. 所以不知不覺,我從海洋生物學家變成了財經部落格作者,現在則努力學習網站企劃和圖表設計
  14. Infograohic 是一個很新的字,在搜尋引擎上直到 2009 年才開始呈現有規模的搜尋,起源自美國
  15. 而現在,新加坡、南韓、南非、紐西蘭、美國、荷蘭等國家, Infograohic 已經變成了一個相當熱門的字了
  16. 相當漂亮的成長趨勢
  17. 但是, Infographic 這個字的定義到底是什麼? 學術上不太常用這個字,商業領域則又各有各的定義,所以我們用 Wikipedia 的定義來討論: 所謂的資訊圖表,就是將資訊、資料和知識經過視覺化的處理,可以很快速而清楚的展現給讀者
  18. 資訊圖表一般有六個基本成份 圖: http://www.coetail.asia/hhosoi/2012/03/04/infographics-in-teaching/
  19. 讓我來舉例一些新聞媒體在視覺圖表上面的重視,例如華爾街日報、紐約時報 http://pinterest.com/wsjgraphics/wsj-graphics/ https://twitter.com/nytgraphics
  20. 國內也一樣, Yahoo! 奇摩新聞、天下雜誌 http://tw.news.yahoo.com/topic-2012%E5%9C%96%E8%A1%A8%E6%96%B0%E8%81%9E/ http://www.cw.com.tw/blog/blogIndividual.action?id=164
  21. 數位時代雜誌報導資訊圖表不只是一個工具,也已經變成了一門生意
  22. 美國專門製作圖表的公司: Infographic World http://infographicworld.com/
  23. 台灣也有創媒體,不但做靜態圖表,也做動態圖表 http://beammedia.tumblr.com/post/22768419683/femalevsmaledrivers
  24. 如果是這種文字性的政策宣達,效果通常不好
  25. 但現在連白宮都採用 infographic 來宣傳他們的能源政策 http://www.whitehouse.gov/blog/2011/05/06/president-jobs-gas-prices-read-his-remarks-download-graphic
  26. 對資訊圖表來說,最重要的要求不是美編技術或好看程度,而是準確性和資料是否經過處理與分析,提供真正有意義的資訊
  27. 這個圖表有問題
  28. 我們要做的是 Infographic ,不是 decographic 所以別讓作品上出現沒有資訊的裝飾
  29. 我們來看一下,為什麼需要資訊圖表。如果你今天在報上讀到一句話: 每一個美國人平均每年花 7,290 美元醫療費用。 這只是一筆資料而已。本身沒什麼意義,也沒有故事。
  30. 所以我們多找了幾個國家,並且把這幾個國家的平均壽命和看病次數的資料也都找齊了。這個表格本身還是資料,但是如果把他視覺化之後:
  31. 從這裡我們就可以看出,美國人醫療花費超過平均的兩倍,但是平均壽命卻反而低於平均 而日本人醫療花費不高,但是很常看醫生,平均壽命也很長 這個圖表,是可以拿來講故事的,有許多細節藏在裡面,可以啟發讀者思考和討論
  32. 這是原始的圖,我們可以看得出來美國人的醫療費用非常的高
  33. 埃及人已經開始懂得用圖來紀錄和溝通,因為一圖勝千言 試想一下:你看這張圖要花多久? 再想一下:你要用文字精確描述這張圖,要寫多少字?
  34. Attractive :吸引目光與人心 主視覺要突顯,視覺設計要漂亮 Clear :讓想傳達給閱讀者的資訊更明確 只講一個觀念,或一個故事 Simple :將資訊精簡化 讓小學生看得懂、讓外國人看得懂 Flow :順應常人的視覺動線來編排 起點要符合習慣,接續順序要明確 Wordless :不需要文字也可以理解 盡量用圖表替代文字,但不需刻意
  35. 歡迎加入 FaceBook 的資訊圖表社團 :https://www.facebook.com/groups/479173598760888/
  36. 要注意,你用圖表想要表達的,和閱讀的人所看到的真的一樣嗎? 如果引起不同觀點的討論,你的圖表是成功的 但如果每個人看了你的圖表,所理解到的資訊都不一樣,那你的圖表不夠好。 最後,謝謝簡報實驗室的幫忙,讓這份簡報可以更好! http://sqt-fantasy-sci-fi-girl.blogspot.tw/2011/04/big-apple.html