学习设计

2022 年 4 月 1 日

创建设计模型 (Mockup) 的 4 种主要方法

了解你可以用来创建设计模型的不同选项

作为一名设计师，你可能会发现自己想要炫耀自己的设计、教育利益相关者、展示设计方案或推广产品。做到这一点的最佳方法之一是创建产品的模型 (mockup)。

模型 (mockup) 是产品设计的高保真渲染图，展示了成品的外观。它可以是图像或产品模型，你通常使用数字设计工具创建它们。

在本文中，我们将探讨创建设计模型的四种不同方法。

如何创建模型 (mockup)

开始设计可能是一种令人望而却步的体验 —— 即使是最有才华的设计师也会遇到空白页综合症。克服这一点的最佳方法之一是从模板而不是空白页开始。

你可以找到不同产品的模板，具体取决于你创建模型的目的。使用 Sketch，你可以使用内置模板之一创建新文档。你还可以充分利用像 Sketch App Sources 这样的资源网站来找到适合你的模板。如果你要创建几个共享很多元素的模型，你甚至可能需要考虑创建自己的自定义模板。

现在我们对你可以用于模型的不同类型的模板有了一个概念，让我们来谈谈使用它们的优缺点。

何时使用模型 (mockup) 模板

如果你是一位正在寻找灵感或强大起点的设计师，那么使用模型 (mockup) 模板没有任何问题。你仍然可以对其进行定制以匹配你产品的风格，而且大部分时间成本可以是免费的，因此有很多收获。只需确保你投入足够的努力，使你的模型在其他人使用相同模板的模型中脱颖而出。

模型 (mockup) 生成器是一种面向非设计师的流行选择，可让你以最少的技能和精力创建专业设计。它们在设计模型方面完成了大量工作，并简化了你的流程。你可以通过将图像拖放到模板选择中并进行一些简单的个性化选择来创建模型。

有很多选择，包括像 Artboard.studio 这样的流行选择。让我们来看看使用模型 (mockup) 生成器的优缺点。

何时使用模型 (mockup) 生成器

如果你不是设计师，也没有资源聘请设计师，那么模型 (mockup) 生成器可能是创建美观设计的更简单、更便宜的方法。它可以简化事情，但可能会以质量为代价，因此请记住你使用模型 (mockup) 的目的。

如果你计划将你的设计添加到设备模型中以在上下文中呈现它们，你可能需要考虑使用模型 (mockup) 插件。与模板类似，它们可以节省你的时间，同时提供高质量的设计。但是，它们不是为你的项目提供更好的起点，而是帮助你将你的作品呈现在专业设计的设备模型上。

像 Angle 和 Ls 这样的插件可让你自动将你的画板放置在各种不同的设备模型上。这意味着你仍然必须设计你正在构建的应用程序或网站的模型，但演示的润色会更容易。这些插件通常会产生一定的费用，所以让我们来看看使用它们的优缺点。

模型 (mockup) 插件优点	模型 (mockup) 插件缺点
高质量资产	前期成本高
节省时间	需要技能

何时使用模型 (mockup) 插件

如果你是一位经常在真实环境中展示不同模型设计的设计师，那么模型 (mockup) 插件可能是你的选择。它仍然意味着你将完全控制你的应用程序和网站设计，并且在展示你的作品时，你将拥有一个专业设计的设备模型库。

最后但并非最不重要的一点是，你可以自己从头开始创建模型！如果你有这方面的技能 —— 或者学习的好奇心 —— 你总是可以从一张白纸开始并设计你产品的模型。这意味着你将拥有完全的创造控制权和无限的设计潜力。

由于潜力非常高，创建你自己的模型是大多数设计师的默认选项。一切都有代价，而对于从头开始的自定义模型，这个代价可能是时间、资源、熟练的设计师或设计工具。因此，让我们来看看从头开始创建自定义模型的优缺点。

何时创建自定义模型 (mockup)

如果你可以抽出时间把事情做好，这应该是你作为设计师的默认选项。重要的是，当你在向利益相关者或用户展示你的作品时，它看起来是最好的。

现在我们已经介绍了创建模型的所有不同方法，是时候退后一步了。想想你需要模型做什么、你拥有的资源以及哪个选项最适合你。每个团队和产品都是不同的，所以实际上没有正确或错误的选项 —— 只有最适合你的选项。如果你在 Sketch 中创建了任何模型，请与我们分享 —— 我们很乐意展示它们！