###### tags: `zoego` `開` `PPT`
# PowerPoint 講義
<style>
.toc:{position: relative;}
.toc:before{
content: url(https://zoego.tech/img/logo.svg);
width:200px;
position:fixed; top:0 ; left:0;
}
body{}
.markdown-body { max-width: 900px !important;}
.markdown-body h1,.markdown-body h2{border-bottom: none;}
.ui-toc-dropdown .nav>li>a{ color: #000}
.ui-toc-dropdown .nav>.active:focus>a, .ui-toc-dropdown .nav>.active:hover>a, .ui-toc-dropdown .nav>.active>a{ color:#C00000;}
h1{ color:#4C4C6D; }
.h2{ color:#52006A; background-color:#A2DBFA; line-height:1.8em;font-size:.9em;display:block; padding-left:10px;border-radius:5px;}
h3{ color:#BF1363; }
.h4{color:#000099; font-size:1.2em;}
.h5{color:#7030A0; font-size:1.2em;}
.img3{ width:30px; display:inline-block;margin:0 5px;}
.img4{ width:40px; display:inline-block;margin:0 5px;}
.img5{ width:50px; display:inline-block;margin:0 5px;}
.img6{ width:60px; display:inline-block;margin:0 5px;}

.img20{ width:20%; margin:20px auto; display:block; text-align: center;}
.img30{ width:30%; margin:20px auto; display:block; text-align: center;}
.img40{ width:40%; margin:20px auto; display:block; text-align: center;}
.img50{ width:50%; margin:20px auto; display:block; text-align: center;}
.img60{ width:60%; margin:20px auto; display:block; text-align: center;}
.img70{ width:70%; margin:20px auto; display:block; text-align: center;}
.img80{ width:80%; margin:20px auto; display:block; text-align: center;}
.img90{ width:90%; margin:20px auto; display:block; text-align: center;}
.img100{ width:100%; margin:20px auto; display:block; }
.urlr{ text-align:right; line-height:1.5em;display:block;}
.urll{ line-height:1.5em;display:block;}
.step{ padding-left:1.5em;color:blue;font-size:1.1em; }

.ex{color:#333399 ; font-size:1.2em; font-weight:bold; line-height:1em;}

iframe{ width:850px; height:478px; display:block; margin:auto; border-width: 0;border:2px solid #000;}

.markdown-body code { border: 1px solid #000; margin:0 5px;}
.markdown-body pre>code { font-size: 1.3em; }
.markdown-body pre { border: 1px solid #ccc !important; background-color:#fffedb;
}

/* 表格 設定 */
.markdown-body table {
width: fit-content;
margin: auto;
}
.markdown-body table th, .markdown-body table td {
border: 1px solid #7F7F7F;
}
.tableTitle{text-align:center; display:block;}

.red{color:#BF1363;font-weight:bold;}
.blue{color:#265F92;font-weight:bold;}

.markdown-body table th, .markdown-body table td {
border: 1px solid #7F7F7F;
}

.alert-warning { border-width: 2px; width: 60%; margin: auto;}
.textc{text-align:center; display:block;}

.page{display:flex; justify-content: right;}
.page span{
background:#ffdd75;border:1px solid #d1a128;border-radius:5px; padding:5px;color:#000;text-align:right; float:right;
}
.title{ text-align:center; border:3px solid #000; display:block; border-radius:5px; padding:5px}
.youtube{
position:relative;
}
.youtube:before{
content:"";
display:block;
position:absolute;
top:50%;
left:50%;
z-index:1;
transform:translate(-50%,-50%);
width:80px;
height:80px;
background:url(https://zoego.tech/img/icon_youtube2.png);
background-size: contain;
border-radius: 10px;
box-shadow: 1px 1px 3px #000;
}
</style>

:::warning
<span class="textc" style="font-weight:bold; font-size:1.2em">課程講師資訊</span>巨匠電腦講師：呂心怡
E-mail：[e-mail] <span class="urll">[課程練習下載區：https://bit.ly/3B5DsDx](https://bit.ly/3B5DsDx) </span>
:::

# 一、準備工作
## <span class="h2">A、工具配置【快速存取工具列】</span>
### 1、 原始指令
【檔案】> 選項 > 【快速存取工具列】
<a href="https://hackmd.io/_uploads/rkEiEmvEY.png"><span class="img100">
</span></a>
### 2、 設定方式
針對【常用的指令按鈕】＞右鍵【新增/移除至快速存取工具列】
<span class="img50"></span>
### 3、 一般建議
快速存取工具列：所有Word、Excel及PPT皆相同建議
<span class="img70"></span>
### 4、 個人建議
依個人使用PPT時，有些指令重覆使用，故建議置於快速存取工具列
🔶 複製格式
🔶 選取窗格
<span style="padding-left:1.5em;color:blue;">指令：【常用】＞【選取】＞【選取窗格】</span>
<span class="img30"></span>
🔶 母片相關工具

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold; border:1px solid;line-height:2em;border-radius:5px">工具1</span><span style="padding-left:1.5em;color:blue;">【檢視】>【投影片母片】</span><span class="img30"></span>

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold; border:1px solid;line-height:2em;border-radius:5px">工具2</span><span style="padding-left:1.5em;color:blue;">S1.啟動工具1</span>
<span style="padding-left:1.5em;color:blue;">S2.【投影片母片】>【關閉母片】</span>
<a href="https://hackmd.io/_uploads/B1RG1EvEK.png"><span class="img100" style="border:1px solid #000"></span></a>

🔶 物件對齊工具
<span style="padding-left:1.5em;color:blue;">S1.選取任一物件</span>
<span style="padding-left:1.5em;color:blue;">S2.【對齊】、【組成群組】、【旋轉】</span>
<span class="img50" style="border:1px solid #000"></span>
🔶 輔助線，協助物件對齊
<span style="padding-left:1.5em;color:blue;">指令：【檢視】＞勾選【輔助線】</span>
<span class="img30" style="border:1px solid #000"></span>
|快速鍵|說明|
|-|-|
||◻ 直接移動輔助線以尺規距離為單位<br>◻ 預設以 0.1 固定單位移動|
|`Ctrl`|新增輔助線，預設以 0.1 固定單位移動|
|`Shift`|自起始位置為基點0，顯示移動位置|
|`Alt`|顯示移動位置，其移動單位小於 0.1 微調|

## <span class="h2">B、善用【快速鍵】</span>
在簡報製作中，使用快速鍵讓調整物件上事半功倍，故課程中介紹常被忽略的好用快速鍵。

<span class="img90"></span>

<span style="display:block;text-align:right">(練習範例)</span><span class="img60"></span>

## <span class="h2">C、指令規劃基本原則</span>
### 1、指令規劃基本原則
<span class="img40">
</span>
### 2、各功能界面情形
<a href="https://hackmd.io/_uploads/Hyt1EyaNY.png"><span class="img100"></span></a>

# 二、素材取得
## <span class="h2">A、圖片處理建議</span>
### 1. PPT指令
#### <span class="h4"> (1) 圖片去背工具 </span>
<span class="img80"></span>
#### <span class="h4"> (2) 圖片壓縮 </span>
<span class="img100">
</span>

### 2. 圖片去背工具
|網址|logo|
|-|-|
|https://www.remove.bg/ | |
|https://picwish.com/tw/| |

### 3. 線上圖片壓縮
|https://tinypng.com/| |
|-|-|
### 4. 常用圖檔格式
<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹點陣圖🔹</span>
|類型|說明|
|-|-|
|<span class="red">Webp</span>|1.WebP是Google新推出影像技術，讓網頁圖檔有效進行壓縮，又不影響圖片實際清晰度，讓網頁下載速度加快<br>2.目前許多軟體不支援，需要藉由工具轉換為常用圖檔格式<br>(1) 方法1：加入 [Chrome 套件](https://chrome.google.com/webstore/detail/save-image-as-type/gabfmnliflodkdafenbcpjdlppllnemd/related)<br>【圖片另存為JPG/PNG/WebP】，加入後針對想下載圖片，按右鍵即可選擇轉換格式<br>(2)方法2：線上轉檔網站，例如：[iLoveIMG](https://www.iloveimg.com/zh-tw/convert-to-jpg/webp-to-jpg)|
|<span class="red">jpg、jpeg</span>|主要儲存照片、支援全彩、不支援透明及動畫、網頁圖片由Webp取代趨勢|
|<span class="red">png</span>|取jpg與gif優點，全彩、透明，但不支援動畫|
|GIF|多張圖片依序顯示，營造動畫效果、圖片色彩少、支援透明及動畫|
|tiff、tif|傳統影像印刷、掃瞄檔|
|BMP|點陣圖、支援全彩、檔案大、早期圖檔格式|
|PSD|PhotoShop檔案，需要專業軟體開啟|

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹向量圖🔹</span>
|類型|說明|
|-|-|
|<span class="red">SVG</span>|可縮放向量圖形，可由瀏覽器檢視圖檔，現階段流行格式|
|WMF|向量圖檔、任意放大縮小品質不失真、早期圖檔格式，由SVG取代|
|EPS、Ai|需要Adobe illustrator專業軟體開啟|
|swf|需要Adobe Flash專業軟體開啟，已被程式語法取代|

## <span class="h2">B、圖片素材</span>
<span class="red">「無著作權（CC0）」高解析度圖片網站，</span>
使用者可以將圖片運用在各種用途，無需支付任何費用、標記原作者名稱。
|<span style="text-align:center; display:block;">連結網址</span>|<span style="text-align:center; display:block;">logo</span>|<span style="text-align:center; display:block;">說明</span>|
|-|-|-|
|https://pixabay.com/zh/||JPG、Video|
|https://librestock.com/||JPG、Video|
|https://www.foodiesfeed.com/||食物圖片||https://stocksnap.io/||JPG|
|https://zh.pngtree.com/||PNG|
|https://favpng.com/||PNG|
## <span class="h2">C、圖形素材</span>
<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 常用圖形 🔹</span>
|<span style="text-align:center; display:block;">連結網址</span>|<span style="text-align:center; display:block;">logo</span>|<span style="text-align:center; display:block;">說明</span>|
|-|-|-|
|http://undraw.co/illustrations||JPG、SVG|
|https://www.manypixels.co/gallery/||JPG、SVG|
|https://www.flaticon.com/||ICON、SVG|
|https://www.iconfinder.com/||ICON、SVG|
|https://www.svgrepo.com/|<span class="img40"></span></a>|ICON、SVG|

SVG網站參考：<span class="urll" style="display:inline">[【👆中央氣象局(首頁)】](https://www.cwb.gov.tw/V8/C/) </span>

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 需要Adobe illustrator 專業軟體 🔹</span>※需註明出處
|<span style="text-align:center; display:block;">連結網址</span>|<span style="text-align:center; display:block;">logo</span>|<span style="text-align:center; display:block;">說明</span>|
|-|-|-|
|https://www.freepik.com/||Ai檔、圖片|
|https://www.vecteezy.com/||Ai檔、圖片|

## <span class="h2">D、色彩組合建議</span>
### 1. 色彩設計基本概念

(1) [BrandColors](http://brandcolors.net/) 收錄世界知名品牌「顏色」色碼，可快速下載、獲取色票資訊。

(2) 色彩三要素與配色小訣竅

<a href="https://hackmd.io/_uploads/By1n2JvEF.png"><span class="img100"></span></a>

<span class="urll">[摘自：美棻的圖解筆記思考教室](https://nancywei.org/2019/06/04/the-color-we-use-in-ppt/)</span>

(3) 為了保持乾淨的外觀，建議
<span class="red" style="padding-left:1.5em;">文字類簡報：不使用超過3~4種顏色</span><br><span class="red" style="padding-left:1.5em;">圖型類簡報：選擇4~6種顏色進行套用</span>

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 選用色彩簡單原則 🔹</span>
參考網站：
https://www.managertoday.com.tw/articles/view/59997
<span class="step">先從色相環中挑選兩種色，貫穿簡報的【基色】，基色對面色彩標示為【重點色】，基色兩側【相近色】作為輔助色。</span>
<a href="https://hackmd.io/_uploads/rJwickD4t.png"><span class="img80"></span></a>
### 2. 色票建議
<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 簡報人氣配色組 🔹</span>

<a href="https://hackmd.io/_uploads/Bke44mwVt.png">
</a>
摘自：經理人特刊第33期搞定powerpoint

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 色票組合提供 🔹</span>
|<span style="text-align:center; display:block;">連結網址</span>|<span style="text-align:center; display:block;">logo</span>|<span style="text-align:center; display:block;">說明</span>|
|-|-|-|
|https://colorhunt.co/||色票組合|
|https://www.schemecolor.com/||色票組合|
|https://color.adobe.com/zh/create/color-wheel||色票組合|
|http://brandcolors.net/||企業色票|

[BrandColors](http://brandcolors.net/) 收錄世界知名品牌「顏色」色碼，可快速下載、獲取色票資訊

<span style="text-align:center; display:block;color:#766161;font-size:1.2em;font-weight:bold;">🔹 提供照片顯示顏色組合 🔹</span>
|http://www.cssdrive.com/imagepalette/||
|-|-|

## <span class="h2">E、地圖應用</span>
製作商業簡報時，經常需要結合地理資訊呈現出重點內容。例如：說明全球營業據點的分佈概況、展現各地產品的銷售業績。
相較於使用表格或圖表，採取地圖結合資訊與數據的作法，除了可以顯示資料之間的關連性與視覺性之外，亦能大幅提升簡報的說服力。
|網址|地圖形態|
|-|-|
|[維基百科：新北市地理位置圖](https://zh.wikipedia.org/wiki/Template:Location_map_Taiwan_NewTaipei)|<a href="https://hackmd.io/_uploads/B1ZRHsJSF.png"><span class="img100"></span></a>|
|[維基百科：臺灣地理位置圖模板](https://zh.wikipedia.org/wiki/Category:%E8%87%BA%E7%81%A3%E5%9C%B0%E7%90%86%E4%BD%8D%E7%BD%AE%E5%9C%96%E6%A8%A1%E6%9D%BF)|<a href="https://hackmd.io/_uploads/rkY9mi1SY.png"><span class="img100"></span></a>|
|[維基百科：台北市地理位置圖](https://zh.wikipedia.org/wiki/Template:Location_map_Taiwan_Taipei)|<a href="https://hackmd.io/_uploads/H1lKUskrK.png"><span class="img40"></span></a>|
|[文件：台灣中華民國政區地圖.svg](https://zh.wikipedia.org/wiki/File:Taiwan_ROC_political_division_map.svg)|<a href="https://hackmd.io/_uploads/Bk3gPjySt.png"><span class="img40"></span></a>|
|[臺灣地理位置圖](https://zh.wikipedia.org/wiki/Template:Location_map_Taiwan)|<a href="https://hackmd.io/_uploads/H1H6wskrt.png"><span class="img100"></span></a>|
|[plotdb](https://plotdb.com/chart/2200/#/)|<a href="https://hackmd.io/_uploads/BkVyRjJSK.png"><span class="img100"></span></a>|

## <span class="h2">F、簡報範本</span>
### 1、 圖解型範本
<span style="display:block;text-align:right">(參考網站)</span><a href="https://zh.pikbest.com/powerpoint/"><span class="img100">
</span></a>
### 2、 母片 / 背景型範本
<span style="display:block;text-align:right">(參考網站)</span><a href="https://www.slidemembers.com/en_US/category/PPT-Templates/6/?scale=20&sort=date"><span class="img100">
</span></a>

# 三、簡報完成稿後
## <span class="h2">A、個人資訊移除</span>
【檔案】>【資訊】>【查看問題】>【檢查文件】
<a href="https://hackmd.io/_uploads/.png"><span class="img60"></span></a>
## <span class="h2">B、自訂放映</span>
<a href="https://hackmd.io/_uploads/SJSfSwFrK.png"><span class="img100"></span></a>
## <span class="h2">C、列印說明</span>
<a href="https://hackmd.io/_uploads/ByKHIPtrt.png"><span class="img100"></span></a>
## <span class="h2">D、 啟動簡報者檢視畫面</span>
<a href="https://hackmd.io/_uploads/B1govvtSt.png"><span class="img100"></span></a>

# 四、 【設計】投影片整體美化
<a href="https://hackmd.io/_uploads/SJaRJ2KrK.png"><span class="img100"></span></a>

📌<span class="red">【說明】</span>
1. 練習選取：【Shift】連續、【Ctrl】不連續挑選
2. 佈景主題應用：其先決條件，應使用<span class="red">佈景主題</span>色彩及字型

# 五、 【切換/轉場】投影間轉場動畫
📌<span class="red">【工作事項】</span>
* 切換至【投片瀏覽模式】
* 規劃投影片放映時間
<span class="step">【投影片放映】>【排練計時】</span>
* 務必自行學習【轉化】轉場特效功能

<a href="https://hackmd.io/_uploads/SJ-NbhFSt.png"><span class="img100"></span></a>

# 六、 【動畫】物件動畫
## <span class="h2">A、 動畫指令介紹</span>
<span class="red">S0：啟動【動畫窗格】</span>
S1：選取物件
S2：指令安排
<a href="https://hackmd.io/_uploads/r1qbvnKSY.png"><span class="img100"></span></a>

|(A)動畫方式|(B)啟動時機|(&#067;)可動畫物件|
|-|-|-|
|◾ 進入<br>◾ 強調<br>◾ 結束<br>◾ 影片路徑|◾ 按一下<br>◾ 接續前動畫<br>◾ 與前動畫同時<br>◾ 觸發程序(2010強化功能)|◾ 圖片<br>◾ 文字(單行、多行)<br>◾ SmartArt<br>◾ 圖表<br>◾ 表格<br>◾ 多媒體(音訊、影片)|

## <span class="h2">B、 移動路徑設定</span>
<a href="https://hackmd.io/_uploads/By_xuhtBF.png"><span class="img40"></span></a>

📌<span class="red">【功能相同於編輯圖案工具】</span>
<a href="https://hackmd.io/_uploads/B1u7q3FHF.png"><span class="img100"></span></a>
## <span class="h2">C、 影音與動畫結合</span>

### 1、 影片旁白加入
<span class="blue">目的：【書籤】觸發【物件】</span>
<span class="step">S1.針對物件設定動畫</span>
<span class="step">S2.`螢幕右側`動畫窗格，點選物件動畫</span>
<span class="step">S3.【動畫】＞【觸發程序】＞【由書籤觸發】</span>
### 2、 遙控器使用
<span class="blue">目的：【物件】觸發【書籤】</span>
<span class="step">S1.點選書籤找到【動畫搜尋鈕】</span>
<span class="step">&#12288;&#12288;note：第2次以後搜尋鈕自【進階動畫】工作群組 ＞ 【新增動畫】</span>

<span class="step">S2.`螢幕右側`動畫窗格，點選書籤動畫搜尋鈕</span>
<span class="step">S3.【動畫】>【觸發程序】>【按一下時】</span>

## <span class="h2">D、 循環動畫技巧</span>
<span class="step">S1. 循環動畫的技巧原則，是同一物件二張進行移動替代</span>
<a href="https://hackmd.io/_uploads/S1wktiHHK.png"><span class="img100"></span></a>
<span class="step">S2. 設定移動路徑：線條(向右)，其線條為一張地圖的長度。</span>
<a href="https://hackmd.io/_uploads/ByX59iHSt.png"><span class="img100"></span></a>
<span class="step">S3. 依下圖，進行動畫微調。</span>
<a href="https://hackmd.io/_uploads/SyOY0iHrY.png"><span class="img100"></span></a>
# 七、 互動式簡報 (超連結應用)
互動簡報基本設定：利用超連結功能與瀏覽者產生互動
## <span class="h2">A、 基本設定</span>
<span class="step">S1. 設定位置及方法</span>
|設定位置|設定方法|
|-|-|
|◼ 文字<br>◼ 動作按鈕(快取圖案)<br><span style="padding-left:2em">◽ 動作按鈕</span><br><span style="padding-left:2em">◽ 快取圖案</span><br>◼ 圖片|◼ 超連結<br><span style="padding-left:2em">◽ Word、Excel、PPT皆適用</span><br><span style="padding-left:2em">◽ 僅動畫 (按下)</span><br>◼ 動作設定<br><span style="padding-left:2em">◽ 僅PPT</span><br><span style="padding-left:2em">◽ 動畫及聲音 (按下及滑過)</span>|

<span class="img60"></span>
<span class="step">S2. 放映後，投影間切換確認</span>
<span class="img60"></span>
<span class="red">📌 說明</span>：請善用 ，跳到同一檔案之投影片、其他 PPT 檔案、其他應用程式 跳到其他應用程式例如： word 、excel、跳到其他網頁。
## <span class="h2">B、 互動簡報：色彩的影響</span>
因【設計】> 佈景主題之下【色彩】，影響整個檔案、整張簡報的所有色彩。
|複製 / 貼上|已/未瀏覽色彩|
|-|-|
||<span style="border:1px solid #000; display:block"></span>|

## <span class="h2">C、 假按鈕設定</span>
S1.利用【插入】＞ 圖案繪製圖形
S2.【繪圖工具】＞【圖案樣式】工作群組
<span class="img50"></span>
|圖案外框|圖案填滿|
|-|-|
|無外框|(X)：無填滿<br>(O)：透明度100%<br><span class="img60"></span>|

# 八、簡報圖解美化技巧
## <span class="h2">A、善用軟體提供的好工具</span>
### 1、 智慧型輔助線
<a href="https://hackmd.io/_uploads/Hy5J5V7SF.png"><span class="img100"></span></a>

### 2、 輔助線
📌 <span class="blue">【檢視】>【輔助線】勾選</span>

|快速鍵|說明|
|-|-|
||◻ 直接移動輔助線以尺規距離為單位<br>◻ 預設以 0.1 固定單位移動|
|`Ctrl`|新增輔助線，預設以 0.1 固定單位移動|
|`Shift`|自起始位置為基點0，顯示移動位置|
|`Alt`|顯示移動位置，其移動單位小於 0.1 微調|

### 3、 編輯端點
<a href="https://hackmd.io/_uploads/rJQx1SXrF.png"><span class="img100"></span></a>
### 4、 合併圖案
<a href="https://hackmd.io/_uploads/H117gBmBK.png"><span class="img100"></span></a>

## <span class="h2">B、 常用圖解基本元素繪製方法</span>
### 1、 正六角繪製法方法
<a href="https://hackmd.io/_uploads/rJIyOrXrK.png"><span class="img100"></span></a>

### 2、 圓角三角形繪製法
<a href="https://hackmd.io/_uploads/BykDsS7rF.png"><span class="img100"></span></a>

## <span class="h2">C、 善用【SmartArt】(SA)</span>
### 1、 組織圖建立
<span style="font-size:1.1em; color:#0070C0; font-weight:bold;text-decoration: underline;">🔶 新增圖案原則：重點是【選取主角】產生白點之下元素</span>
<a href="https://hackmd.io/_uploads/B17FDDTNK.png"><span class="img100"></span></a>

### 2、 利用SA輕鬆建立特殊圖形
<span style="display:block;text-align:right">(課程範例1)</span><a href="https://hackmd.io/_uploads/BkQwDLXSF.png"><span class="img100"></span></a>
<!-- <span class="urll">[參考：2分40秒製作資訊圖表_善用SA](https://www.pook.com.tw/post/2%E5%88%8640%E7%A7%92%E8%A3%BD%E4%BD%9C%E8%B3%87%E8%A8%8A%E5%9C%96%E8%A1%A8)</span> -->
<span style="display:block;text-align:right">(課程範例2)</span><a href="https://hackmd.io/_uploads/BJU3yD7SK.png"><span class="img100"></span></a>

## <span class="h2">D、 改善2016版本無法應用SVG困擾</span>
2016版本雖然終於可於加入好用的SVG圖，但在2019版本之後才可以進行編輯，故運用將圖片改為EMF格式，雖然編輯程度仍有限，但總是可以試試。

<span class="step">S1. 利用複製>選擇性貼上為>圖片(EMF檔)</span>
<span class="step">S2. 改為圖片(EMF檔)後，可利用右鍵>取消群組>以利編輯</span>
<span class="step">S3. 修改元素後，務必組成群組</span>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube N4n1Uf4rd9c %}
## <span class="h2">E、如何設計具有質感圖片</span>
### 1、 圖形 + 填滿圖片
<a href="https://hackmd.io/_uploads/BkMNYnmrF.png"><span class="img100"></span></a>

### 2、 圖形 + 母片：快速填入多張圖片
<span class="step">S1. 進入母片環境：【檢視】>【投影片母片】，依下圖執行：</span><a href="https://hackmd.io/_uploads/ByidphXBF.png"><span class="img60"></span></a><span class="step">S2. 依下圖執行步驟，<span class="red">在聯集圖案前，應先選擇版面配置的圖形，再選擇上一步驟的圖形</span>：</span><a href="https://hackmd.io/_uploads/ry7WJpQHF.png"><span class="img100"></span></a><span class="step">S3. 關閉母片環境，如下圖步驟執行：</span><a href="https://hackmd.io/_uploads/S15EZ6QBY.png"><span class="img100"></span></a>

## <span class="h2">F、 剪裁圖片比例的重要性</span>
<span class="red">圖形填滿圖片後，造成圖片比例可能被破壞，故需要如下步驟還原圖片比例。</span><a href="https://hackmd.io/_uploads/r1RpHa7rK.png"><span class="img100"></span></a>

<a class="btn btn-btn btn-warning" href="https://zoego.tech/pptslider/PPT_img01_layout.html">展開</a>
<iframe src="https://zoego.tech/pptslider/PPT_img01_layout.html" ></iframe>

## <span class="h2">G、 如何凸顯重要元素</span>
### 1. 遮避不重要的區域
<span class="step">透過半透明圖形，遮避不重要的區域，凸顯重要元素，步驟如下圖：</span><a href="https://hackmd.io/_uploads/rJVHHRmrt.png"><span class="img100"></span></a>
### 2. 放大想要凸顯重要元素
<span class="step">透過圖片剪裁 / 填滿圖片於圖形，並放大想要凸顯重要元素，步驟如下圖：</span><a href="https://hackmd.io/_uploads/BkqkiCQSt.png"><span class="img100"></span></a>
### 3. 運用技巧設計簡報版型
<a href="https://hackmd.io/_uploads/SJOhp0mrt.png"><span class="img100"></span></a>

# 九、數據資訊加入技巧
## <span class="h2">A、善用Excel嵌入PPT製作數據表格</span>
### 1、Excel製表
通常的工作模式習慣是利用Excel數據整理及資料分析，最後由PPT製作簡報數據發表，但將數據結果貼入PPT時公式將遭移除並且需重新美化，甚至在簡報未發表前，可能會因發現問題得反覆修改重新計算及美化，不如運用Excel可加入公式讓數據修改有彈性，再以嵌入方式貼入簡報中。
S1：利用Excel進行數據美化
(1)【常用】>【條件式格式設定】
<a href="https://hackmd.io/_uploads/SJwNUFM_9.png"><span class="img60"></span></a>
(2) 【插入】>【走勢圖】繪製小型圖表
選取想要顯示小型圖表的的範圍，在【插入】索引標籤之下，【走勢圖】工作群組內選擇適合圖表類型，以利快速了解數據與圖表變化情形。
<a href="https://hackmd.io/_uploads/r1XBvYGu9.png"><span class="img60"></span></a>
S2：從Excel貼入PPT中
在PPT之下，點選【貼上】鈕下方的【選擇性貼上】指令，以Excel丄作表物件方式貼入，如此一來，當想要修改資料數據時，可以在貼入PPT的Excel工作表中快按2下，進行Excel修改，修改完成在PPT空間上按1下，結束修改即可。
<a href="https://hackmd.io/_uploads/r1d1TKM_5.png"><span class="img80"></span></a>
顯示結果：
<a href="https://hackmd.io/_uploads/HJA7Otzuq.png"><span class="img80"></span></a>
### 2、PPT善用放大鏡遮罩及動畫功能
善用放大鏡遮罩及動畫功能，讓主講者更能發揮淋漓盡致
上台說明簡報時，都會需要循序漸進逐一重點說明時，在講述過程中將其他地方以半透明方式隱藏，並利用動畫放大數據強化目前正在說明的視覺重點。
<a href="https://hackmd.io/_uploads/rkS29YG_q.png"><span class="img80"></span></a>

## <span class="h2">B、何謂適用圖表？</span>
### 1、長條圖
<a class="btn btn-btn btn-warning" href="https://zoego.tech/pptslider/PPT_chart01_bar.html">展開</a>
<iframe src="https://zoego.tech/pptslider/PPT_chart01_bar.html" ></iframe>

### 2、折線圖
<a href="https://hackmd.io/_uploads/S1HBNwlBF.png"><span class="img100" style="border:2px solid #000">
</span></a>

### 3、圓形圖 / 環圈圖
<a class="btn btn-btn btn-warning" href="https://zoego.tech/pptslider/PPT_chart03_pie.html">展開</a>
<iframe src="https://zoego.tech/pptslider/PPT_chart03_pie.html" ></iframe>

### 4、雙Y軸圖
<a href="https://hackmd.io/_uploads/S1Bmrwgrt.png"><span class="img100" style="border:2px solid #000">
</span></a>

### 5、善用2016新圖表
<a class="btn btn-btn btn-warning" href="https://zoego.tech/pptslider/PPT_chart05_2016chart.html">展開</a>
<iframe src="https://zoego.tech/pptslider/PPT_chart05_2016chart.html" ></iframe>

### 6、參考網站
#### <span class="h4"></span>
<a href="https://www.slidemembers.com/en_US/category/Chart/Column/1/"><span class="img100" style="border:1px solid #000;padding:10px">
</span></a>

#### <span class="h4"></span>
<a href="https://infograpia.com/products/chart-infographics"><span class="img100" style="border:1px solid #000;padding:10px">

</span></a>

#### <span class="h4"></span>
<a href="https://slidemodel.com/templates/category/powerpoint/data-chart/page/2/"><span class="img100" style="border:1px solid #000;padding:10px">
</span></a>

## <span class="h2">C、常用簡報圖解</span>
### 1、常用簡報圖解
<a class="btn btn-btn btn-warning" href="https://zoego.tech/pptslider/PPT_layout01_frame.html">展開</a>
<iframe src="https://zoego.tech/pptslider/PPT_layout01_frame.html" ></iframe>

### 2、參考網站
#### <span class="h4"></span>
<a href="https://www.slidemembers.com/en_US/category/Diagram/1/"><span class="img100" style="border:1px solid #000;padding:10px">
</span></a>

#### <span class="h4"></span>
<a href="https://infograpia.com/products/timeline-infographics"><span class="img100" style="border:1px solid #000;padding:10px"></span></a>

#### <span class="h4"></span>
<a href="https://slidemodel.com/templates/tag/roadmap/"><span class="img100" style="border:1px solid #000;padding:10px"></span></a>
## <span class="h2">D、不同應用程式間資料填入</span>
辦公室軟體都各有所專長，我們會在Excel執行數據分析及圖表繪製後，放到Word寫入報告中，在PowerPoint簡報資訊共享，但數據分析結果複製後，多數人都是直接貼入，導致轉為一般表格貼入而公式移除，又得重新美化的困擾，藉由貼入PowerPoint為例來說明。
指令：【貼入】>【選擇性貼入】
<a href="https://hackmd.io/_uploads/r1d1TKM_5.png"><span class="img80"></span></a>
但選擇【貼入】或【貼入連結】方法，各有優缺點。
<span class="red">(1)【貼上】時</span>
<span style="display:block; text-indent:-5rem;margin-left:5rem"><span class="blue">優點：</span>因Excel資料是直接嵌入，與原先檔案已無關聯，故在修改上十分方便</span>
<span style="display:block; text-indent:-5rem;margin-left:5rem"><span class="blue">缺點：</span>為了保留Excel原先計算關聯，故可以發現是Excel整個檔案嵌入簡報中；當貼入多張Excel表格，即是貼入多個Excel檔案，造成PowerPoint檔案變大。</span>
<span class="red">(2)【貼上連結】時</span>
<span style="display:block; text-indent:-5rem;margin-left:5rem"><span class="blue">優點：</span>因Excel是連結方式貼入，則是記錄原先Excel檔案存放路徑，當來源檔案修改時，簡報上的資料數據也會跟著更動。</span>
<span style="display:block; text-indent:-5rem;margin-left:5rem"><span class="blue">缺點：</span>也因為是與Excel檔案來源連結，當Excel檔案路徑更動則會讓簡報找不到檔案，也可能我們將簡報檔郵寄給其他人時，無Excel檔案來源而無法修改Excel表格數據。</span>
<span class="red">(3)注意事項：</span>若含注意機密資料，建議以【貼上連結】或【貼入圖片】方式貼入。

# 九、PPT新功能(影片)
## <span class="h2">A、SVG圖片類型介紹</span>
### (1) 說明

<a href="https://hackmd.io/_uploads/SyoAh1oiK.png"><span class="img100"></span></a>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube N4n1Uf4rd9c %}

## <span class="h2">B、影片加字幕方法</span>
<a href="https://hackmd.io/_uploads/BkTvpJioK.png"><span class="img100"></span></a>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube i1Xd2iPTViQ %}

## <span class="h2">C、繪圖【筆跡】加入</span>
簡報用寫的更有趣
<a href="https://hackmd.io/_uploads/HkDAaksiF.png"><span class="img80"></span></a>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube nZMN8n-qniE %}

## <span class="h2">D、摘要目錄的製作</span>
<a href="https://hackmd.io/_uploads/ryjhA1ijY.png"><span class="img50"></span></a>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube RTKm762PhC0 %}

## <span class="h2">E、【轉化】特效</span>
### 1、介紹
<a href="https://hackmd.io/_uploads/BJ3Y1goit.png"><span class="img100"></span></a>

<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube qDzi7xGsPvA %}

### 2、範例：玩具總動員人物介紹
<span style="color:#b71c1c; display:block; background:#fce4ec; text-align:center; line-height:2em">【Youtube】</span>
{%youtube PaFqlFweaYs %}

# 十、PPT(補充)
## <span class="h2">A、 利用VBA建立超連結</span>
<span class="urll">[參考語法(連結)](https://docs.microsoft.com/zh-tw/office/vba/api/powerpoint.actionsetting) </span>

With ActivePresentation.Slides(1).Shapes(3) _ 
    .TextFrame.TextRange.Find("連結文字").ActionSettings(ppMouseClick) 
    .Action = ppActionHyperlink 
    .Hyperlink.Address = "網址" 
End With

<!-- https://www.excelvbasolutions.com/2018/12/add-hyperlinks-in-powerpoint-excel-vba.html -->
<!-- https://www.youtube.com/watch?v=2jVQifazbXA -->