Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
敘事傳播-以圖文處理議題(二)
Search
Hsiao-hsien Yang
May 07, 2018
Education
0
120
敘事傳播-以圖文處理議題(二)
2018年5月7日輔大大傳學士學位學程敘事傳播課程投影片。
短網址:
http://bit.ly/fjume03
相關連結需先下載 PDF 始能點擊。
CC BY-SA 4.0 (引用圖文除外)
Hsiao-hsien Yang
May 07, 2018
Tweet
Share
More Decks by Hsiao-hsien Yang
See All by Hsiao-hsien Yang
蒸個美味懶人包-附烹調實作
nchild
0
170
蒸個美味懶人包-快閃濃縮口味
nchild
1
130
蒸個美味懶人包-沒有人原味版
nchild
0
250
蒸個美味懶人包-精華濃縮口味
nchild
0
120
蒸個美味懶人包-一個沒有人的岔題之旅
nchild
0
480
蒸個美味懶人包-用圖文說好議題故事
nchild
0
130
蒸個美味懶人包
nchild
0
190
敘事傳播-如何製作圖文
nchild
0
140
敘事傳播-圖文進階探討
nchild
0
92
Other Decks in Education
See All in Education
Evaluation Methods - Lecture 6 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.1k
日本の情報系社会人院生のリアル -JAIST 修士編-
yurikomium
1
150
DIP_2_Spatial
hachama
0
170
今の私を形作る4つの要素と偶然の出会い(セレンディピティ)
mamohacy
2
110
Requirements Analysis and Prototyping - Lecture 3 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.3k
2026 g0v 零時政府年會啟動提案 / g0v Summit 2026 Kickstart
rschiang
0
390
みんなのコードD&I推進レポート2025 テクノロジー分野のジェンダーギャップとその取り組みについて
codeforeveryone
0
300
HCI and Interaction Design - Lecture 2 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.3k
Entrepreneurship minor course at HSE 2025
karlov
0
100
尊敬語「くださる」と謙譲語「いただく」の使い分け
hysmrk
0
110
生成AIとの付き合い方 / Generative AI and us
kaityo256
PRO
10
1.8k
H5P-työkalut
matleenalaakso
4
40k
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Docker and Python
trallard
46
3.6k
Thoughts on Productivity
jonyablonski
70
4.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
610
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
How to Ace a Technical Interview
jacobian
280
24k
Transcript
輔⼤⼤傳傳播敘事・bit.ly/fjume03 以圖⽂處理議題 (⼆) 楊孝先 @nchild c b a Cube Puzzle
by Luis Rodrigues from the Noun Project (CC BY 3.0 US)
公告⼤家看了嗎? 有多少組回覆呢? TronClass 討論 > 通⽤討論區 > 期末作業線上討論連結 Eye of
Sauron ©2017-2018 thelivingethan 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
⬌ 說明 故事
餵 資料 講 故事 喬 畫⾯ ↻ 蒐集 解讀 重組
排列 擺盤 調味
說個好故事 ⁇
A Good Story “Sells” 無論是理念、產品或服務
https://commons.wikimedia.org/wiki/ File:TED_wordmark.svg
7
‒ Simon Sinek “The goal is to do business with
people who believe what you believe.” 偉⼤的領袖如何⿎動⾏為 @TED
‑ 做什麼 怎麼做 為什麼 Simon Sinek 的⿈⾦圈圈 ⽣物學 理性、分析 感情→⾏為
「我們製造最棒的電腦, 他們都有美好的設計、容易 上⼿,也迎合使⽤者的要求 想買⼀台嗎?」 其他⼈怎麼賣電腦
http://bit.ly/1PKsd7N 「我們所做的每件事, 我們相信,都在挑戰現狀、 ⽤不同的⾓度思考, 我們挑戰現狀的⽅式 是讓我們的產品具有美好設計, 容易使⽤且對使⽤者友善。 我們恰巧做了很棒的電腦。」
偉⼤的領袖如何⿎動⾏為 @TED 夢想 計畫 vs. ⾺丁・路德・⾦恩演講
描述 描述 說明
說明 說服 ➜
別變成 甜甜圈
說明是讓對象『得到』 ⽽不是讓對象「知道」 Did you get it?
理性地 說個感性的故事
尾 情節 情節 頭
介紹∕基礎 結論∕⾏動 令⼈眼睛 為之⼀亮的 主要訊息 Combine ideas of Randy Krum,
Leng Ice, and Andrew Stanton 改變 創造記憶點 找出差異 承諾
受眾 啟發 作者 明⽰ +
做好說明
說明之所以重要…… 不懂 買單 贊成 拒絕 反對 ➜ ➜ ?
參與 互動 ➜ 不懂
傳遞複雜內容 容易吸收消化
不懂 懂 ➜ ʫ࢙ٙᔊʷ ڌ༺˙όٙணࠇ
摘要資料 找⽜⾁ 內容簡化 精煉 ⽂字
youtu.be/JgAw8WMrG-Y g0v 貢獻者 (CC0)
None
൱ၾHW Νఙ݈̋jЫ൱əkʫ࿇ऊࢹ !ODIJME ୋϣල܄ࣩؒၾᑺٙ૿ภ
按理說應該是這樣 分類對照 評估報告 簽署協議
簽署協議 評估報告 分類對照 可是實際情形是這樣
看圖說故事 有⼝訣 看懂特定承諾
⼀次⼀個,其餘不動 公司 ⾏號 服務 消費者 業者
跨境提供服務 只有「服務」移動到對岸
境外消費 ✈ 只有消費者移動到對岸 ✈
商業據點呈現 只有公司⾏號移動到對岸
⾃然⼈呈現 只有從業者移動到對岸
完 全 不 懂 略 懂 普 通 還 蠻
懂 領 域 專 家 表達⽅式的設計−誰對誰說
zh.taiwannuclear.wikia.com/wiki/Main_Page
prometheusis.blogspot.tw/2013/02/blog-post_22.html bit.ly/IJz3g3 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
prezi.com/2--9dhj3jhly/presentation/
_資料 哏 + 準備⾷材 __(產品、服務、相關議題……)
ㄍㄣˊ
https://youtu.be/_1-ogdQlQjU 沒有哏就像是 youtu.be/_1-ogdQlQjU 為評論、教學之必要,在合理範圍內,引⽤已公開發表之著作。
★ ★★ 使⽤哏 ★★ ★ 應⽤哏 創造哏
你媽知道你…… 別⼈眼中的…… 應⽤哏
參考群眾募資專案 創造哏
吸引 承諾 ➜ (哏)
Looks Promising ⾮內容農場標題殺⼈法
blog.baagic.com/post/34553076569/safelid 塑膠杯蓋⾏不⾏ (CC BY-SA 3.0 TW)
討論 基礎 已知 共識 ➜ (哏)
⾏動上網吃飽沒 (CC BY-SA 3.0 TW)
關⼼ 關聯 ➜ (哏)
blog.baagic.com/nukes
tisa.g0v.tw
None
None
None
http://bit.ly/1lI1ysK
理解 類⽐ ➜ (哏)
⾏動 指⽰ ➜ (哏)
單張圖⽂ 可選擇性 放在描述
腳本 ⽂案 完稿 草稿 可能需往復修改調整
MIND-MAPS-Idea-Communication-Exam-Preparation.png (CC BY 4.0)
None