在創作任何東西時，通常的做法都是先從草稿開始。草稿可以幫助你在將作品發表之前解決問題。
如果你曾經設計過或開發過產品，你可能聽過線框稿、模型或原型這些術語。你可能認為它們聽起來都很相似，但它們之間存在一些重要的區別。在本文中，我們將比較線框稿、模型和原型，它們之間的差異，以及何時使用它們。
線框稿 vs. 模型 vs. 原型
在詳細比較線框稿、模型和原型之前，讓我們先看看這三者的基本定義。
線框稿：線框稿是一種藍圖或示意圖，有助於將應用程式或網站的結構傳達給相關的利害關係人。
模型：模型是設計的高擬真渲染圖，展示最終產品的外觀。
原型：原型是產品的早期模型，著重於功能，讓利害關係人體驗最終版本的樣貌。
在這個旅遊應用程式的範例中，我們可以看到線框稿（左）、模型（中）和原型（右）之間的相似性和差異。
換句話說，它們各自有不同的用途。線框稿從低擬真的角度傳達結構，模型從高擬真的角度突顯產品的設計，而原型則著重於產品的功能和設計。但最終，它們都是設計最終產品的不同方式，顯示不同的頁面和螢幕。
比較
| 線框稿 | 模型 | 原型 | |
|---|---|---|---|
| 目的 | 傳達結構並獲得早期回饋 | 展示設計 | 展示設計和功能 |
| 擬真度 | 低 | 高 | 高 |
| 高 | 功能 | 功能 | 無 |
| 無 | 低 | 高 | 高 |
| 有 | 所需技能 | 低 | 低 |
| 中 | 高 | 資源 | 高 |
| 最低 | 設計工具 | 設計 | 設計和原型工具 |
線框稿
所需時間
非常低
中等
高
- 產品週期階段
- 探索
- 產品探索：設計師和利害關係人使用線框圖來確定業務需求、決定產品範圍等等。
在您的團隊編寫任何程式碼或投入大量資源來建構專案之前，重要的是讓所有人都能就他們正在建構的內容達成共識。使用線框圖可以幫助每個人了解您想要達成的目標。
模型
模型是產品設計的高擬真渲染圖，展示最終產品的外觀。模型可以採用圖像或產品模型的形式，您通常使用數位設計工具來創建它們。
這是一個行動應用程式高擬真線框圖的範例，它也是一個模型。
您應該在什麼時候使用模型？
既然我們知道了什麼是模型，我們就可以更深入地探討您可以用它們做些什麼。
- 產品探索：您也可以在開始專案之前使用模型，並測試針對潛在產品的不同方法。
- 讓利害關係人保持一致：設計和建構產品涉及很多人，在流程的每個階段都是如此。模型可以幫助每個人在最終產品上保持一致，甚至可以打動潛在投資者。
- 設計的最後一步：設計模型是產品開發週期中的重要組成部分，通常發生在設計階段。
無論您如何使用它們，模型都可以幫助您傳達您希望最終產品呈現的外觀。它們是您設計武器庫中的重要工具，因為在設計方面，過度溝通總比溝通不足好。
原型
原型是您專案的模型，可以具有不同的用途。最常見的用例是以功能為中心的設計，這有助於將它們與線框圖和模型區分開來。讓我們來看看您可能想要在什麼時候使用原型。
原型設計可以幫助您確定使用者流程是否正確。
您應該在什麼時候使用原型？
原型是設計過程中的關鍵部分。它們可以幫助：
- 可用性測試：原型非常適合將您產品的工作版本交到使用者手中，並在產品發佈之前檢查您的設計是否可用。
- 想法驗證：您可以在設計過程的早期使用原型設計來分享您的想法。它將幫助您和您的團隊準確地確定您想要達成的目標。
- 協作設計：由於原型可以幫助您測試設計，因此您應該讓盡可能多的利害關係人參與進來。UX 寫作者可以幫助驗證導航，開發人員可以測試功能，產品經理可以幫助您專注於使用者流程。
- 吸引投資者和更新利害關係人：有時您需要一個原型來向利害關係人證明一個想法值得進入下一步。
儘管我們比較了線框圖、模型和原型，但您可以看到它們非常相似。由於它們的相似性，您可以在整個設計過程中將其中一個發展成另一個。線框圖可以作為模型的輪廓，而為模型添加功能可以使其成為原型。不要將自己局限於三者之一，請花時間弄清楚您需要什麼，並找到最適合您的組合。
