【自我行銷與魅力表達】吸睛簡報的技巧 part4:簡報視覺設計

65
臺北市立建國高級中學《自我行銷與魅力表達》吸睛簡報的技巧-Part 4 簡報 × 設計

Upload: tn-wang

Post on 08-Jul-2015

428 views

Category:

Presentations & Public Speaking


3 download

DESCRIPTION

教學網站 https://sites.google.com/site/artofshowingyourself/

TRANSCRIPT

Page 1: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

臺北市立建國高級中學《自我行銷與魅力表達》吸睛簡報的技巧-Part 4

簡報 × 視 覺 設計

Page 3: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

滿版出血

版面構成

Page 4: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

享受吧!一個人的旅行

圖片來源:goo.gl/fayIrL

Page 5: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

享受吧!一個人的旅行

圖片來源:goo.gl/fayIrL

Page 6: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

享受吧!

一個人的旅行

圖片來源:goo.gl/fayIrL

Page 10: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

哪一張圖比較有fu?

路在前方, 持續前行。 路在前方,持續前行。

圖片來源:unsplash

Page 11: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

早安!又是新的開始。

哪一張圖比較有fu?

早安!又是新的開始。

圖片來源:unsplash

Page 12: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

哪一張圖比較有fu?

圖片來源:SlideShare

Page 13: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

2014 FIFA World Cup

Brazil

哪一張圖比較有fu?

2014 FIFA World Cup Brazil

圖片來源:goo.gl/1xF8ZA

Page 14: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

哪一張圖比較有fu?

建中豪華

大雞排

建中豪華 雞排

Page 15: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

善用滿版出血的

視覺衝擊力與延伸感

Page 16: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

九宮格構圖法

版面構成

Page 17: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計
Page 18: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

精 ‧ 簡 猶如濃縮咖啡

圖片來源:pixabay

Page 19: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

點燃熱情

圖片來源:stockvault

Page 20: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

展望未來

圖片來源:pixabay

Page 21: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

秋意濃

圖片來源:stockvault

Page 22: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

文字與圖片主體放在

九宮格交點

Page 23: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

圖片剪裁

版面構成

Page 30: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

善用圖片剪裁的

版面移動與去蕪存菁

Page 31: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

留白之美

版面構成

Page 32: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

圖片來源:unsplash

未知 ∙ 挑戰

Page 33: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

點亮創意

圖片來源:freeimages

Page 34: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

圖片來源:Lovetoknow

讓夢想萌芽

Page 36: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

留白與簡約 凸顯主題讓版面呼吸

Page 37: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

色彩美學

版面構成

Page 38: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

明度太高 看不見文字

明度低 較容易辨識

Page 39: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

底色與文字色彩相近 看不清楚

Page 40: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

如果底圖本身有點花 就會看不清楚上面的字

Page 41: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

建議你善用 黑色半透明色塊

Page 42: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

或白色半透明色塊 讓字更清晰

Page 43: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

適當配色 其實色彩會說話

Page 44: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

圖片來源:goo.gl/KQhDRQ

Page 45: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

色彩靈感推薦網站: design-seeds.com/

Page 46: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

常見錯誤

使用圖像

本單元參考資料:Reynolds, G. (2012)。Presentationzen簡報禪:圖解簡報的直覺溝通創意 (張國儀譯)。臺北:悅知文化。

Page 47: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

1

圖片來源:freeimages

圖像比例過小

Page 48: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

2

圖片來源:freeimages

圖像隨意放置

Page 49: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

3

圖片來源:freeimages

「幾乎」滿版(但仍有差距)

Page 50: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

4

圖片來源:freeimages

圖像解析度差

Page 51: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

5

圖片來源:freeimages

圖像變形

Page 52: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

6

圖片來源:freeimages

版權浮水印

Page 54: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

8 過時的美工圖案

Page 55: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

9 同頁使用多張小圖

圖片來源:freepik

Page 56: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

0 1

圖片來源:freepik

圖像大小不一致

Page 57: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

修正版

使用圖像

Page 58: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

圖像滿版 +

文字色塊

Page 59: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計
Page 60: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

圖像與文字

九宮格構圖法

Page 61: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計
Page 62: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

多張圖像時

對齊一致

Page 63: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計
Page 64: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

有Power又有Point

Page 65: 【自我行銷與魅力表達】吸睛簡報的技巧 Part4:簡報視覺設計

臺北市立建國高級中學《自我行銷與魅力表達》吸睛簡報的技巧-Part 4

https://sites.google.com/site/artofshowingyourself/