【EP04】簡報技巧:PPT 如何精準選擇顏色?配色、色彩選擇工具完整解析!|30 堂課從 0 開始學好 PowerPoint 簡報|影片教學+文章版

EP04【30 堂課從 0 開始學好 PowerPoint 簡報】

好懂、易學、一步一步為你建立好基礎,升級職場簡報力技術!

影片版

歡迎 YouTube 訂閱起來,並開啟小鈴鐺,不錯過影片上架。


文章版

歡迎來到「 30 堂課從 0 開始學好 PowerPoint」 我是 Jason 鄭冠中。

延續前三集觀念,在我們選擇了適合的版面更改成空白母片並新增正確的文字方塊後,很高機率會透過「顏色」來凸顯重點、豐富視覺化。

因此在第四集當中,我想跟大家分享的是堪稱改變簡報質感、杜絕舊時代簡報最關鍵的一步,它叫做:「配色」。

掌握好顏色的觀念,可以顯著有效地改善中華民國美學的問題

中華民國美學

本集篇幅比較長,建議在電腦桌前,搭配 PowerPoint 軟體閱讀。


一、謹記八字口訣:「根據主題,精準配色」

1. 兩個啟示

色彩學是門很深的學問,專業的設計師對於色彩運用的掌握、運用,都是長期訓練下來的,從中我們也得出:

  1. 還沒那個本事,就不要亂配色
  2. 先相信專業,採用設計師會用的配色
https://brandcolors.net/

綜觀各大品牌的識別 Logo,即是專業設計師所決定出來的顏色,很值得我們優先學習,而且若是你在製作提案簡報時,可用客戶公司的品牌色;面試時的簡報也可用申請公司的配色,能有效提升專業與信賴。

星宇航空企業識別色

2. 以 Instagram 為例:

點此連結,許多公司甚至會有品牌守則來規範設計上時的用途依據,這些都是對於我們在製作 PowerPoint 時,一個不錯的參考!

符合規範,專業度自然提升!


二、有了主題色,那該如何配色?

1. 掌握配色公式:強調色+中性色

  1. 強調色:在關鍵處畫重點、標題凸顯、幾何圖形運用(填滿或外框)
  2. 中性色:一般文字敘述、註解補充、區隔版面&引導邏輯用的線條

如同穿衣服般,中性色黑灰白怎麼穿,大家都覺得沒意見;但如果強調色過多,拿捏不好,也就花枝招展了

掌握配色公式:強調色+中性色,精準配色,提升專業度
配出來的頁面風格簡潔,主次分明

2. 這裡有個重點是「中性色」

也就是「黑灰白」,很多同學會不習慣用灰色,實際上:「不同的灰,會有不同的質感」,舉凡科技產品常見的太空輝、鋼鐵灰…etc.

善加利用灰色的深淺,能有效地讓內容的層次呈現出來

多觀察外國網站的設計,其配色很多都有善用黑灰白來處理文字排版

三、如何精準取色?

1. 請善用色彩選擇工具

善用色彩選擇工具,操作步驟示範
Windows 版本做法
本功能需是 Office 2013 以後才可使用
(2010 的同學還是要學起來,以後總會用的著的)

基本上,在任何一個換顏色的地方,都有「色彩選擇工具」

任何一個換顏色的地方,都有「色彩選擇工具」
PPT 任何一個換顏色的地方,都有「色彩選擇工具」

2. 最常需要換顏色的時機?

不外乎下列 4 種情況:

  1. 換文字方塊顏色->選取文字後,點擊[字型色彩]
  2. 換該頁背景色->空白處按右鍵[設定背景格式]
  3. 換圖形內的背景色->選取圖形後->[圖形格式]->[圖案填滿]
  4. 換圖形的外框色->選取圖形後->[圖形格式]->[圖案外框]
PPT 色彩選擇工具,滴選企業代表色
PPT 色彩選擇工具,滴選企業代表色

換言之,只要透過色彩選擇工具,去點擊 Logo 上的顏色,即可立即精準的品牌色來做搭配。


3. Mac 版本的 PowerPoint 介面些微不同

Mac 版本不叫色彩選擇工具,叫「滴管」,藏在[更多色彩]裏頭的左側圖示

  1. 點擊[更多色彩]
  2. 點擊左下角的[滴管]
  3. 可選擇螢幕前任何的顏色

四、PowerPoint 祕技:工作區外取色

Windows 版本的色彩選擇工具有別於 Mac 版本,只能滴選工作區以內的顏色,滑到工作區以外,就無法了,如下例子:

PowerPoint 祕技:工作區外取色,Windows 電腦獨家技巧
只要離開工作區,色彩選擇工具就會消失

1. 如果想滴選電腦桌面上的 LINE Logo, 可以嗎?

長壓滑鼠左鍵不放,可選螢幕前任何顏色

出現色彩選擇工具後,長壓滑鼠左鍵不放,移動到Logo 上方,再放開
出現色彩選擇工具後,長壓滑鼠左鍵不放,移動到Logo 上方,再放開

此方式適合極致偷懶、相片 Logo 放桌面時的用法!


2. 萬一是 PowerPoint 2010 以前版本,該怎麼辦?

方法如下:

  1. 投資自己,花點小錢升級(或詢問一下你所任職的公司、就讀的學校,是否有新版微軟 Office 可下載使用)
  2. 多做幾步的替代作法:[其他色彩](Mac: 更多色彩)

2010 版本以前的同學,當你點擊[其他色彩]時,會看到下圖,意思是可輸入你要的色票代碼,即可跑出相對應的顏色。

注意每個顏色都有其色票代碼,例如紅綠藍(RGB)、HSL 等模式

我們先學 RGB 模式就好,換言之:

只要你喜歡的顏色,有辦法查到它的 RGB 就好!


五、如何查到顏色 RGB ? 分享兩方法

1. 從生活中取色:Adobe Capture

下載後開啟,對準任意物品拍照,可直接取出 5 種顏色的色票代碼

例如這本書封面的顏色,被抓出了 5 種,皆顯示在右圖上,好處是相當協調

Adobe Capture下載請點此


2. 土法煉鋼作法:小畫家

只要是 Windows 電腦,都有小畫家這小巧的程式,而它也有類似色彩選擇工具的功能,叫做[色彩選擇器],做法如下:

小畫家取色方法,色彩選擇器
小畫家查找出此黃色為 253,209,23
  1. 插入圖片
  2. 點擊[色彩選擇器]
  3. 對準要的顏色,點一下
  4. 點擊[編輯色彩],即出現[紅色、綠色、藍色代碼]
  5. 將代碼輸入回 PowerPoint [其他色彩]>[自訂]裏頭的[R,G,B]上
將 253,209,23 色碼輸入進去 PPT 其他色彩,再按確定即可
將 253,209,23 色碼輸入進去 PPT 其他色彩,再按確定即可

3. 重要提醒:克制設計慾望

善用「最近使用的色彩」

上述談的配色方法,適合大家著手使用。但根據經驗,常常教了,新手同學還是亂配色!

原因在於「手太癢」,想去點旁邊顏色的心態,這點請大家要「自我約束好+跟協作同事溝通清楚」,才不會再次陷入中華民國美學喔!

PPT 配色技巧:中性色+強調色
PPT 配色技巧:中性色+強調色
當然,如果已有一定基礎,你可以大膽嘗試其他顏色,配出更好看的感覺(自己感覺不一定準,多詢問別人的感受)

六、補充知識:如何讓文字帶有漸層效果?

以 2020 年最新的 Apple iPad Pro 的產品頁為例:

如下圖,左側的文字帶有漸層色彩,如果要在 PowerPoint 中實現,是沒問題的!

當然沒有一定要學會不可,但如果你想學,我可快速分享一下:

Windows 與 Mac 的方法一樣,下列以 Mac 介面為例

STEP 1

很重要,先「反黑」選起要要變成漸層色的「文字」,接著…

  1. [圖形格式(圖案格式)]>[文字填滿]下拉選單
  2. [漸層]>[其他漸層]
  3. [文字選項]>[漸層填滿]

STEP 2

  1. 停駐點預設四個,可按右側 x 做刪除
  2. 停駐點,左中右各一種顏色(搭配色彩選擇工具去滴顏色)

STEP 3

方向自行決定,或直接輸入角度


需注意的是:

注意右上角,有切換的選項

不要誤點到[圖案選項]中去設定漸層,因為這是指「圖案背景填滿漸層」的意思,而我們要做的是「文字內有漸層」,不能搞混呦!


一張圖帶你搞懂 PPT 文字漸層的步驟:

一張圖帶你搞懂 PPT 文字漸層的步驟
一張圖帶你搞懂 PPT 文字漸層的步驟

如果不知如何選漸層色,該怎麼辦?

可參考此網站:https://webgradients.com/

內有很多好看的漸層可供我們取色用

七、總結來說

本集提到了:

  1. 根據主題,精準配色
  2. 運用色彩選擇工具,找出正確顏色
  3. 若沒有工具,可改採小畫家、Capture 來查找 RGB
  4. 克制設計慾望,用強調色+中性色即可
  5. 文字內有漸層色的進階運用

色彩運用非一朝一夕即能所成,因此入門的同學,就謹記:「用主題調性,來決定色彩風格」。以上是第四集的分享,「30 堂課從 0 開始學好 PowerPoint」我們下集再見!


歡迎按旁邊的 follow 鍵訂閱,不錯過最新系列文章。

  1. YouTube(今年陸續上片)
  2. 官方網站
  3. 課程邀約
  4. 個人臉書
  5. 粉絲專頁
  6. 第二堂線上課【圖解表達】
  7. 第一堂線上課【自信上台】
  8. IG 追起來

https://button.like.co/jpworkshop2016

1.給予肯定:按下方的拍手圖示Clap(登入後,長壓可以跑出數字,最多 50 個拍手Clap)
2.給予支持:左側綠色拍手 Like 圖示則是化掌為賞,讀者每一按讚,作者獲得小額收入
3.分享出去:傳給有需要的朋友 :)
個人頭像照片
鄭冠中 Jason Cheng

邁傑企管顧問公司創辦人。600+ 場授課經驗、專精商業簡報技巧、上台表達培訓,平時話少演講話多,理性邏輯感性內心,獨自思考但又喜愛享受團隊氛圍。分享好知識,教學最棒的是成就他人。

文章: 96

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Footer Logo

如果您對我們的服務有任何疑問或想法,歡迎給我們發送郵件。

顧問合作:partnership@mjpcg.com

業務諮詢:contact@mjpcg.com