身為設計師,您可能會想展示您的設計、教育利害關係人、演示設計提案或推廣產品。其中一個最好的方法就是為您的產品建立模型。
模型是產品設計的高擬真渲染圖,展示成品的外觀。它可以採用圖像或產品模型的形式,您通常使用數位設計工具來建立它們。
在本文中,我們將探討四種不同的方法來為您的設計建立模型。
如何建立模型
使用模型範本
開始設計可能是一項令人卻步的經驗,即使是最有才華的設計師也會遇到空白頁症候群。克服這個問題的最佳方法之一,就是從範本開始,而不是空白頁面。
您可以根據要建立模型的產品,找到不同產品的範本。使用 Sketch,您可以使用內建範本來建立新文件。您也可以充分利用像 Sketch App Sources 這樣的資源網站,找到適合您的範本。如果您要建立幾個共享許多元素的模型,您甚至可以考慮建立自己的自訂範本。

您可以篩選或調整搜尋條件,以找到符合您需求的範本。
現在我們已經了解了可以用於模型的不同種類的範本,讓我們來談談使用它們的優缺點。
模型範本的優點 | 模型範本的缺點 |
---|---|
易於取得 | 缺乏原創性 |
快速 | 選擇有限 |
可重複使用 | |
靈感來源 | |
免費或低成本 |
何時使用模型範本
如果您是一位正在尋找靈感或良好起點的設計師,那麼使用模型範本並沒有錯。您仍然可以根據產品的風格進行調整,而且大多數時候都是免費的,所以有很多好處。只要確保您投入足夠的精力,讓您的模型從其他使用相同範本的模型中脫穎而出。
模型產生器
模型產生器是非設計師的熱門選擇,它讓您只需最少的技能和精力即可建立專業的設計。它們負責設計模型中的繁重工作,並簡化您的流程。您可以透過將圖像拖放到選定的範本中,並進行一些簡單的個人化選擇來建立模型。

市面上有很多選項,包括熱門的 Artboard.studio 等。讓我們來看看使用 mockup 產生器的優缺點。
Mockup 產生器的優點 | Mockup 產生器的缺點 |
---|---|
可從任何瀏覽器存取 | 缺乏原創性 |
技術門檻低 | 品質較低 |
快速 | 客製化程度有限 |
成本低 |
何時使用 mockup 產生器
如果您不是設計師,也沒有資源聘請一位設計師,mockup 產生器可能是建立簡報設計最簡單、最便宜的方式。它讓事情變得簡單,但可能需要犧牲品質,因此請牢記您使用 mockup 的目的。
模型外掛程式
如果您打算將設計添加到裝置模型中以在實際情境下呈現它們,您可能會考慮使用 mockup 外掛程式。與範本類似,它們可以節省您的時間,同時提供高品質的設計。但它們不是為您的專案提供更好的起點,而是幫助您在專業設計的裝置 mockup 上呈現您的作品。

像 Angle 和 Ls 等外掛程式可讓您自動將您的 Artboards 放置到各種不同的裝置模型上。這表示您仍然需要設計您正在建構的應用程式或網站的 mockup,但簡報的最後潤飾會更容易。然而,這些外掛程式通常需要付費,所以讓我們來看看使用它們的優缺點。
Mockup 外掛程式的優點 | Mockup 外掛程式的缺點 |
---|---|
高品質素材 | 高前期成本 |
節省時間 | 需要一定技術 |
何時使用 mockup 外掛程式
如果您是一位設計師,需要不斷在真實環境中展示不同的 mockup 設計,那麼 mockup 外掛程式可能是您的最佳選擇。這表示您仍然可以完全掌控您的應用程式和網站設計,而在展示您的作品時,您將擁有一個專業設計的裝置 mockup 庫。
從頭開始建立自訂 mockup
最後,您可以從頭開始自行建立 mockup!如果您具備相關技能,或者有學習的意願,您隨時可以從空白頁面開始設計產品的 mockup。這表示您可以完全掌控創意,並擁有無限的設計潛力。

您可以與團隊協作,並以您認為合適的方式展示您的設計。
由於具有非常高的潛力上限,從頭開始建立自訂 mockup 是大多數設計師的預設選項。凡事皆有其代價,而從頭開始建立自訂 mockup 的代價可能是時間、資源、熟練的設計師或設計工具。因此,讓我們來看看從頭開始建立自訂 mockup 的優缺點。
自訂 mockup 的優點 | 自訂 mockup 的缺點 |
---|---|
量身打造的設計 | 成本 |
彈性 | 時間 |
最高品質 | 需要設計技能 |
獨特 |
何時建立自訂 mockup
如果您有時間把事情做好,這應該是您作為設計師的預設選項。當您向利益相關者或使用者展示您的作品時,讓作品展現最佳狀態非常重要。
現在我們已經涵蓋了所有建立 mockup 的不同方法,是時候退一步思考了。想想您需要 mockup 的目的、您可用的資源,以及哪種選項最適合您。每個團隊和產品都不同,所以沒有絕對的對錯選項,只有最適合您的選項。如果您在 Sketch 中建立了任何 mockup,請與我們分享 — 我們很樂意展示它們!