原型就像是一个产品的蓝图,能勾勒出页面上将有哪些元素以及每个元素和功能将如何分布和实现。原型是展示你的想法的好方法,它的用途包括从测试概念和设计改进到吸引投资者关注的方方面面。如果开发新产品之前没有可靠的生产原型,那么你的产品可能无法正常工作,所以原型制作在产品开发过程中非常重要。

产品原型通常会以简易的线稿呈现,避免过多地去设计视觉上的细节。这样做的好处是显而易见的

  • 这样可以节省绘制的时间,让设计师可以尽量多地将精力用于产出设计点子上。

  • 简易的线稿也可以让设计师与团队中的其他成员将重点放在流程、元素与排列上,而非视觉细节。但在这点上,不同的设计师有不同的作法,有的设计师习惯设计出更逼真的产品原型,因为这样可以使他人的想象更加接近于产品完成后的样子。但不管是哪种,原型的设计步骤大体上都是一致的

以下是原型设计的重要步骤:

第一步:勾勒出你的概念

以草图的形式写下你的概念。草图在一开始画的时候可以是随意的,构想出基本概念,然后考虑元素和布局。在方向被确定之后,画出更详尽的草图对概念进行打磨。基本的草图有助于为构建物理原型奠定基础并集中你的思想,它们也可以作为比例和尺寸的指南。

为自己的想法申请专利是非常值得鼓励的做法!如果你打算这么做,那么你可以向专利局提交想要申请专利的设计的有关资料,这时,设计草图的重要性就不言而喻了。尽管原型设计往往不是最终设计,只是体现了设计背后的概念,但众所周知,这些草图是很有必要的,它们是用来证明专利是专属于我们的重要凭证,也是在专利纠纷法庭上是非常有力的证据之一。

勾勒出你的概念

第二步:创建虚拟模型

在勾勒出你的概念并确定哪个最符合你的产品规格之后,你的下一步是创建一个虚拟模型。同时进行演示和评论,目标是把一些想法拿出来跟大家分享,然后进一步完善想法。在演示过程中,要做好记录,演示和评论的时间可以对半分。

在此,推荐使用Pixso,它具备一站式原型、设计、交付能力,用Pixso创建原型简单又好用。通过Pixso创建原型的方法很灵活:

我们可以在Pixso资源社区直接一键复制使用。Pixso资源社区有海量原型模板、页面、组件及图标素材 ,不仅可以直接拖拽使用Pixso自带的设计资源库,还可以将项目中常用的图标、自制组件一键保存,共享至团队资源库,省去大量重复劳动,形成统一视觉规范。

创建虚拟模型

旅游预订app界面素材

使用内置版权字体、组件库提高设计效率。用Pixso将设计创建为组件,设置主组件,完成此操作后,当你后续需要添加任何设计,都只用复制组件创建子组件即可。当主组件发生修改,实例组件同步发生改变,再也不用因为重复的工作而忙到撞墙了!如果是团队项目,那么组件的功能将发挥更大作用。当设计师A创建组件后,团队成员均可以直接从团队库中拖拽组件进行使用,无需重复设计,减少了低价值工作的同时,也提升了视觉统一性。

创建虚拟模型

设计完成后,往往需要添加原型交互,来模拟真实的用户体验。Pixso在跳转、弹窗、切换、关闭等情景下,提供丰富的转场交互动画自定义设置,可组合实现上百种转场形式。在Pixso原型模式下选中画板内的图层或画板,选中层后右边框的中心会出现触发点,鼠标点击并拖拽「触发点」至「目标」图层,即可完成创建交互事件。用Pixso,每一项动画下都有动态的效果预览,辅助我们更好地去了解动画的实际效果。

基于云端协同编辑的Pixso,将产品经理、设计师、开发的日常工作连接起来,面对复杂的设计项目时,将文件分享给相关成员后,可直接在设计稿上编注评论,点对点高效反馈与修改校正设计项目,快速推进设计文件的优化和迭代。

基于云端协同编辑

第三步:制作你的物理原型

制作物理原型有两种常见的方法。

  • 第一个是增材制造,也称为快速成型或3D打印

从本质上讲,你可以使用各种方法将材料构建到物理部件中。在设计硬件产品的交互的时候,并没有非常具体的交互指南,因此和传统的数字产品相比,未知的情况会更多,这也是原型制作的价值所在。在没有原型的情况下,很难通过概念设计来准确的判断每一个未知因素,包括产品的物理特性(比如人的影响因素),甚至大众用户使用过程中的适用性。

  • 另一种原型制作方法是减材制造。

这个过程与增材制造相反,是从较大的材料块中去除材料直至获得最终产品,通常适用于小批量定制、个性化定制或需要精确耐用模型的行业中的功能测试。

第四步:测试和改进你的设计

原型设计不是生产。因为一个物理模型并不意味着有一个工作产品。你可以在纸上拥有最好的设计,但它不能很好地转化为物理原型,或者它可能是一个很棒的原型,但成品批量生产的成本可能是你预算的十倍。因此,需要测试和改进你的设计,从而让产品更加合理。

一套设计方案如果没有经过正确的测试就投入使用,风险是很高的。产品开发是一个迭代过程。每次优化设计时,你都需要构建另一个版本的原型并再次对其进行测试。设置测试时,注意不要使用一个原型执行所有测试。建议至少生产一百个原型进行测试。多次的测试可以预防产品发生问题导致召回,从而节省时间和金钱。

测试和改进你的设计

最后,当设计师进行原型设计时,这里推荐使用Pixso。Pixso支持建立流畅的原型框架流程,将产品整体方案进行具象化演示,提供宏观和微观双重视角,可完整地向外界演示产品全貌和交互细节,也可预览GIF来微调动作、动画设计,团队成员通过浏览器即可进入Pixso,实时获取所有原型设计信息,一个工具替代多种传统原型设计和项目管理工具,真正提升产设研团队的沟通协作效率。

Pixso