略過導覽
Image showing how to create a mockup over a teal background.
學習設計

打造設計模型的 4 大方法

探索各種不同的選項,為您的設計建立模型

身為設計師,您可能會想展示您的設計、教育利害關係人、演示設計提案或推廣產品。其中一個最好的方法就是為您的產品建立模型

模型是產品設計的高擬真渲染圖,展示成品的外觀。它可以採用圖像或產品模型的形式,您通常使用數位設計工具來建立它們。

在本文中,我們將探討四種不同的方法來為您的設計建立模型。

如何建立模型

  1. 使用模型範本
  2. 模型產生器
  3. 模型外掛程式
  4. 從零開始自訂模型

使用模型範本

開始設計可能是一項令人卻步的經驗,即使是最有才華的設計師也會遇到空白頁症候群。克服這個問題的最佳方法之一,就是從範本開始,而不是空白頁面。

您可以根據要建立模型的產品,找到不同產品的範本。使用 Sketch,您可以使用內建範本來建立新文件。您也可以充分利用像 Sketch App Sources 這樣的資源網站,找到適合您的範本。如果您要建立幾個共享許多元素的模型,您甚至可以考慮建立自己的自訂範本。

Image showing how to create a mockup with a template.

您可以篩選或調整搜尋條件,以找到符合您需求的範本。

現在我們已經了解了可以用於模型的不同種類的範本,讓我們來談談使用它們的優缺點。

模型範本的優點 模型範本的缺點
易於取得 缺乏原創性
快速 選擇有限
可重複使用  
靈感來源  
免費或低成本  

何時使用模型範本

如果您是一位正在尋找靈感或良好起點的設計師,那麼使用模型範本並沒有錯。您仍然可以根據產品的風格進行調整,而且大多數時候都是免費的,所以有很多好處。只要確保您投入足夠的精力,讓您的模型從其他使用相同範本的模型中脫穎而出。

模型產生器

模型產生器是非設計師的熱門選擇,它讓您只需最少的技能和精力即可建立專業的設計。它們負責設計模型中的繁重工作,並簡化您的流程。您可以透過將圖像拖放到選定的範本中,並進行一些簡單的個人化選擇來建立模型。

Image showing how to create a mockup with a generator.

市面上有很多選項,包括熱門的 Artboard.studio 等。讓我們來看看使用 mockup 產生器的優缺點。

Mockup 產生器的優點 Mockup 產生器的缺點
可從任何瀏覽器存取 缺乏原創性
技術門檻低 品質較低
快速 客製化程度有限
成本低  

何時使用 mockup 產生器

如果您不是設計師,也沒有資源聘請一位設計師,mockup 產生器可能是建立簡報設計最簡單、最便宜的方式。它讓事情變得簡單,但可能需要犧牲品質,因此請牢記您使用 mockup 的目的。

模型外掛程式

如果您打算將設計添加到裝置模型中以在實際情境下呈現它們,您可能會考慮使用 mockup 外掛程式。與範本類似,它們可以節省您的時間,同時提供高品質的設計。但它們不是為您的專案提供更好的起點,而是幫助您在專業設計的裝置 mockup 上呈現您的作品。

Image showing how to create a mockup with a plugin.

AngleLs 等外掛程式可讓您自動將您的 Artboards 放置到各種不同的裝置模型上。這表示您仍然需要設計您正在建構的應用程式或網站的 mockup,但簡報的最後潤飾會更容易。然而,這些外掛程式通常需要付費,所以讓我們來看看使用它們的優缺點。

Mockup 外掛程式的優點 Mockup 外掛程式的缺點
高品質素材 高前期成本
節省時間 需要一定技術

何時使用 mockup 外掛程式

如果您是一位設計師,需要不斷在真實環境中展示不同的 mockup 設計,那麼 mockup 外掛程式可能是您的最佳選擇。這表示您仍然可以完全掌控您的應用程式和網站設計,而在展示您的作品時,您將擁有一個專業設計的裝置 mockup 庫。

從頭開始建立自訂 mockup

最後,您可以從頭開始自行建立 mockup!如果您具備相關技能,或者有學習的意願,您隨時可以從空白頁面開始設計產品的 mockup。這表示您可以完全掌控創意,並擁有無限的設計潛力。

Image showing how to create a mockup from scratch in Sketch.

您可以與團隊協作,並以您認為合適的方式展示您的設計。

由於具有非常高的潛力上限,從頭開始建立自訂 mockup 是大多數設計師的預設選項。凡事皆有其代價,而從頭開始建立自訂 mockup 的代價可能是時間、資源、熟練的設計師或設計工具。因此,讓我們來看看從頭開始建立自訂 mockup 的優缺點。

自訂 mockup 的優點 自訂 mockup 的缺點
量身打造的設計 成本
彈性 時間
最高品質 需要設計技能
獨特  

何時建立自訂 mockup

如果您有時間把事情做好,這應該是您作為設計師的預設選項。當您向利益相關者或使用者展示您的作品時,讓作品展現最佳狀態非常重要。


現在我們已經涵蓋了所有建立 mockup 的不同方法,是時候退一步思考了。想想您需要 mockup 的目的、您可用的資源,以及哪種選項最適合您。每個團隊和產品都不同,所以沒有絕對的對錯選項,只有最適合您的選項。如果您在 Sketch 中建立了任何 mockup,請與我們分享 — 我們很樂意展示它們!

您可能也喜歡

免費試用 Sketch

無論您是 Sketch 新手,還是想了解最新功能,我們都能讓您在幾分鐘內做好準備,並發揮最佳效能。

免費開始使用
免費開始使用