2252309-主流原型设计工具介绍（Asure、墨刀、Xcode............)-举例（设计旅行+兼职平台的原型）说明使用方法

一、主流原型设计工具介绍目录

• Axure https://www.axure.com/
• 墨刀 https://modao.cc/
• Pop https://pop.com/
• Figma https://www.figma.com/
• Mockplus https://www.mockplus.cn/
  

二、详细介绍
1、Axure

适用人群：

适用于追求强交互效果及细节产品经理及设计师，需要具有一定经验或较强专业性

适用平台：

Windows、MacOS

价格说明：

功能：（具体功能请查询官网）

• 可视化设计：Axure提供了丰富的设计元素和交互组件，用户可以通过拖拽的方式快速创建页面原型，实现可视化设计。

• 交互设计：Axure支持各种交互设计功能，例如链接、切换状态、动画效果等，用户可以通过这些功能模拟真实的用户体验，提供更直观的交互效果。

• 多设备适配：Axure支持多种设备的适配，包括PC端、移动端等，用户可以根据不同设备的特点进行页面的布局和设计，提供更好的用户体验。

• 协作与共享：Axure提供了多人协作和团队共享的功能，用户可以与团队成员实时协作，共同编辑和更新原型设计，提高团队的工作效率。

• 可扩展性：Axure支持插件的扩展，用户可以根据自己的需求选择合适的插件，扩展Axure的功能，满足更多的设计需求。

应用领域：

• 网页设计：Axure可以帮助网页设计师快速创建高保真度的网页原型，包括页面布局、交互效果、动画效果等。设计师可以通过Axure展示和验证网页设计的可行性和用户体验。

• 移动应用设计：Axure也适用于移动应用设计领域。设计师可以使用Axure创建移动应用的原型，包括界面设计、交互设计、用户流程等。通过Axure的交互功能，设计师可以模拟用户在移动应用中的操作和体验。

• 软件界面设计：除了网页和移动应用，Axure也可以用于软件界面设计。设计师可以使用Axure创建软件界面的原型，包括窗口布局、按钮交互、菜单设计等。通过Axure的原型演示功能，设计师可以模拟用户在软件中的操作和体验。

• 用户体验设计：Axure是用户体验设计师的得力助手。设计师可以使用Axure创建交互式的原型，通过原型展示和验证设计方案，收集用户反馈和意见，优化和改进设计。Axure还支持用户测试功能，设计师可以在原型中设置测试任务，记录用户操作和反馈，从而更好地理解用户需求和行为。

优点：

应用灵活，可拓展性强，拥有超级强大的交互制作能力，提供强大的交互支持，完整的教程及支持文档，支持原型预览；

缺点：

（难度稍大，入门较慢）学习曲线较高、专业需求度高；
制作原型的速度比较慢（交互操作太多）；无法很好地支持移动端设备
性价比不高。

使用教程：https://blog.csdn.net/xpbob/article/details/52493657

2、墨刀

适用人群：

个人用户、项目团队

适用平台：

收费说明：（详细情况请查询官方网站）

功能：

• 操作简单：简单拖拽和设置，即可将想法、创意变成产品原型。

• 演示：真机设备边框、沉浸感全屏、离线模式等多种演示模式，项目演示效果逼真。

• 团队协作：与同事共同编辑原型，效率提升；一键分享发送给别人，分享便捷；还可在原型上打点、评论，收集反馈意见，高效协作。

• 交互简单：简单拖拽就可实现页面跳转，还可通过交互面板实现复杂交互，多种手势和转场效果，可以实现一个媲美真实产品体验的原型。

• 自动标注及切图：将 Sketch 设计稿墨刀插件上传至墨刀，将项目链接分享给开发人员，无需登录可直接获取到每个元素宽高、间距、字体颜色等信息，支持一键下载多倍率切图。

• 素材库：内置丰富的行业素材库，也可创建自己的素材库、共享团队组件库，高频素材直接复用。

适用领域：

• 主要适用于快速原型设计和高保真度的交互设计，特别适合移动端应用、小程序等交互设计。

优点：

• 交互操作简单，效率高，适合初学者；

• 强大的演示能力。墨刀在轻量级的移动端原型制作更加迅速，展示更加方便；

• 分享方便、反馈及时，快速查看应用在手机上的效果；

• 支持便捷绘制、拖拽交互、真实预览体验，提供海量素材，集合4款工具，原型、设计、流程图、思维导图；

• 支持多人团队在线协作，实时同步更新；

缺点：

• 必须在线操作，离线无法保存；

• 免费版对于项目数量、页面数量有限制；

• 不适用于PC端，仅限移动端产品原型，交互效果、控件组合、操作面板的选择上也都不够灵活；

• 不适合做文档，只适合做交互设计；

使用教程：https://www.jianshu.com/p/cbda3a557139

3、Pop

适用人群：

追求手绘风格和快速原型的产品经理和设计师

适用平台：

iOS和Android平台

优点：

• 免费；

• 学习曲线短、生成快、可分享；

• 操作轻巧十分简单，可以理解为纸质原型的升级版，能够极快速给出原型；

缺点：

• 只支持低保真原型。对于展示的客户或团队成员，只知道产品的大致方向；当交互效果复杂时，设计无法很好地表达。

使用教程：

在POP的帮助下，开发人员或设计师只需要在纸上简单地描述创意或想法，拍摄几张草图，按顺序放置照片，并使用链接点描述每张图片之间的逻辑关系，就可以轻松创建一个动态模型，点击播放显示整个模型。

4、Figma

适用人群：

设计师、产品经理、开发人员

适用平台：
Windows, Mac, Linux, iOS 和 Android 等等

收费说明：

应用领域：

原型设计、UI设计、用户体验设计、交互设计、界面设计和协作设计

优点：

• 支持多人协作，团队协作很方便；

• 矢量工具比较优质，如钢笔工具、布尔运算、扇形工具等；

• 开放的插件生态系统，可以接入海量第三方扩展插件；

• 在线工具，设计内容会自动保存到云端，无需下载客户端；

• 有丰富的的设计资源社区；

• 支持打开Sketch文件；

• 超级实用的自动布局功能；

• 提供免费版本，可以满足轻量级项目设计需求。

缺点：

• 只有英文版本，使用需要一定英语基础；

• 功能相对复杂，学习成本较高；

• 离线功能限制，基于云端的工具，没有稳定的互联网连接时无法使用；

• 服务器在国外所以国内使用起来加载较慢；

• 缺乏高级交互和动画功能限制，可以做一些基本的交互和动画功能；

• 需要开通VPN，下载谷歌浏览器，在网页上面操作。

使用教程：https://blog.csdn.net/2301_79599164/article/details/134550487

5、摹客（mockplus)

适用群体：

各阶段的产品经理及UI/UX设计师，追求中低保真，交互效果，快速原型，新手或专业人群皆适宜；

适用平台：

支持全平台（在线、桌面端、移动端）

收费说明：

基础版永久免费，付费版118元/年，终身版：699元，无需另外付费更新版本。

应用领域：

全流程协作、原型设计、UI设计和设计规范管理

优点：

• 基础版免费使用，操作简单，上手快;

• 功能多样，组件资源丰富;

• 支持多人同时编辑同一页面，高效协作;

• 支持一键分享，直接发布到摹客协作;

缺点：

• 不支持鼠标悬停，手机预览不是很清楚，日历表组件是静态的;

• 表格功能还需要完善;

• 离线状态下无法编辑和保存;

• 摹客可能不支持动画和过渡效果，无法展示复杂的交互逻辑;

• 摹客可能不支持导入其他设计软件的文件，需要重新制作界面。

使用教程：https://help.mockplus.cn/mockplus

三、项目举例（墨刀）

四、心得
1、随着软件技术的发展，目前市场上的原型设计工具的类型多样、功能多样，基本能满足原型设计的需求；
2、很多种原型设计工具都是具有免费版和付费版，通过自己的初步尝试使用过后发现，免费版的资源也是很丰富的，能满足自己现阶段的原型设计需求；
3、每种原型设计工具都有自己的亮点和短板，原型设计工具对于原型的设计来说只能起到辅助作用，所以设计原型时，可以根据自己的需要进行对不同原型设计工具的选择；
4、自己本次决定尝试使用的原型设计工具是墨刀，在完成自己项目所需的原型的设计时，发现墨刀是一款很成熟的原型设计工具，不用花费时间学习，在线登录，进行设计即可，并且会自动保存已经设计好的原型，不会丢失数据，免费版本就有很多可以使用的资源，非常适合初次尝试设计原型的小白使用。