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

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

Hsiao-hsien Yang
May 20, 2013
How-to & DIY
0
140

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

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

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

See All by Hsiao-hsien Yang
蒸個美味懶人包－附烹調實作
nchild
0
120
蒸個美味懶人包－快閃濃縮口味
nchild
1
75
蒸個美味懶人包－沒有人原味版
nchild
0
190
蒸個美味懶人包－精華濃縮口味
nchild
0
52
蒸個美味懶人包－一個沒有人的岔題之旅
nchild
0
150
蒸個美味懶人包－用圖文說好議題故事
nchild
0
67
蒸個美味懶人包
nchild
0
100
敘事傳播－如何製作圖文
nchild
0
79
敘事傳播－圖文進階探討
nchild
0
63

Other Decks in How-to & DIY

See All in How-to & DIY
プロジェクト河豚🐡でWebの未来を感じてみよう #jsfes #projectfugu
n0bisuke2
1
950
JWCについてのご意見
bigtree
0
200
2022.10.23 メタル #ｽﾀｯｸﾁｬﾝ を作ってみた。
mongonta0716
0
240
ヴィンテージマシンと付き合う - kernel/vm online 5
orumin
0
570
センサ(Sensor)の作り方
kurotaky
0
200
5日間でAWS認定資格 Machine Learning Specialtyを取得した話
yukitodate
1
670
インターホンからBoxに画像アップロードしてみた話 #iotlt
n0bisuke2
0
270
イヤホンジャックはちゃんと調べてから #iotlt
n0bisuke2
0
250
202203 HENKAKU workshop 資料
geeknees
1
100
Consommation électrique du foyer
melix
0
110
リモート木魚 #iotlt #Arduino
n0bisuke2
0
260
文系のシステム開発理系のコーディング
shirayanagiryuji
0
340

Featured

See All Featured
Building Your Own Lightsaber
phodgson
96
4.8k
How STYLIGHT went responsive
nonsquared
86
4.1k
Three Pipe Problems
jasonvnalue
89
8.8k
Visualization
eitanlees
126
12k
5 minutes of I Can Smell Your CMS
philhawksworth
197
18k
Building Better People: How to give real-time feedback that sticks.
wjessup
344
17k
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.6k
Embracing the Ebb and Flow
colly
74
3.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
11k
The Invisible Customer
myddelton
111
12k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
12
1.1k

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