一個項目的誕生通常需要經(jīng)歷頭腦構(gòu)思、繪制設(shè)計和最終著陸。在這個過程中，樣機制作往往是在著陸實踐之前進(jìn)行的。俗話說：“樣機使用得好，草稿過早”。樣機設(shè)計是產(chǎn)品或網(wǎng)站最終設(shè)計的生動、靜態(tài)和視覺表現(xiàn)。它為用戶提供了一種模擬現(xiàn)實的方式，讓他們知道最終產(chǎn)品在投放市場之前是什么樣子的。

什么是樣機？

樣機是最終產(chǎn)品中等保真度的視覺表現(xiàn)。它們可以幫助利益相關(guān)者提前預(yù)測最終產(chǎn)品設(shè)計的美觀。原型設(shè)計中可以反饋產(chǎn)品的排版、內(nèi)容和配色方案是否可行。由于原型是中等保真度的模型設(shè)計，因此不支持點擊等交互動作來指導(dǎo)操作。原型通常以模擬現(xiàn)實的方式在平面或3D設(shè)計中顯示設(shè)計圖片，然后設(shè)計師借用原型設(shè)計向客戶解釋功能，以獲得項目登陸批準(zhǔn)。客戶可以更直觀地看到產(chǎn)品外觀的最終模擬效果，并在批準(zhǔn)前提出修改建議。

樣機模板：https://js.design/community?category=design&search=%E6%A0%B7%E6%9C%BA&source=bz&plan=ysbz1030

線框、樣機和原型的區(qū)別

線框、原型和原型是產(chǎn)品設(shè)計不同階段的設(shè)計呈現(xiàn)形式。

線框圖

線框不是毫無意義的灰色框架，盡管它們看起來真的很長。將其視為設(shè)計的基礎(chǔ)，并記住線框圖應(yīng)包含最終產(chǎn)品的所有重要組成部分。

使用線框圖可以幫助設(shè)計師找到正確的保真度和速度平衡。這個階段不能涉及太多的細(xì)節(jié)，但另一方面，你需要為最終的設(shè)計創(chuàng)建一個可靠的表示形式，而不會錯過任何重要的部分。您需要使用線框圖為人們（開發(fā)人員、視覺設(shè)計師、文案、項目經(jīng)理等）設(shè)置路徑。

原型

原型是用戶和界面之間最終交互的模擬。它可能看起來不像最終的產(chǎn)品，但它應(yīng)該非常相似（絕對不是灰色的，草圖）。交互應(yīng)該仔細(xì)建模，與最終體驗非常相似。通常省略了界面與后端機制之間的相互依賴，以降低成本，加快開發(fā)周期。

原型圖主要用于用戶測試階段。在開發(fā)真正開始之前，最終交互的模擬已經(jīng)成為檢查界面可用性的重要材料。

原型圖不是直觀的文本解釋文檔，因為它們迫使“讀者”花費一些精力來理解界面。另一方面，原型是設(shè)計文檔中最引人入勝的形式，因為原型圖界面直觀直接。

樣機

樣機是高保真、靜態(tài)、設(shè)計所代表的中間階段。樣機通常是視覺設(shè)計草圖，甚至是實際的視覺設(shè)計。

如果你想盡快得到利益相關(guān)者的支持，樣機特別有用。由于它們的視覺特性，模型在沒有低保真度交付的情況下會遇到困難，比原型快很多。它們是很好的反饋收集渠道，如果放在整個設(shè)計故事情境中，可以構(gòu)成非常重要的篇章。

樣機模板

樣機模板：https://js.design/community?category=design&search=%E6%A0%B7%E6%9C%BA&source=bz&plan=ysbz1030

MACBOOK 樣機

Iphone 樣機

Apple Watch 樣機