$30 off During Our Annual Pro Sale. View Details »

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

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

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

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

#懶人包 #資訊圖表 #Infographic

Hsiao-hsien Yang

May 20, 2013
Tweet

More Decks by Hsiao-hsien Yang

Other Decks in How-to & DIY

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. 3

    View Slide

  4. 3

    View Slide

  5. 3

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  11. 5

    View Slide

  12. 5

    View Slide

  13. 6

    View Slide

  14. 6

    View Slide

  15. 6

    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. 8

    View Slide

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

    View Slide

  27. 10

    View Slide

  28. 10

    View Slide

  29. 10

    View Slide

  30. 10

    View Slide

  31. 10

    View Slide

  32. 10

    View Slide

  33. 10

    View Slide

  34. 10

    View Slide

  35. 10

    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. 12

    View Slide

  38. 13

    View Slide

  39. 14

    View Slide

  40. 15

    View Slide

  41. 16

    View Slide

  42. 16

    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. 19

    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. 23

    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