主流原型设计工具

Posted 2021-02-18 demon-cat

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了主流原型设计工具相关的知识，希望对你有一定的参考价值。

什么是原型设计？

原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。

线框图描绘的是页面功能结构，它不是设计稿，也不代表最终布局，线框图所展示的布局，最主要的作用是描述功能与内容的逻辑关系。

原型图是最终系统的代表模型或者模拟，比线框图更加真实、细致。

原型设计工具选择标准？

熟悉程度和获得工具的便利度；

所需的时间和精力；

可复用的代码/框架；

为测试创建可用的原型；

价格和学习曲线。

原型设计工具介绍：

Mockplus 3

Mockplus 3是一款新型国产的原型设计工具，致力于快速构建和迭代原型。支持手机app，网页原型设计，平板项目，自由项目等全平台原型项目支持。

国产，无语言障碍；
支持脑图编辑模式；
200多个高度封装的交互组件，3000个矢量图标；
App项目手机快速扫描演示；
人性化设计：可视化格式刷，快速复制排列，批量填充，表格组件等；
可导出图片，项目树，演示包，html；
团队版支持团队管理、协作设计、审阅、页面分工编辑；
有客服支持，联系方便；
每月都在增加贴心功能，不断完善中。
免费版部分功能受限
个人版 199元/年 699元/终身版
团队版 999元/年 3999元/终身版
企业版 5999元/年 19999元/终身版

Skech 3

Skech 3是一款轻量，易用的矢量设计工具。让UI设计更简单，更高效。
迭代速度快，支持文档和草图同步更改；
可以覆盖文本和图像；
自适应屏幕尺寸；
支持同步和共享；
支持团队协作；
版本价位介绍：
个人版 622元/每套/每年
学生/老师 311元/每套/每年（半价）

Axure RP

评价：Axure RP是美国Axure Software Solution公司旗舰产品，是一款专业的原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。这是一款非常专业的工具, 但是学习成本也非常高。如果你是一位专业的交互设计师，并且需要设计复杂是交互，你可以使用这款工具。

特点：专业但学习成本高操作难度高

Mockplus

基础版-永久免费

Mockplus（摩客）是一款简洁高效的原型图设计工具，基于桌面的用户体验工具有有别于Axure的繁复，Mockplus致力于快速创建原型，可快速实现移动、Web及桌面应用原型设计。摩客的设计理念就是关注设计，而非工具。几乎不需要学习，凭借着出色的易用性，用户无需凭借编程知识即可快速上手。就可以上手这款工具。摩客提供了丰富的组件库和图标库，创建原型，只需拖一拖。摩客发布2.1新版之后，交互也成为其一大亮点，她将交互设计可视化，只需要拖一拖鼠标，即可完成交互的设计，所见所得，没有复杂的参数，更无需编程。（例如大家熟悉的弹出菜单交互，3步即可实现：拖一个弹出菜单组件和一个按钮到画布，之后拖拽按钮的链接点到弹出菜单，然后运行演示）封装好的一些系列交互组件，比如弹出面板、抽屉、内容面板等，让设计交互几乎可以全程“无脑”操作。演示也很简单，直接二位码扫描即可，同时支持发布到云和导出演示包。

特点：获取成本低，学习成本低快速上手

InVision

InVision是一款设计原型交互的工具。使用InVision可以很好的实现团队之间的协作，也便于收集反馈意见。它可以让你将静态的网页，移动app设计图快速的变成可以点击，具有交互效果的动态原型。让你的设计“活”起来。

功能的分享和协作功能很简单。团队成员或者客户都可以给你的设计添加评论，并且你能够很轻松的追踪评论。项目状态是此工具另外一个强大的功能，你可以向你的整个团队分享项目进度。每一个进程都可以标为“进行中”或者“需测评”或者某部分也可以标为“积压”或者“通过”。Invison提供了版本控制功能。。

特点：注重交互，适宜在团队人数多的进行交互沟通

原型工具使用方法：

1. 首先选择一个元件拖到面板中

接下来右侧属性栏中单击创建连接

选择想要跳转的页面我在这选择“page1”页面

选择页面后Axure会自动转换为单击事件，在“鼠标单击时”下面可以找到

这样我们在“预览”后单击“BUTTON”按钮，就会跳转到“page1”这个页面。元件库中有两个元件，一个是“水平菜单”，一个是“垂直菜单”。

将元件拖到面板中，选择一个菜单框，鼠标右击“文件”，单击“添加子菜单”