07 圖表篇

Chris Lin 圖表

支出收入餘額備註說明

680

1,200 每週爸媽固定給的零用錢

135 松山到新竹

600 六福村

500 奶奶給的

80 3支原子筆

300 小華的生日禮物

500 隨身碟

100 麥當勞

800 考試100分媽媽的獎勵

800 周杰倫演唱會

1,500 生日禮物收到紅包

1,200 電腦書2本+故事書3本

這…？

您的

問題是… 主題不明確

版面凌亂

動線模糊

設計不美觀

還有救

一、

重點

五

兩

二、

對齊

三

錢

三、

美化

兩

片四、

創意

少

許

仁心仁術 ‧ 視如己親

確認主題

分析資訊

草圖構思

美術設計

設計表格四步驟

確認要傳達的目標


680


135 松山到新竹

600 六福村

500 奶奶給的

80 3支原子筆


500 隨身碟

100 麥當勞





我的一週收支表

設定視覺動線


680


135 松山到新竹

600 六福村

500 奶奶給的

80 3支原子筆


500 隨身碟

100 麥當勞






收入支出餘額備註說明


500 奶奶給的



135 松山到新竹

600 六福村

80 3支原子筆


500 隨身碟

100 麥當勞



680




500 奶奶給的

800 考試 1 0 0分媽媽的獎勵


135 松山到新竹

600 六福村

80 3支原子筆


500 隨身碟

100 麥當勞



680


1 2 3 4

1 2 3 4

1 2 3 4

1 2 3 4

表格資訊強調的方式

放大

變色

標示

背景

我要變得更美



500 奶奶給的



135 松山到新竹

600 六福村

80 3支原子筆


500 隨身碟

100 麥當勞



680




500 奶奶給的



135 松山到新竹

600 六福村

80 3支原子筆


500 隨身碟

100 麥當勞



680

我的一週

收支表

再來點有創意的

原來！

這也是表格

接下來

來看圖表

圖表有 2種

資料類

使用插入圖表功能

Design

Inspiration

Premium

Design

Subtle

Touch

Clarity &

Impact

Visual

Appealing

Visual

Impact

概念類

使用插入SmartArt功能

先來玩，圖表圖表 IQ測驗

問題01：哪個圖更容易確定是哪類美國股票佔有更大的比例？

A B

圖表IQ測驗

來源：http://www.perceptualedge.com/files/GraphDesignIQ.html

問題02：哪個線形圖更容易閱讀？

A B

圖表IQ測驗


問題03：哪種表格容易閱讀？

圖表IQ測驗

A

B 來源：http://www.perceptualedge.com/files/GraphDesignIQ.html

問題04：哪個圖形容易判斷某一時期的變化趨勢？

A

B

圖表IQ測驗


問題05：哪個圖在誤導我們對數據的認知？

A B

圖表IQ測驗


問題06：哪個地圖更容易找到與正成長率的地區呢？

A B

圖表IQ測驗


問題07：哪個圖形更容易區分出差旅費的部分？

A

B

圖表IQ測驗


問題08：哪個圖表標籤容易於閱讀？

A B

圖表IQ測驗


問題09：哪個圖表比較容易看？

A

B

圖表IQ測驗


問題10：哪個表可以更快看出表現欠佳的地區？

A

B

圖表IQ測驗


在這個測驗中，您學到了什麼？

下次您在做圖表時候，可以應用這些知識嗎？

問題解答

1、B 2、A 3、B 4、B 5、A

6、A 7、B 8、A 9、B 10、A


圖表IQ測驗

常見三種圖表類型

長條圖折線圖

圓形圖

長條圖主要特性

比較差異

X軸座標不要使用垂直標籤

如果X軸座標文字過長，可改用橫條圖

資料大小最好經過排序

建議去掉所有干擾的元素或顏色

折線圖主要特性

隨趨勢變化

線條要明顯於所有元素

刻度可以部份省略，以閃電符號標示

線條最好不超過 3個

建議去掉所有干擾的元素或顏色

圓形圖主要特性

顯示比例

不要使用 3D立體圖形

資料依大小排序，以 12點鐘刻度開始

區塊最好不超過6個

百分比差異不大時，請改用長條圖

不要使用圖表屬性功能，直接標記在圓形圖區塊上或旁邊

理解數據

選擇圖表

製作圖表

美化設計

設計圖表四步驟

簡化，去除干擾

強調特別區塊

0 20 40 60 80 100

c

b

g

a

d

e

f

青壯年小犬第四名

區塊分隔

變換顏色

標示加強資訊 No1

字體變化

圖案標籤

盡量少用3D圖表

男性女性

圖像化，但要適度

2007 報紙年發行量

iPhone應用程式下載排行

設定動畫，但要適度

0

20

40

60

80

100

120

140

2006 2007 2008 2009 2010 2011

0

20

40

60

80

100

120

2006 2007 2008 2009 2010 2011

大家動手做圖表

iPhone的使用族群，有60%是男性，40%是女性

1 問題

iPhone使用族群性別比例

男性女性

iPhone應用程式下載排行榜：遊戲(60%)、工具(20%) 、娛樂(15%) 、其他(5%)

2 問題

您使用哪種圖表？

iPhone應用程式類別下載排行

3 問題

最後一個圖表練習

iPhone族群每日使用頻率：8點(10次)、 10點(2次)、 12點(4次)、 14點(1次)、 16點(3次)、 18點(9次)

iPhone族群每日使用次數頻率

該選哪一個？

圖表

表

更專注在資料本身

圖

資料背後的意義、關係與故事

資料對觀眾而言

用有意義的故事連結聽眾的生活

2008年10月

美國政府宣布籌措

7,000億美元資金

搶救金融機構

善用類比的力量

7,000億美元=

3,500億杯

3,5億支

7,000億美元=

2,300美元美國人每人可領

2,300萬人免費讀完大學

投影片

發放圖表資料的訣竅

需要詳細解釋數據資料，才做

可在簡報的過程中，停下來發放

可以混用投影片與書面資料

07 圖表篇

Education