还愁原型设计选哪个？——没有更好，只有最适应的！少不入川

1，原型是指模拟要开发的系统的原始模型。在软件过程中，原型是软件早期一个可运行的版本，它反映最终系统的部分重要特性，如界面、功能或者性能等等。

2，原型（prototype）即把系统主要功能和接口通过快速开发制作为“软件样机”，以可视化的形式展现给用户，及时征求用户意见，从而明确无误地确定用户需求。同时，原型也可用于征求内部意见，作为分析和设计的接口之一，可方便于沟通。

原型设计是将想法转变为设计过程中至关重要的一环。可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达。

接下来我将会介绍三种原型设计软件，希望能给大家带来帮助。

一、设计中低保真、快速的手机端和Web网站

场景特点：构建移动应用（手机端APP和Web网站）；中低保真；快速搭建

在这里举例一个软件——摹客（Mockplus)，摹客以特有的“快和简单”的产品属性，获得国内企业和用户的青睐，在国内行业第一，在全球和设计名企争雄，目前拥有国内外150万用户，其中企业用户千余家，包括华为、腾讯、微软、甲骨文、快手科技、招商证券等知名企业。

1、原型设计快速上手

海量组件和图标，拖拽即可得。快速交互、快速设计、多种演示预览方式。摹客让原型设计如此简单。

2、协同工作效率提升

从产品经理、设计师到开发工程师，一起协同工作，支持主流格式的产品文档和设计稿。摹客，让每个人更快，让团队效能更高。

3、设计规范轻松管理

轻松定制设计规范、统一管理设计资源，还可以一键导出，团队共享、级联应用，摹客，让设计资源的价值得以真正体现。

（一）多种预览方式

多样的预览方式为可用性测试的进行提供了前提条件。Mockplus支持以下几种方式：

直接点击界面上方的三角形预览

输入原型码，在手机上查看原型

扫描二维码，在手机上查看原型

在线发布项目，将生成的链接复制到浏览器中预览

（二）支持多种项目导出方式

导出html离线包

导出可独立运行的演示包

导出图片

导出项目树

场景特点：构建响应式网站（手机、平板、桌面）；省时和高效兼备；需要将页面链接在一起，显示它们的流程

在面对响应式设计需求的用户时，首先应当明确以下几个问题：

1.为什么必须设计响应？

2.响应设计真正的目标是什么？

3.设计每个显示模块详细需求是什么？

在进行响应式设计的同时，也需要前后端开发的支持，否则设计高效率的响应设计将会变得非常困难。

首先最让我惊喜的是UXPin引进了状态这一概念。我们都知道，有时候一个元素会有很多种状态，而状态的组合又构造出很多新的状态，最典型的就是按钮了。在一般的设计工具中我们只能一一列出各种状态。

UXPin的做法就是引入状态，同一个元素或组件可以设置多组状态。这些状态可以用于交互动画中，也可以作为组件的样式覆盖，你甚至还可以嵌套组合不同的状态，来灵活使用它们。

UXPin自带的交互效果本身很丰富，除了常见的元素变化、页面跳转、显示隐藏，它还支持进行API请求等高级操作。同时，让它区别于其它设计工具的一点是，它支持变量和条件。

所谓变量，就是你可以将一些值存起来，比如用户填的一个数字。而基于这些变量，你可以进行条件判断，比如将用户填写的年龄保存起来，再根据它是不是大于零的来进行后面的交互。这可以帮助我们做出具有一定复杂度的交互效果。

1、小白也会用！不用学习！简单易用的原型设计工具

无论是PM从0到1绘制原型、还是设计师导入设计稿制作交互，都可以快速轻松完成可交互原型。

开发人员可告别复杂的需求文档，打开工作流便可看到全局状态和注释，实时同步进度和文档——工作流成为最有效的沟通语言。

4、在线团队协同，多人聚焦讨论

5、Sketch+墨刀=交互批注利器

将Sketch的设计稿一键导入墨刀即可马上制作交互，工程师还可以通过开发者模式，看到完整的图层信息。

好了，接下来我来教大家如何快速入门：

如想自定义原型尺寸，可选择Android的Customize进行自定义。或者有需要，还可上传个性化图标和启动界面图。

直接套用模板：墨刀推出了丰富的模板项目，可先预览模板效果，挑选成功后点击「创建项目」即可。通过编辑模板你可以更快地掌握页面设计、交互设计的方法，也可在此基础上完善个人产品原型。