App 产品原型设计用什么软件

发布网友 发布时间：2022-04-20 07:35

我来回答

共12个回答

热心网友 时间：2022-04-21 07:20

分享一些我切身体验后的一些原型设计软件，你可以根据自己实际需求来选择~

Axure：发展较早的一款原型设计软件，因而名声较大。无限画布，适合做低保真到中保真度的原型。功能很多，也让学习起来有点难度，网上有很多axure教程就不多说了。本地型软件，可以下载html文档预览，手机预览不方便。

墨刀：国产的一款原型设计协作工具，比起axure来非常容易学会，内置组件很多，创建页面跳转也比axure简单太多。因为是一款在线工具，可以云端保存工作，这点确实很便捷。另外，通过分享链接就可以分享原型给别人看了，如果涉及到跟同事对接什么的，选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。

Invision: 可以说目前是国外发展最大的在线原型设计工具，主打“交互原型”和“协作”，支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch，想满足更精细的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题，而且，贵。（土豪公司无视）

Marvel: Marvel 也是海外知名度较高的一款原型设计协作工具，支持PS和sketch设计稿导入做交互原型，本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash，这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。

POP（Prototyping on Paper）：这款比较另类，是给拍照的手画草图直接做交互。操作轻巧简单：先用手机拍下草图原型(存到POP app内)；然后开始编辑图片的哪个区域（按钮）链接到什么页面，添加跳转链接热区，就可以在手机上给小伙伴们演示了。内嵌的交互动作 如侧滑、展开、消失等，即可满足一般的动态演示需要。但功能较为简单，对更深的需求无法满足。

Proto.io：也是国外的一款手机原型开发平台。支持在大多数的浏览器运行，共享和协作操作方便，可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件，支持自定义。另外它有不错的用户测试功能，支持视频录制。并且在移动组件时，能够实时在画布看到组件之间的距离。另外由于服务器的原因，有国内用户反应速度有点慢；收费较高，性价比一般吧。

Moqup：支持线框图，原型，和逻辑流程图。里面组件数量蛮多，像表格这些也有，做web项目比较便利。支持在线预览和分享，支持评论，不支持标注。上手较容易，不过没什么模板，UI有点过时感。

希望对你有帮助~有疑问的地方欢迎追问！

热心网友 时间：2022-04-21 08:38

现在市场上有很多啊，不同工具特色也不一样。

像我们公司，更看重的是原型制作过程简单快速， 沟通方便，所以，选择的就是最近比较热门的摹客Mockplus.

App原型制作的时候，模板多，移动端的组件、组件库以及图标库也丰富，简单拖拽组件或修改模板，就可以快速制作有灵活交互的原型。 测试、演示、沟通以及反馈收集都可以实现。
整个团队还可以在线同时协作、完成一个原型，同步测试和迭代。

热心网友 时间：2022-04-21 10:12

原型的目的是为了交流和演示。所以根据不同的目的应该选择不同的工具。

在最原始的阶段，设计师为了保存自己的想法，同时与其他人沟通，一般都是采用手绘草图的方式。方便快捷。实际上在紧密配合的小团队内，手绘原型完全可以坚持到最后阶段。

当产品概念已经慢慢清晰后，需要将产品的内容，结构，流程等元素通过可视化的方法固定下来，一般就会使用软件绘制低保真的原型图。这个时候一般会使用Axure，Omnigraffle之类的工具。选择此类工具的理由就是有大量的模板和组件可用（有经验的设计师都会有自己总结积累的模版库），可以提高效率。同时使用软件绘制原型图，传达上会比较清晰一些。

其实很多时候，低保真的原型+说明+交互行为备注+流程图，已经可以满足需求了。不过因为app一般都有大量的手势行为和过场动画，有时候也需要制作一些更高保真的原型。这时候有几个好的选择：
1，google收购的Form，类似QZ的操作。学习曲线比较陡峭，不过熟练之后应该能胜任绝大部分需要了吧。
2，在线原型制作工具，比如前面有同学提到的mo.io，比Form好学易用。缺点就是灵活性就差一点。

任何原型工具都是为了将设计师的想法尽可能高保真的表达出来的工具。所以创意和技能是相辅相成的，需要齐头并进。

以上是澳环科技开发APP时整理的常用到的一些经验希望可以帮到你

热心网友 时间：2022-04-21 12:04

那axure和腾讯cdc的uiddesigner，还有在线的fluidUI也可以考虑。其他好像没有了吧。但除了axure，后两者所谓的交互其实都是不同的界面截图之间的切换，说白了就是多节点式结构的ppt，不是真正的交互。axure的思想更接近实际开发，比如通过master实现界面元素的封装复用，条件判断，函数，变量。这些功能除了开发工具，原型工具还有谁能比得上axure吗？ app原型相比网页，界面结构简单，但交互复杂得多。界面上的div也不是平铺的，为了有效利用空间会用到很多层叠，卡片式之类的展示方式。要做这类高保真可交互原型，觉得非auxre莫属。比如一个tableview滑动到顶部刷新，底部回弹，不借助开发只有axure能做出来。 从07年开始用axure，曾经一度认为做网站原型，axure已经不需要再怎么改进了。自从做app之后，觉得axure有点根不上时代，但试了其他工具，还是觉得auxre最合适。仔细做过几个以后，觉得axure还是完全适合做app原型的。做好以后分享也方便。放到内网，或者axshare上，或者有一个html runtime的app，可以在设备上直接浏览axure输出的html。 当然axure作为一个工具，不可能每个环节都是最好的。比如我希望axure能借鉴一下其他工具和开发思想，把UI和素材分离出来，就像换皮肤一样，一个控件可以随便更换图片素材。这样pm或者交互用最简单的线框设计，确定交互以后，可以把设计师的图贴上去，这样就100%保真了。 axure对app设计不友好或者说最落伍的地方，就是支持的事件类型太少。交互上无法模拟出多点触摸，无法模拟设备运动，无法模拟各类传感器……或许对一个原型工具来说，要求太高了。

热心网友 时间：2022-04-21 14:12

现在主流的原型界面设计软件基本就那几款吧，比如Framer、Shireframe、v-proto，前2款对技术和入门还是有要求的，后面者是国产，更符合国人使用习惯，而且零基础的人也能很好地使用。
原型设计工具一定要能在工具内拖拉拽模块或者通过大量模版集合，现场快速生成产品模型，可视化操作让客户思维得以具现化，高保真度还原需求，同时支持团队协作办公，需求即提即改，大大缩短交流成本和交付周期。这才是原型工具的本身存在的意义

热心网友 时间：2022-04-21 16:36

现在市面上有很多app产品原型设计软件，还有一些在线设计工具可以使用
目前比较主流的原型设计工具就是axure，功能很全面

剩下的就是一些国内产品，xiaopiu，蓝湖，天鹿xdeer，Mockplus等，功能弱一点，某些功能也需要付费使用，如果有直接套用模板的需要，可以使用这些设计工具进行设计

热心网友 时间：2022-04-21 19:18

App产品原型设计推荐使用Pixso协同设计。该工具不仅是一站式产品设计协作工具，更是一款专业的UI/UX设计工具。

Pixso协同设计不仅实现了和Sketch、AdobeXD的无缝衔接，更基于优秀的组件变体、自动布局、实时协作等特色功能，团队成员面对一个复杂的设计项目，不再需要等主视觉完成后再进行子页面设计，让UI设计师在网页上就可以尽情自由创作。Pixso协同设计拥有更多矢量网格、布尔运算、样式创建、智能排版等高阶功能，组件级自动布局，增加或删除内容都无需手动调整，智能排版，且自适应不同屏幕尺寸。使设计师真正专注于创造本身。团队成员面对一个复杂的设计项目，不再需要等主视觉完成后再进行子页面设计。完全可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。并且可以创建一个组件，在任何地方重复使用它，当主组件样式更新，所有组件将自动同步发生改变。

想要了解更多关于App产品原型设计的相关信息推荐选择Pixso协同设计。Pixso是一款专业的在线UI/UX设计工具，内置众多大厂的优秀设计规范，提供海量设计模板和素材，集成众多大厂优秀的设计系统，所有UI设计师均可直接拖拽复用，从此省去大量模块化设计环节的重复劳动，本地化字体资源，及专属私有化部署。

热心网友 时间：2022-04-21 22:16

1、用Axure绘制UE图，导出成手机尺寸图片
2、导入Briefs或者pop，加入交互，体验一下
3、把UI图转成黑白，在Axure里标注，写文档，生成html
4、UI定稿再导入briefs，高保真体验

热心网友 时间：2022-04-22 01:30

市面上有很多款画原型的软件，推荐axure即可

热心网友 时间：2022-04-22 05:02

Axure、墨刀、蓝湖

热心网友 时间：2022-04-22 08:50

现在原型工具有很多，那我今天就罗列一些APP产品原型设计师和产品经理经常用到的工具，以此提高工作效率，又好又快的完成工作。

第一款：Axure

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理

第二款： Adobe XD

Adobe XD是一站式UX/UI设计平台，在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能，并同时提供工业级性能的跨平台设计产品。使用Adobe XD可以更高效准确的完成静态编译或者框架图到交互原型的转变。Adobe XD 面向网站设计、移动 APP 设计等设计工作。

第三款：Mockplus（摹客）

Mockplus，一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。从设计上，采取了隐藏、堆叠、组合等方式，把原本复杂的功能，精心安排。上手很容易，但随着你的使用，功能层层递进，你会发现更多适合自己的有用的功能。新手不会迷惑，熟手可以够用。值得一提的是这是一款国产工具，我认为是国内目前最好的工具。因为目前Mockplus的在线原型设计协作平台已然走在国内甚至国际（很多老外也购买摹客英文版）的前列，不论是原型设计、流程协作还是设计规范，都能够在摹客完成，非常方便。并且支持Figma、Sketch、PS、Axure、XD几乎所有主流工具的插件，界面和语言对国内设计师也非常友好。有兴趣可以去摹客官网注册试试。网页链接

- 可分工协作，多人编辑同一个项目；

- 通过评论和标注原型，完成对项目的审阅；

- 提升开发团队的生产力；

- 大大降低沟通交流成本。

第四款： Justinmind

JustinMind是由西班牙JustinMind公司出品的原型制作工具，可以输出Html页面。与目前主流的交互设计工具axure，Balsamiq Mockups等相比，Justinmind Prototyper更为专属于设计移动终端上app应用。justinmind的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的高保真原型。不用进行编程，就可以在原型上定义简单连接和高级交互。

第五款：Balsamiq Mockups

Balsamiq Mockups是一款共享软件，每个lisence授权是79美刀，对个人用户来说，价格不菲。它推出之后如此受欢迎的原因是在软件产品原型图设计领域，特别是web原型图设计领域，还没有哪款产品有如此丰富的表现形式。使用Balsamiq Mockups画出的原型图都是手绘风格的图像，看上去非常美观、清爽（当然，跟使用者的设计水平也有关系）。它支持几乎所有的HTML控件原型图，比如按钮（基本按钮、单选按钮等）、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外，它还支持目前如火如荼的iPhone手机元素原型图，这为开发iPhone应用程序的软件工程师提供了非常好的设计图。

第六款： Proto.io

Proto.io是一个专门用于移动应用的产品原型工具——可以构建和部署全交互式的移动应用的原型，并且可以模拟出相似的成品。基于Web的在线环境，它可以让你制作流行的 iPhone，iPad，Android 手机以及任何带有屏幕界面的产品原型。

热心网友 时间：2022-04-22 12:54

1.Axure：Axure是一款老牌原型设计工具，大多数产品经理都不会陌生，总体来说功能比较强大，做中低保真原型没什么问题，不过学习的难度比较大，全英文界面对英语学渣来说不太友好，还有楼上提到的，手机预览很不方便。
2.Mockplus：这个是我们团队现在用的一款国产原型工具，交互组件比较丰富，页面切换也很方便，每个组件上方都有一个小圆点，拖拽就可以设置交互，可以说是傻瓜式工具了。这个工具的预览方式很多，微信扫码、小程序、APP都可以预览，如果是做APP原型的话我比较推荐这个工具。
3..Sketch：Sketch其实UI用的比较多，不过自从Sketch新增原型设计功能以来，还是收获了很多粉丝。这款工具适合做高保真，但只支持Mac，其他系统请绕道。
以上是我自己体验的经验，你可以根据自己的需要来进行选择。