Upgrade to Pro — share decks privately, control downloads, hide ads and more …

如何製作懶人包

 如何製作懶人包

如何蒐集資訊,解讀資訊,製成動、靜態懶人包,包括線上、離線軟體基本操作說明及社交網站散播技巧。

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

#獨立媒體學院 #網路編輯與傳播

Hsiao-hsien Yang

May 11, 2013
Tweet

More Decks by Hsiao-hsien Yang

Other Decks in How-to & DIY

Transcript

  1. 楊孝先 @nchild Baagic 咩即可-消費者熱線發起⼈人 2013.5.11 http://bitly.com/bundles/nchild/4 如何製作懶⼈人包 (CC BY-SA 3.0

    TW)
  2. 0 75000 150000 225000 300000 1993 2005 2007 2009 2011

    2012 Q4 我是誰?做了什麼? 客訴 部落格 粉絲⾴頁 ? 2 接觸對象
  3. 別⼈人眼中的粉絲⾴頁貼⽂文 3

  4. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 3

  5. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 圖⽚片懶⼈人包 專家認為是 3

  6. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 圖⽚片懶⼈人包 專家認為是 簡報相簿 我⾃自⼰己認為是 3

  7. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 圖⽚片懶⼈人包 專家認為是 簡報相簿 我⾃自⼰己認為是 圖⽂文型投影⽚片 懶⼈人包

    專家認為是 3
  8. 別⼈人眼中的粉絲⾴頁貼⽂文 資訊圖表 時事插圖 我⾃自⼰己認為是 圖⽚片懶⼈人包 專家認為是 懶⼈人包 (無誤) ⼀一般⼈人認為是 簡報相簿

    我⾃自⼰己認為是 圖⽂文型投影⽚片 懶⼈人包 專家認為是 3
  9. 概念性定義 ⋯將針對單⼀一事件的⽂文字、圖⽚片、 連結等等放在同⼀一個⾴頁⾯面上,或者 將 Link 整理在⼀一起(網摘)⋯ 李怡志 XDite 為了在短時間裡⾯面快速的深⼊入事件 的瞭解始末或跳過繁瑣指南對⼀一個

    產品快速的上⼿手,⽽而經過整理或改 寫的精華濃縮包。 阿孝⽼老師 針對特定主題,進⾏行資訊彙整、篩 選、編排、再現,所完成的產物。 4
  10. 從『操作』中找尋定義 5

  11. 從『操作』中找尋定義 5 !

  12. 從『操作』中找尋定義 5 Google 搜尋趨勢 !

  13. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產,指: !

  14. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產,指: 環繞⼀一主題(⼈人物)的圖⽚片蒐集與打包/ !

  15. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產,指: 環繞⼀一主題(⼈人物)的圖⽚片蒐集與打包/ 環繞⼀一軟體的相關檔案蒐集與打包/ !

  16. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產,指: 環繞⼀一主題(⼈人物)的圖⽚片蒐集與打包/ 環繞⼀一軟體的相關檔案蒐集與打包/ 蒐集⼀一事件的相關素材、經重組與排列 (策編)後所得到的編輯物(著作), 就算是懶⼈人也可以快速知道『是怎樣』。

    !
  17. 從『操作』中找尋定義 5 Google 搜尋趨勢 2006年6月以後的台灣特產,指: 環繞⼀一主題(⼈人物)的圖⽚片蒐集與打包/ 環繞⼀一軟體的相關檔案蒐集與打包/ 蒐集⼀一事件的相關素材、經重組與排列 (策編)後所得到的編輯物(著作), 就算是懶⼈人也可以快速知道『是怎樣』。

    !
  18. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包

  19. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 資訊、資料,或知 識的圖形化視覺呈 現,⽤用以快速、清晰 地表現複雜的訊息

  20. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包

  21. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可以有互動

  22. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可以有互動 ⼀一定為線性

  23. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 ⼀一定有圖表 可以有互動 ⼀一定為線性

  24. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性

  25. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 不能“無題”

  26. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 化繁為簡

    不能“無題”
  27. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 化繁為簡

    不能“無題” *很不懶的懶⼈人包其實是懶⼈人包的濫⽤用
  28. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 化繁為簡

    不能“無題” 重 點 在 美 *很不懶的懶⼈人包其實是懶⼈人包的濫⽤用
  29. 懶⼈人包 跟資訊圖表⽐比⼀一⽐比 6 資訊圖表 懶⼈人包 可為純⽂文字 ⼀一定有圖表 可以有互動 ⼀一定為線性 化繁為簡

    不能“無題” 重 點 在 美 重 點 在 梗 *很不懶的懶⼈人包其實是懶⼈人包的濫⽤用
  30. 懶⼈人包關鍵成功因素分析 7 梗 其他

  31. 如何說故事 by 冷彬、安德魯史丹頓(Andrew Stanton) 8 開始:好故事的承諾 冒險旅程:創造記憶點 結束:Punchline 找出⾃自⼰己與他⼈人差異 改變,所有好故事基礎

    } 朝 向 單 ⼀一 ⺫⽬目 標
  32. “從你知道的找材料,不⼀一定是 虛構或事實,那意味著從你的經 驗捕捉真理,表達你個⼈人所感受 內⼼心深處的價值。” 安德魯史丹頓:⼀一個偉⼤大故事的端倪 9

  33. 主題熟悉度 不懂(忘了)* 有點懂 很懂 什麼條件好? 10

  34. 主題熟悉度 不懂(忘了)* 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 什麼條件好? 10

  35. 主題熟悉度 不懂(忘了)* 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 什麼條件好? 10

  36. 主題熟悉度 不懂(忘了)* 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 什麼條件好? 10

  37. 主題熟悉度 不懂(忘了)* 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 什麼條件好? 10

  38. 主題熟悉度 不懂(忘了)* 有點懂 很懂 對懶⼈人包製作 最好 有點糟 很糟糕 *⾒見倚天屠⻯⿓龍記張無忌學太極劍法段 什麼條件好?

    10
  39. (反覆) 組織(如果有的話) 11 說故事 /企劃 領域專家 /研究者 視覺設計 製作/ 調整

    成效追蹤 分 析師 資料提供 ⟳
  40. 多⼈人協作 12 • Hackpad-任何事動⼿手做的好起點 • Dropbox-檔案分享、控管 • Google 雲端硬碟-上兩者複雜⼀一些的次要選擇 •

    Bitly-公開、私密連結彙整、追蹤 • Trello-⼯工作事項分配、追蹤 • Basecamp-專案管理、討論 • Google 網上論壇-有可能關閉的討論群組次要選擇 • Github-進階⽂文件版本控管 • Google 分析-多少⼈人來過、怎麼來、來多久 • Facebook 洞察報告-粉絲⾴頁、應⽤用(物件)數據
  41. 今天要談什麼 13

  42. 今天要談什麼 •官⽅方課程說明: • 如何蒐集資訊 • 解讀資訊 • 製成動、靜態懶⼈人包 • 包括線上、離線軟體基本操作說明

    • 社交網站散播技巧 13
  43. 今天要談什麼 •官⽅方課程說明: • 如何蒐集資訊 • 解讀資訊 • 製成動、靜態懶⼈人包 • 包括線上、離線軟體基本操作說明

    • 社交網站散播技巧 •課程⺫⽬目標:說的⼀一⼝口好懶⼈人包! 13
  44. 今天要談什麼 •官⽅方課程說明: • 如何蒐集資訊 • 解讀資訊 • 製成動、靜態懶⼈人包 • 包括線上、離線軟體基本操作說明

    • 社交網站散播技巧 •課程⺫⽬目標:說的⼀一⼝口好懶⼈人包! 13
  45. 今天要談什麼 •官⽅方課程說明: • 如何蒐集資訊 • 解讀資訊 • 製成動、靜態懶⼈人包 • 包括線上、離線軟體基本操作說明

    • 社交網站散播技巧 •課程⺫⽬目標:說的⼀一⼝口好懶⼈人包! 13 從實例解說「如何做」,減少各位的摸索 㽊 融    ⼊入      實       例
  46. 關於資料可信度 14

  47. 關於資料可信度 14 !

  48. 關於資料可信度 14 傳統媒體 !

  49. 關於資料可信度 14 傳統媒體 政府官員 !

  50. Facebook 帳號盜⽤用⾃自保懶⼈人包 15

  51. Facebook 帳號盜⽤用⾃自保懶⼈人包 15

  52. Facebook 帳號盜⽤用⾃自保懶⼈人包 15

  53. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源:上下游市集(獨⽴立媒體) 製作:發想故事,與插畫家合作 ⼯工具:影像編輯(Pixelmator) • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解

    • 梗鋪設的太複雜、太隱諱
  54. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源:上下游市集(獨⽴立媒體) 製作:發想故事,與插畫家合作 ⼯工具:影像編輯(Pixelmator) • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解

    • 梗鋪設的太複雜、太隱諱
  55. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源:上下游市集(獨⽴立媒體) 製作:發想故事,與插畫家合作 ⼯工具:影像編輯(Pixelmator) • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解

    • 梗鋪設的太複雜、太隱諱
  56. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源:上下游市集(獨⽴立媒體) 製作:發想故事,與插畫家合作 ⼯工具:影像編輯(Pixelmator) • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解

    • 梗鋪設的太複雜、太隱諱
  57. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源:上下游市集(獨⽴立媒體) 製作:發想故事,與插畫家合作 ⼯工具:影像編輯(Pixelmator) • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解

    • 梗鋪設的太複雜、太隱諱
  58. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源:上下游市集(獨⽴立媒體) 製作:發想故事,與插畫家合作 ⼯工具:影像編輯(Pixelmator) • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解

    • 梗鋪設的太複雜、太隱諱
  59. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源:上下游市集(獨⽴立媒體) 製作:發想故事,與插畫家合作 ⼯工具:影像編輯(Pixelmator) • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解

    • 梗鋪設的太複雜、太隱諱
  60. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源:上下游市集(獨⽴立媒體) 製作:發想故事,與插畫家合作 ⼯工具:影像編輯(Pixelmator) • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解

    • 梗鋪設的太複雜、太隱諱
  61. 16 四四南村冰淇淋事件 偽圖⽚片懶⼈人包 來源:上下游市集(獨⽴立媒體) 製作:發想故事,與插畫家合作 ⼯工具:影像編輯(Pixelmator) • 未備份主流媒體報導 • 讀者得圖⽂文對照或事先瞭解

    • 梗鋪設的太複雜、太隱諱
  62. 圖⽚片產製流程 17 ⽂文案 腳本簡報 草圖 ⾊色稿 完稿 匯出上傳 PL PL

    PL D D D PL
  63. 18

  64. 18

  65. 18

  66. 18

  67. 18

  68. 18

  69. 18

  70. 18

  71. 18

  72. 塑膠杯蓋⾏行不⾏行解說 19

  73. 20 塑膠杯蓋⾏行不⾏行解說(續) 圖⽂文型投影⽚片懶⼈人包、圖⽚片懶⼈人包 來源:主流媒體、部落格、政府機關(衛⽣生署)、法規、安全調查結果、廠 商網⾴頁、專家學者訪談 追蹤:Google 快訊 製作:重複利⽤用與插畫家合作素材完成 ⼯工具:簡報軟體、影像編輯(Pixelmator)、製圖軟體 •

    太專業的,若無法交待清楚就需割捨 • Facebook 相簿的優勢與限制 • 誰來分享?
  74. ⾏行動上網吃飽沒解說 21

  75. 22 ⾏行動上網吃飽沒解說(續) 圖⽂文型投影⽚片懶⼈人包、圖⽚片懶⼈人包 來源:主流媒體、部落格、政府機關(NCC)、國內外法規、廠商網⾴頁、期刊 論⽂文、專家學者訪談、技術資料、國外研究 追蹤:Google 快訊 製作:發想故事,與插畫家合作 ⼯工具:簡報軟體、影像編輯(Pixelmator)、製圖軟體 •

    不要對⾃自⼰己懂的領域⾒見獵⼼心喜 • 不可減少對同⽴立場⽂文件之審慎 • 有些主題懶⼈人包效果不⼀一定好
  76. 其他 23 • 影⽚片懶⼈人包 • 懶⼈人包的懶⼈人包 • 動態懶⼈人包 • 動態網⾴頁

  77. 危機四輻的台灣 24

  78. body 網⾴頁像個⼈人 25 head <html> <head> 妝扮(CSS...) ⾏行為準則(js...) </head> <body>

    展現給別⼈人看的內容 </body> </html>
  79. 26 其他有⽤用的管道 開放資料是什麼?

  80. One more thing... 27

  81. One more thing... 27

  82. Q&A 28