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
110
敘事傳播-以圖文處理議題(二)
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
160
蒸個美味懶人包-快閃濃縮口味
nchild
1
120
蒸個美味懶人包-沒有人原味版
nchild
0
240
蒸個美味懶人包-精華濃縮口味
nchild
0
120
蒸個美味懶人包-一個沒有人的岔題之旅
nchild
0
420
蒸個美味懶人包-用圖文說好議題故事
nchild
0
120
蒸個美味懶人包
nchild
0
180
敘事傳播-如何製作圖文
nchild
0
140
敘事傳播-圖文進階探討
nchild
0
90
Other Decks in Education
See All in Education
AIの時代こそ、考える知的学習術
yum3
2
190
Case Studies and Course Review - Lecture 12 - Information Visualisation (4019538FNR)
signer
PRO
1
2.1k
Online Privacy
takahitosakamoto
0
100
バックオフィス組織にも「チームトポロジー」の考えが使えるかもしれない!!
masakiokuda
0
120
IUM-03-Short Series of Functions
kanaya
0
120
質のよいアウトプットをできるようになるために~「読む・聞く、まとめる、言葉にする」を読んで~
amarelo_n24
0
190
みんなのコード 2024年度活動報告書/ 2025年度活動計画書
codeforeveryone
0
220
AI for Learning
fonylew
0
180
中間活動報告会 人材育成WG・技術サブWG / 20250808-oidfj-eduWG-techSWG
oidfj
0
360
(2025) L'origami, mieux que la règle et le compas
mansuy
0
120
Human-AI Interaction - Lecture 11 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
500
日本の教育の未来 を考える テクノロジーは教育をどのように変えるのか
kzkmaeda
1
230
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Documentation Writing (for coders)
carmenintech
73
5k
GitHub's CSS Performance
jonrohan
1031
460k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Scaling GitHub
holman
462
140k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
How STYLIGHT went responsive
nonsquared
100
5.7k
The Invisible Side of Design
smashingmag
301
51k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
470
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