想在 PowerPoint 實現網站風格的下拉選單導覽?利用「觸發器」動畫配合超連結,即可製作出點擊選單展開/收合、點擊項目跳轉頁面的互動導覽列,適合互動式教材、產品展示、自助查詢系統。
製作邏輯架構
- 主選單按鈕:觸發下拉面板展開/收合。
- 下拉面板(群組):包含多個子選單項目(矩形+文字)。
- 進入動畫(展開):所有子項「切入」自頂部進入,觸發器 = 主選單按鈕。
- 退出動畫(收合):所有子項「切出」至頂部退出,觸發器 = 主選單按鈕。
- 同步控制:第一項「單擊觸發」,其餘項「與上一個動畫同時」→ 整組同步展開/收合。
- 超連結跳轉:各子項設定超連結至對應內容投影片。
- 母版複用:將導覽列群組複製到所有內容頁,形成全站式導覽。
詳細步驟
- 繪製基礎形狀:
外框矩形 (6.2×5.2 cm) + 內框矩形 (6×5 cm) 對齊左上角 → 群組為「主選單區」。
標題列矩形 (5.8×1.2 cm) 置於內框頂部,輸入「選單」。
子選單項:矩形 (5×1.2 cm) 依序垂直排列,文字如「設計思維」「色彩設計」等。
- 設定進入動畫(展開):
選取「主選單區」群組 ► 「自訂動畫」►「新增效果」►「進入」►「其他效果」►「切入」► 方向「自頂部」。
動畫窗格中選此動畫 ► 「計時」►「觸發器」►「開始動畫時點擊」► 選「矩形: 選單」。
- 設定子項同步展開:
選取「設計思維」矩形 ► 同樣加「切入/自頂部」動畫 ► 觸發器同設「矩形: 選單」► 「計時」►「開始」改「與上一個動畫同時」。
「色彩設計」及後續項同理,全部設為「與上一個動畫同時」。
- 設定退出動畫(收合):
「主選單區」加「退出」►「切出」► 方向「到頂部」► 觸發器「矩形: 選單」► 「單擊觸發」。
各子項同樣加「切出/到頂部」退出動畫,觸發器同「矩形: 選單」,第一項「單擊觸發」,其餘「與上一個動畫同時」。
- 建立內容頁與超連結:
Ctrl+M 新增對應數量內容頁。
回到導覽頁,各子項右鍵 ►「超連結」►「此文件中的位置」► 選對應投影片。
將整組導覽列群組 Ctrl+C / Ctrl+V 貼至所有內容頁(保持相同位置)。
關鍵技巧總結
| 技巧 | 作用 |
| 群組化 | 主選單區、下拉面板整體移動、複製、動畫設定 |
| 觸發器 | 單一按鈕控制多組動畫同步展開/收合 |
| 同步開始 | 「與上一個動畫同時」實現整組零延遲聯動 |
| 進入/退出配對 | 切入/切出方向相反,形成開合閉環 |
| 母版/跨頁複製 | 全站導覽一致性,維護成本極低 |
進階延伸
- 滑鼠經過展開:觸發器選「滑鼠經過」,但需注意誤觸發體驗。
- 多層級選單:子項再掛觸發器展開第三層,邏輯同理,結構更複雜。
- 視覺回饋:按下狀態變色、箭頭旋轉 180°(需額外動畫/圖片切換)。
掌握觸發器動畫邏輯,PowerPoint 即可進化為互動式應用原型工具,快速驗證 UI/UX 設計概念。