模型是创造性的,通常是光电化的演示,预览设计如何在现实世界中看起来或功能。换句话说,实现这一4个专业模型技术中的任何一种允许一瞥未来:印刷到休闲购物者携带的袋子上的标志设计,由看不见的手滚动,甚至是一个完全品牌的商店前面。确实令人信服地做到了令人信服的事情,你需要知道如何制作看起来专业的样机。在这里我们会告诉你如何。

虽然它们由图像组成,但是在讲故事时,设计样机在他们最强大的状态。注意和细节倾注于该故事中,决定了观众是否会发现它引人注目或睡眠诱导。

显示各种样机模板的图像网格
因为模型是强大的演示工具,我们将介绍4个创建专业设计模型的最佳技术

有两个元素使模型技术成功:创意场景设置和设计的现实融合。我们之前介绍过焦点的提示前主题制定样机概念选择合适的图像来讲述一个故事。在这篇文章中,我们将用4种最常见的制作模型的技术来列出如何创建你的设计模型的技术方面。

以下是创建模型的前4种方法:

  1. 创建一个自定义模型从零开始
  2. 创建可重用的模型模板
  3. 使用样机发生器网站
  4. 使用Mockup Creator软件插件

1.从头开始创建自定义模型
- - - - - -

一个自定义模型是一个完全量身定制的特定设计。如果你想制作独特的模型,这是我们推荐的最佳效果的技术。考虑到模型的目的是展示和最终说服(也就是说,销售设计概念),最具说服力的模型显然是为特定客户量身定制的。

徽标设计和样机的饮料品牌
自定义样机提供创造性地提供了设计将如何看待未来的特定上下文。由...设计标志的菜

但当然,从每个项目的划痕创造模型不是最实用的方法。它需要大量的努力,这些东西基本上是一次性呈现资产。如果模型概念高度原创,它也是有用的 - 如果结果与模板无法区分,则没有任何问题。最终取决于您来决定您是否热衷于项目或客户端,以便更额外的英里创建一个像一种类的样机。

一个科技品牌的标志设计和模型演示
除了特定的场景,Sevarika模仿用品牌颜色的图像涂抹于有影响力的演示。

对于一个真正的自定义模型,你将需要原始的照片。这允许你创建一个更接近你的设计愿景的模型场景,而库存照片本质上是为一般的设置和场景而制作的。如果你有设备、经验和时间,你可以自己拍照。在这种情况下,你应该事先头脑风暴或勾画场景——类似于你如何为电影制作故事板。

您还可以聘请专业摄影师,但当然,这是一项费用,这对于每个设计师来说并不实用 - 它更有可能在为企业客户工作的设计代理领域。一个伟大的替代方案是使用属于客户的照片:例如,顶级设计师GooPanic将他的品牌为学术界和学生的实际照片应用于学术界。即使这些照片不是专业股票照片的质量高,他们也会让客户提供更正宗的图片,他们的设计如何最终看。

艺术学校的徽标设计和模型演示
经过goopanic.

有照片后,您需要使用照片操作软件将您的设计合并到图像中。为此目的最常见的软件是Adobe Photoshop., 但亲和力照片Gimp是可靠的替代方案。这些程序提供了各种工具和教程来获得现实的结果,它们基本上可以归结为:

  • 将工具转换为将设计拟合到图像上
  • 混合模式将纹理从原始照片中合并
  • 调整图层的工作与照明,颜色,和对比

如果你想在自定义动画中工作,使用动画软件,如After Effects:例如,你可以使用图层蒙版为手机照片上的应用程序创建滚动动画。

需要工具

  • 摄影和/或摄影设备
  • 照片编辑软件(Photoshop,Serif照片,gimp)
  • *可选*动画软件(Adobe后效果)

成本

  • 中等至高

凡好

  • 导致模型,对设计者的愿景是特定的和勇气
  • 原始图像;没有水印或需要购买许可证

cons

  • 昂贵而费力;需要更高级的软件知识
  • 效率低下和耗时

2.创建可重用的模型模板
- - - - - -

自定义模型模板是设计人员自己的样机,但一般足以为多个项目回收。正如我们在最后一部分所指出的那样,为每个项目创建自定义模型可能是不切实际且成本的,但这种技术允许设计人员创建模型,这些模型是原始的,并且可重复使用的费用。

它也是设计师向客户演示添加自己的个人品牌或重复风格签名的方式。

应用程序设计模型,展示一个人在咖啡馆使用iPhone
此样机的背景场景管理以具有个性,同时普遍才能适用于任何数量的应用设计。由...设计googa.

创建Mockup模板的进程与创建量身定制的模型基本相同:您仍然需要获取摄影并使用照片编辑程序合并设计。One difference is in the approach to your mockup photography: it has to be unspecific enough to work for multiple clients—for instance, instead of using any identifying scenery, Top Level designer Daria V.’s mockup backgrounds focus on illustrated accents that can be changed with each project.

它可以帮助根据行业等共同主题对客户组合(您可能拥有所有餐厅的样机模板,拥有客户,其中一个用于所有零售客户等)。这样做可以更轻松地选择将在共享上下文中工作的图像。

对于物理产品,一些设计人员使用3D软件创建空白产品渲染,如Adobe Dimension.,这样做还有一个好处,那就是可以创建可旋转的动画模型。

动画旋转的盒装设计的3d样机
经过Mahmoud Shahin

为了在Photoshop中创建模板模型,您的目标基本上要设置了该文件,以便在未来的项目中可以轻松地交换设计,所有操作都可以随附。Photoshop为此提供了两个有用的工具:

Photoshop智能对象:

智能对象本质上是一个容器,它将图像存储在链接的文档中,允许您在较大的合成中对其进行剧烈更改,而不会影响原始图像。如果你在智能对象中替换图像,它会用你应用到它的所有更改更新合成。

所以有了模型,你需要做的就是在项目开始时将你的设计层转换为智能对象(转到层>智能对象>转换为智能对象)。之后,你可以在下次需要模型时简单地替换智能对象内部的设计。

Photoshop的行动:

行动记录您在Photoshop文档中进行的更改,以便您可以使用按钮重复这些步骤,从而消除冗余任务。因此,使用Mockup,您可以使用动作来记录应用于设计的所有转换和效果,以使其适合在照片中,并通过按下按钮,将这些更改应用于将来的另一个设计相同。

标志设计和金箔名片样片样机
由...设计ultrastjarna
标志设计和金箔名片样片样机
由...设计ultrastjarna

需要工具

  • 摄影和/或摄影设备
  • 照片编辑软件(Photoshop,Serif照片,gimp)
  • *可选* 3D软件用于创建产品渲染

成本

  • 缓和

凡好

  • 重复使用证明了自定义样机的努力
  • 原始图像;没有水印或需要购买许可证

cons

  • 需要更高级的软件知识
  • 如果结果与第三方模板没有足够的不同,可以浪费努力

3.使用Mockup Generator网站
- - - - - -

一个模型生成器网站是一个在线服务,使用库存图像和人工智能软件自动创建从第三方模板的模型。通常情况下,设计师所要做的就是上传他们的设计,而软件则负责所有的技术考虑。

填充设计模型生成器主页的屏幕截图
通过放好它

这种技术是迄今为止最便宜和最简单的解决方案,但它确实有一些缺点。由此产生的模型将是uniTiginal的,并且鉴于许多设计人员将使用相同的服务,看到完全相同的模型图像裁剪上的AD Nauseam在投资组合网站上并不罕见。与此同时,这可以在捏捏中有用,除非客户是设计模型的承租人,否则他们可能不会介意。

选择服务时,您需要考虑以下内容:价格,质量和相关性。就价格而言,许多模型发生器可以自由使用,尽管您希望对水印或限制模板选择等隐藏不便之处。否则,价格通常基于订阅模式,我审查的大多数服务都是每月10美元到20美元。

汇编通用企业设计模型
其他设计师的研究模型,以确保您不会结束常见和通用的东西

质量这可能取决于个人品味,但你应该花些时间研究其他设计师和竞争对手使用的模型,以了解什么是聪明的,什么是普遍的。你也可以使用像Trustpilot这样的服务来找到用户评论,告诉你宣传材料之外的服务如何工作,以及实际结果如何。

屏幕截图的艺术板工作室设计模型生成器主页
通过画板工作室
smartmockup设计模型生成器主页截图
通过smartmockups.

最后,其中一些网站专注于某些类型的样机,您需要选择一个与项目相关的样机,特别是如果您正在购买订阅。例如,画板工作室模型马克专注于印刷品和服装样机。服务像appmockup.Mockuuups Studio专注于数字设计模型。同时smartmockups.,Renderforest., 和放好它为印刷和数字提供一般模型模板。

需要工具

  • 可靠的互联网连接
  • *可选* MementShip到Mockup Site

成本

  • 自由到低

凡好

  • 快速低;无需软件知识
  • 质量有时可以接近自定义样机

cons

  • 结果是一个通用的外观与图像共享的许多设计在互联网上
  • 如果需要多个样机,则订阅模型仅适用

4.使用Mockup Creator Software插件
- - - - - -

Mockup插件是与设计软件连接的第三方集成,以生成模型。从本质上讲,这些应用程序允许设计人员在同一程序中设计和模拟所有设计,其中设计者可以使用该程序的工具在生成后对模型进行调整的额外好处。

Mokup框架的屏幕截图设计模型插件主页
通过Mokup框架

这就像两个世界的最佳:一种低成本,低努力模板,具有定制潜力。如上所述,这种技术通常是为数字设计而保留的,大多数插件瞄准应用原型软件,如草图,Figma., 和Adobe XD.

角度设计模型插件主页屏幕截图
通过角度
Rotato Design Mockup Plugin主页屏幕截图
通过rotato.

很少有流行的服务提供可下载插件,其中包括角度,rotato.Mokup框架。因为这些软件可下载,所以它们通常会以一次性成本。此价格通常高于大多数大多数模型发生器网站,但在长期运行后它较低,因为您不支付订阅费。

您将需要按照特定站点的说明来下载并安装插件到您的软件中。从那里,你将有选择应用设计从你的软件到一个模型。从这里开始的过程类似于使用一个模型生成器网站:插件将自动创建你的模型,你将使用定制工具来完成它。

需要工具

  • 设计软件(素描、Figma、Adobe XD)
  • 插件许可证和下载

成本

  • 低的

凡好

  • 快速低;需要小软件知识
  • 作为设计过程的一部分,在设计软件中创建了模型

cons

  • 结果是一个通用的外观与图像共享的许多设计在互联网上
  • 结果与在线模型生成器没有显著差异

是时候制作脱颖而出的东西!
- - - - - -

设计模型是令人难以置信的强大的演示工具,不仅销售了设计理念 - 他们将观众将一个窗口放入未来,在那里设计已经存在。完成后,客户将全部,但被迫使未来成为现实。

正如本文所示的那样,有很多用于创建模型的技术,每个技术都具有其固有的福利和缺点。但无论您如何制作模型,结果最终将依赖设计师及其对截止屏幕的现实样机渲染的承诺。

需要一个令人惊叹的定制设计?
我们的设计师可以帮助您创建任何事情。

本文最初是由Rebecca Creger.并于2013年发布。它已更新新的示例和信息。