圖像與新聞事件－從實作談起

網路新聞專題：圖表導讀新聞

http://bit.ly/bundles/nchild/5
http://bit.ly/bundles/nchild/4

#懶人包 #資訊圖表 #Infographic

Transcript

1. 楊孝先 @nchild
   跨領域雜⼯工、Baagic 咩即可－消費者熱線發起⼈人
   2013.5.20 輔仁⼤大學⽂文友樓301
   bit.ly/bundles/nchild/4、bit.ly/bundles/nchild/5
   CC BY-SA 3.0 TW
   圖像與新聞事件－從實作談起
   

   View Slide

2. “Most of memories are created by visual,
   acoustic and semantic encoding.”
   How Memory Works - Online Colleges
   2
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. 3
   簡化通常不會錯，只要別⾛走⽕火⼊入魔
   

   View Slide

7. 3
   簡化通常不會錯，只要別⾛走⽕火⼊入魔
   

   View Slide

8. 3
   簡化通常不會錯，只要別⾛走⽕火⼊入魔
   

   View Slide

9. 3
   簡化通常不會錯，只要別⾛走⽕火⼊入魔
   

   View Slide

10. 從『操作』中觀察趨勢
    4
    

    View Slide

11. View Slide

12. 5
    ！
    

    View Slide

13. View Slide

14. View Slide

15. View Slide

16. 7
    四四南村冰淇淋事件
    

    View Slide

17. 7
    四四南村冰淇淋事件
    

    View Slide

18. 7
    四四南村冰淇淋事件
    

    View Slide

19. 7
    四四南村冰淇淋事件
    

    View Slide

20. 7
    四四南村冰淇淋事件
    

    View Slide

21. 7
    四四南村冰淇淋事件
    

    View Slide

22. 7
    四四南村冰淇淋事件
    

    View Slide

23. 7
    四四南村冰淇淋事件
    

    View Slide

24. 7
    四四南村冰淇淋事件
    

    View Slide

25. View Slide

26. 圖⽚片產製流程
    9
    ⽂文案
    腳本簡報
    草圖
    ⾊色稿
    完稿
    匯出上傳
    PL
    PL
    PL D
    D
    D
    PL
    

    View Slide

27. View Slide

28. View Slide

29. View Slide

30. View Slide

31. View Slide

32. View Slide

33. View Slide

34. View Slide

35. View Slide

36. “Sometimes the search for truth, though,
    is a little bit less ippant, and it has much
    greater consequences.”
    Markham Nolan: How to separate fact and ction online
    11
    

    View Slide

37. View Slide

38. View Slide

39. View Slide

40. View Slide

41. View Slide

42. View Slide

43. ௘ɝ൯ʔՑ˹൬
    BQQ
    ٙᄅ҅d̥މəऊڭج೓፝ಂၾ
    (PPHMF
    ٙࢨ൷
    7天
    1年7個月
    c( P P H M F W T ၽ ̏ ̹ ݁ ִ
    c൯ʔՑ"OESPJE"QQምٙ፹k
    GBDFCPPLDPN#BBHJD
    15分鐘
    7天
    17
    ৗ̨̈ᝄۃd˹൬
    BQQ
    ί
    (PPHMF
    1MBZ
    ٙৗಛࣛග݊ʱᙒ
    ϋ
    "OESPJE
    .BSLFU
    ݊ഗɓ዆˂
    (PPHMFഗක೯٫ٙΥߒɪ
    ৗಛࣛග݊Շ˂
    ऊڭج஝֛ඉᒅ൯ር
    ԮϞɖ˂೓፝ಂ
    ᆄຑอج஝֛
    Ⴣ൷ᒅ൯˂೓፝ಂ
    ᅰЗʫ࢙̙˸Ϟૢ΁Է̮
    ᑼෂ
    "QQ
    4UPSF€J04ৗಛಂࠢ˂
    نᙄிϓ
    (PPHMF
    1MBZ
    ൯ʔՑ˹൬
    BQQ
    ٙ˚ɿd˂€ᄣ̋ʕ
    15分鐘 1天 2天 7天 14天 30天 近1年7個月
    c( P P H M F W T ၽ ̏ ̹ ݁ ִ ᗫ ᒟ ᅰ ኽ ࣛ ග ˢ Է
    c൯ʔՑ"OESPJE"QQምٙ፹k
    GBDFCPPLDPN#BBHJD
    

    View Slide

44. ௘ɝ൯ʔՑ˹൬
    BQQ
    ٙᄅ҅d̥މəऊڭج೓፝ಂၾ
    (PPHMF
    ٙࢨ൷
    7天
    1年7個月
    c( P P H M F W T ၽ ̏ ̹ ݁ ִ
    c൯ʔՑ"OESPJE"QQምٙ፹k
    GBDFCPPLDPN#BBHJD
    15分鐘
    7天
    17
    

    View Slide

45. 練習：⼤大資料與⼩小數字
    18
    

    View Slide

46. View Slide

47. 20
    ⾏行動電源
    每花⼀一千元， 就有450元丟到⽔水裡⋯⋯
    資料來源：⾏行政院消保會
    抽驗結果，放電容量
    達100％的合格率為0
    只有兩件
    電量達75%
    國家標準規定，最⼤大
    放電容量須達標⽰示之
    100％
    有⼗十⼀一件（55%）
    電量介於50~70%
    其中六件（30%）
    電量介於30~50%
    有⼀一件（ 電⼒力通）
    電量甚⾄至不到30%
    GBDFCPPLDPN#BBHJD
    

    View Slide

48. 圖表動起來
    21
    • 影⽚片懶⼈人包 • 動態懶⼈人包 • 動態網⾴頁
    

    View Slide

49. 危機四輻的台灣
    22
    

    View Slide

50. View Slide

51. body
    網⾴頁像個⼈人
    24
    head
    
    
    妝扮（CSS...）
    ⾏行為準則（js...）
    
    
    展現給別⼈人看的內容
    
    
    

    View Slide

52. 「可能是由於我⼀一個⼈人承攬太多⼯工作，
    沒有明確的分⼯工，使得我沒辦法兼顧研
    究與製圖，有的時候⼼心情⽐比較煩躁，就
    會沒辦法兼顧兩⾯面。」
    搭搭搭，台灣社會信息圖表站⻑⾧長
    25
    

    View Slide

53. （反覆）
    組織團隊（可能的話）
    26
    說故事
    ／企劃
    領域專家
    ／研究者
    視覺設計
    製作／
    調整
    成效追蹤 分
    析師
    資料提供
    ⟳ ✋
    !
    !
    

    View Slide

54. 協作⼯工具
    27
    •Hackpad
    •Dropbox
    •Google 雲端硬碟
    •Bitly
    •Trello
    •Basecamp
    •Google 網上論壇
    •Github
    •Google 標記管理⼯工具
    •Google 分析
    •Facebook 洞察報告
    

    View Slide

55. One more thing...
    28
    

    View Slide

56. One more thing...
    28
    

    View Slide

57. One more thing...
    28
    

    View Slide

58. One more thing...
    28
    

    View Slide

59. One more thing...
    28
    

    View Slide

60. One more thing...
    28
    

    View Slide

61. One more thing...
    28
    

    View Slide

62. One more thing...
    28
    

    View Slide

63. One more thing...
    28
    

    View Slide