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

7afafd4ffc3bf991d95d711c2c9c2183?s=47 Hsiao-hsien Yang
May 20, 2013
How-to & DIY
0
39

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

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

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

#懶人包 #資訊圖表 #Infographic

7afafd4ffc3bf991d95d711c2c9c2183?s=128

Hsiao-hsien Yang

May 20, 2013
Tweet

More Decks by Hsiao-hsien Yang

See All by Hsiao-hsien Yang
7afafd4ffc3bf991d95d711c2c9c2183?s=48 nchild
0
100
7afafd4ffc3bf991d95d711c2c9c2183?s=48 nchild
1
24
7afafd4ffc3bf991d95d711c2c9c2183?s=48 nchild
0
160
7afafd4ffc3bf991d95d711c2c9c2183?s=48 nchild
0
43
7afafd4ffc3bf991d95d711c2c9c2183?s=48 nchild
0
120
7afafd4ffc3bf991d95d711c2c9c2183?s=48 nchild
0
58
7afafd4ffc3bf991d95d711c2c9c2183?s=48 nchild
0
88
7afafd4ffc3bf991d95d711c2c9c2183?s=48 nchild
0
56
7afafd4ffc3bf991d95d711c2c9c2183?s=48 nchild
0
47

Other Decks in How-to & DIY

See All in How-to & DIY
8ccf56f96f826c232cb4f382be726ba3?s=48 haru860
0
290
69b4dadef85efe143ac825b62d36ed7c?s=48 fruitriin
0
330
E28bdf8c7732503016adfa076809e694?s=48 aoisaya
2
170
Fecdd3417cd7375cc0bd0352d72db27e?s=48 1ftseabass
0
150
0506831985f466c9638304a11d23fa9c?s=48 shimizunobutaka
1
420
9e8f60b6676fa46400e78406af8fb7e5?s=48 ichida
3
500
Dae1d4cc4599a65a5da6e1a1f9d96f05?s=48 n0bisuke
0
280
8c36fb60ec838f3116b7fbebe778948e?s=48 showyingart
0
120
9260cf8a1a6dd81ac381c56547f589d5?s=48 bigtree
0
720
9998f03d0ff1d9da73a455f4fc58f4a5?s=48 tmitsuoka0423
0
160
59815f4389b285c6d17343544f4d27f8?s=48 clairedelune
1
110
73a5f95133889e0846ae38321686368b?s=48 matsuoshi
0
240

Featured

See All Featured
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
266
16k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
29
3.2k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
228
17k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
84
7.7k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
39k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
184
14k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
106
9.6k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
175
7.2k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
87
13k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
520
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
49
3.2k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
85
8.3k

Transcript

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

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

  2. “Most of memories are created by visual, acoustic and semantic

    encoding.” How Memory Works - Online Colleges 2

  3. 3

  4. 3

  5. 3

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

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

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

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

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

  11. 5

  12. 5 ！

  13. 6

  14. 6

  15. 6

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

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

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

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

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

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

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

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

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

  25. 8

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

    PL D D D PL

  27. 10

  28. 10

  29. 10

  30. 10

  31. 10

  32. 10

  33. 10

  34. 10

  35. 10

  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

  37. 12

  38. 13

  39. 14

  40. 15

  41. 16

  42. 16

  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

  44. ௘ɝ൯ʔՑ˹൬ BQQ ٙᄅ҅d̥މəऊڭج೓፝ಂၾ (PPHMF ٙࢨ൷ 7天 1年7個月 c( P P

    H M F  W T   ၽ ̏ ̹ ݁ ִ c൯ʔՑ"OESPJE"QQምٙ፹k GBDFCPPLDPN#BBHJD 15分鐘 7天 17

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

  46. 19

  47. 20 ⾏行動電源 每花⼀一千元， 就有450元丟到⽔水裡⋯⋯ 資料來源：⾏行政院消保會 抽驗結果，放電容量 達100％的合格率為0 只有兩件 電量達75% 國家標準規定，最⼤大

    放電容量須達標⽰示之 100％ 有⼗十⼀一件（55%） 電量介於50~70% 其中六件（30%） 電量介於30~50% 有⼀一件（ 電⼒力通） 電量甚⾄至不到30% GBDFCPPLDPN#BBHJD

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

  49. 危機四輻的台灣 22

  50. 23

  51. body 網⾴頁像個⼈人 24 head <html> <head> 妝扮（CSS...） ⾏行為準則（js...） </head> <body>

    展現給別⼈人看的內容 </body> </html>

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

  53. （反覆） 組織團隊（可能的話） 26 說故事 ／企劃 領域專家 ／研究者 視覺設計 製作／ 調整

    成效追蹤 分 析師 資料提供 ⟳ ✋ ! !

  54. 協作⼯工具 27 •Hackpad •Dropbox •Google 雲端硬碟 •Bitly •Trello •Basecamp •Google

    網上論壇 •Github •Google 標記管理⼯工具 •Google 分析 •Facebook 洞察報告

  55. One more thing... 28

  56. One more thing... 28

  57. One more thing... 28

  58. One more thing... 28

  59. One more thing... 28

  60. One more thing... 28

  61. One more thing... 28

  62. One more thing... 28

  63. One more thing... 28