本篇重點

• 原型設計 ( Prototype )
• 種類與技巧

原型設計 ( Prototype )

原型設計是對產品會如何運作的模擬，能在產品正式發布前檢驗操作流程以及獲取使用者的回饋。藉此測試探求設計的可用性與可行性，以持續進行迭代。

根據設計的精細程度與互動性，原型設計可分為以下兩類型：

• 低擬真原型 ( Lo-Fi Prototype )
• 高擬真原型 ( Hi-Fi Prototype )

低擬真原型 ( Lo-Fi Prototype )

是將設計概念轉換為測試畫面的快速方法，最重要的用途是檢查和測試功能，而非產品外觀。通常用於設計流程中的線框稿階段。優點在於，成本低、測試快速

常用工具：

• 紙筆 ( aka. Paper Prototype )
• 簡報軟體
• 介面繪圖軟體

高擬真原型 ( Hi-Fi Prototype )

在介面上的內容與真實要發佈的產品，在視覺、文案與互動等幾乎相同。能測試目標使用者的真實回饋以及針對特定元素做測試。

常用工具：

• 介面繪圖軟體 ( Sketch、Adobe XD )
• 原型設計軟體 ( inVision、Protopie )
• 動畫設計軟體 ( After Effect )

動畫特效的設定技巧

• 操作結構 ( 指透過動畫，讓使用者了解現在操作的回饋 )
• 狀態回饋 ( 例如載入狀態時的顏色特效 )
• 持續時間 ( 多爾蒂門檻 )