Embedded Files
可透過以下按鈕，前往取得本單元練習檔案
可透過以下按鈕，前往取得本單元練習檔案
單元介紹
單元介紹
概述
概述
在 Figma 當中 Prototype 指的是類似動畫的功能模組，可以在設計好的頁面基礎上，加入各種動態效果。
本單元將帶領讀者使用 Prototype 動態實作技巧，完成以下相關練習，包含：導覽至下一頁、覆蓋視窗、回到頁面頂端、移動至頁面區塊、輪播轉場效果等。
重點學習技巧
重點學習技巧
技巧一：認識 Figma Prototype（原型）
技巧二：透過 Prototype 測試不同裝置選項
技巧三：熟悉 Prototype 的相關任務功能
技巧四：透過拉線配置 Prototype 頁面動態串接
技巧五：Prototype 的多種觸發行為
技巧六：Prototype 的各類動畫效果
技巧七：Prototype 動畫速度效果
技巧八：控制圖層溢出滾動方式 Overflow scrolling
技巧九：熟悉 Figma 播放模式
單元實作範例
單元實作範例
實作一：導覽至某頁 (Navigate To)
實作一：導覽至某頁 (Navigate To)
實作二：Open overlay 效果 (打開覆蓋型視窗)
實作二：Open overlay 效果 (打開覆蓋型視窗)
實作三：Scroll to 效果(捲動回到頁面頂端)
實作三：Scroll to 效果(捲動回到頁面頂端)
實作四：跳轉至頁面中的某個段落
實作四：跳轉至頁面中的某個段落
實作五：輪播效果
實作五：輪播效果
Page updated
Google Sites
Report abuse