2024年手机端画原型软件 篇1
废话不多说，直接上干货！
1. Axure 8.0
说起设计原型图，在产品经理眼中，Axure 绝对是一款经典软件。组件多，交互效果多，高手想做高保真原型图的话，可以玩出花来。如果是低保真原型图的话，那更是不在话下。
2. 墨刀
国产软件，收费，但是真好用！有模板，可以快速创建原型图，逻辑流程清楚，熟手的话，一款需求明确、三四十个页面随手拈来，有一会儿就能搞定。墨刀支持标注，同样支持sketch插件，产品设计协同办公，简单方便！
尤其在做手机原型图的时候，墨刀几乎是大部分产品经理的首选之一。
国产经典！
3. sketch
目前只支持mac，轻量级矢量设计工具，一张大画布，让所有图的逻辑清清楚楚，作图也好，切图也好，逻辑也好，都非常好！
对稍微有点设计功底的产品经理来讲，完全可以摒弃原型图，直接用sketch来上手做效果图。说得再狠点，加了颜色那就是第一稿的效果图。
对产品经理的审理和设计功底有要求，大概只有 小众的拥有设计功底的PM才敢直接上手sketch这款神器！
4. mockplus
又称为摹客，可以快速设计原型图，业内口碑不错。
如果喜欢纳兰写的内容，请收藏或关注！
作者简介：纳兰说数码，工科毕业，爱玩爱搞机，也深爱写作。关注我，咱们一起聊点有趣的数码产品或者超酷有用的APP或小程序。
2024年手机端画原型软件 篇2
App从无到有，直接参与的人员有哪些？1. 老板/产品总监2. 市场人员3. 产品经理4. 交互设计师5. 视觉设计师/UI设计师6. Android和iOS开发人员7. 后台服务端开发人员8. 测试9. 运营人员10. 技术总监
app制作开发流量：
1. idea的出现与产生。要做一个App的想法，一般来自于老板或产品总监或运营负责人或市场人员，实际中idea来自产品经理的情况我还没遇到过。
2. idea的提出。接下来，产生idea的人会找到老板、产品总监、技术总监以非正式的形式聊一聊想法，以确定这个想法是直接否决还是有必要做，如果有必要做，接下来就是后面的流程。这个小会议应当哪些人参与是没有标准的，但至少是领导级别的。
3. 产品总监会叫来产品经理，把第2步的方案讲给产品经理。接下来产品经理上场，正式接手。
4. 产品经理针对此App进行风险评估、成本(耗费的人力资源、公司场地租金、水电费、人员差旅费等)评估、可行性评估以及特别重要的竞品分析，还要与市场、销售进行讨论，了解市场对于同类产品的看法、需求等。最后输出文档：可行性评估报告、成本分析表格、市场分析报告、竞品分析报告。
5. 产品经理召集技术总监、产品总监、市场、运营、交互设计师开会，将第4步中的文档过一遍。这一会议是发现并改正这些文档的问题、会议目的是确定App的目标人群、目标市场、功能点等大方向。
6. 正式进入需求分析环节，产品经理开始与交互设计师研讨App框架这类大纲问题。没交互设计师岗位的公司这一项全部由产品经理完成。 产品经理还需要进行行业相关的用户调研、用户访谈、做用户画像、典型用户标签。 这一步会输出App需求文档、线框图原型文件。
7. 需求评审会。产品总监、技术总监、产品经理、交互设计师、UI设计师、具体开发人员(App开发人员和后台服务器人员)、测试主管参与。目的是纠正需求文档和原型文件中的问题，比如开发难度过大时间不允许的功能需要砍掉、没考虑清楚的环节需要记录、意义不大的功能暂缓等。接下来改文档、原型，再评审、直到通过。一般这个时候需求文档和原型文件早已不是最初的模样。
8. 上述确定的需求文档和原型文件邮件发出给所有参与人员，而后产品经理拉着开发、测试、UI挨个找他们评估时间，然后做好项目计划、将需求分为2-3段，分别是核心功能、重要功能和一般功能，再邮件发给所有参与人员以达到所有人明确项目计划和周期的目的。接着，UI正式上场，做图、输出图，包括页面设计图、页面坐标图、切图(包括App的icon和设计图中的各个切片)。
9. 开发人员开始根据需求、原型和UI敲代码、测试人员根据需求写测试用例。后台的主要工作是部署后台程序如数据库设计、后台代码编写、以及特别重要的接口文档编写(接口文档用于App与后台的对接)；App开发人员(Android与iOS)负责编写界面、本地处理逻辑、使用接口文档等。
10. 测试用例评审。测试用例的编写与开发的工作同时进行，一般测试用例会更快出来，然后负责测试的那位同事会组织开测试用例评审会，产品经理、交互设计师、具体开发人员、测试主管参加，很少数情况产品总监或技术总监会参加。
如果你也想开发一款属于自己的app软件，可以通过第三方专业开发平台，来帮助你实现开发需求：厦门在乎科技（ https://www.icarexm.com/app.html ）-专注小程序、app、网站开发
2024年手机端画原型软件 篇3
这样的图片是用什么软件做的？
回答这问题首先得看这个图片的来源1、如果这图片是网页（html5）截图
截图，顾名思义就是截下来。那原图自然不是这样构成的。请看
上面1和2部分都是html代码组成，在浏览器浏览时自动会解析成我们能看到的图片和按钮了。1部分可以说是一个大的容器(div),其中插入图片或以人物图片为背景。2部分是遮罩层。这个是有javascript代码组成的效果。弹出的组件呈现半透明状态，外加两个按钮（确定和取消），然后截图（手机和电脑皆可）2、原型设计软件做成的
原型设计软件有很多种，我这里就不做介绍了。但用图片设计软件先做效果也是可以的！
我这里photoshop简略的画一画，但原型设计绝不是这样的！
大家能看清吧，只是粗略的演示！
请大家拍砖啊！
当然这副画怎么做出来的，肯定还有其他的答案，欢迎在评论出跟评，给出你的答案
2024年手机端画原型软件 篇4
1、Axure RP（Rapid Prototyping）
Axure（读音为Ack-Sure）无疑是目前最受关注的原型开发工具，其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型（流程图、线框图），并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。
Axure借鉴了office的界面，能够让用户快速上手，并且提供了丰富的组件样式修改，使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。然而最让人称道的是，Axure的丰富的脚本模式，可以通过点击和选择能够快速完成界面元素的交互，如链接、state切换、动态变化等效果，使得Axure能够生成十分接近于真实产品的原型。另一方面，Axure能够导入其他人创建的元件库，使得Axure能够满足绝大多数类型产品的设计。
但Axure仍然有一个让人头痛的问题：对于中文的支持不太友好。在小部分元件上输入中午的时候，经常需要像碰运气似的反复切换输入法，破坏了咱们设计师的用户体验。
瑕不掩瑜，Axure仍然是交互设计师的首选原型工具。
2、Microsoft Office Visio
Visio在2000年被微软收购，并在2002年成为office2003套件中的一个组件，最新版本是2007。Visio能够获得推荐的原因是因为Visio的适用性非常之广，从网站界面、数据库模型，到平面布置图到工艺流程图，Visio都提供了相应的元件库和模板来进行快速创建。
相较Axure而言，Visio更适合于传统行业的生产或流程设计，或者软件及互联网行业中的信息、数据和流程的说明，而不太适用于web界面。因为其的基于web的元件库还是比较少，并且形式和结构也更类似于word中的图形工具，因此在原型开发效率上都有所不足。
3、Balsamiq Mockups
这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉，手绘风格的元件样式粗犷淋漓，能创建接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用元件，包括常用的html控件、以及一些组合控件，如多媒体控制器、标签页、列表、Iphone界面元件等。
Mockups最值得赞赏之处在于其提供的多数组件都可定制外观，对于中文的支持也不错（选择View > Use System Fonts）。
4、Mockflow
Mockflow和以上工具最大的不同在于Mockflow是一项基于Adobe Flex技术开发在线服务，提供了与Balsamiq Mockups基本相似的功能，甚至更丰富的组件，虽然其元件定制化不够强大，但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建。有一个让我爱不释手的功能是模板，可以设置基于任何页面的模板来进行新的页面设计。
与其他模板工具相比，mockflow有一个非常特色的功能，基于web的存储可以在任意电脑上联机打开，同时可以其他人进行快速的分享，并收集在线反馈意见，非常适合虚拟团队的原型设计交流。
虽然在线服务的基本帐号只能创建一个文件，但单个文件却没有限制页数，因此也基本上足够使用。
5、Pencil sketch
Pencil 是一款基于Firefox的扩展组件，安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板。功能比较简单，仅能用以日常简单工作的辅助 说明。提供的默认元件都是基于软件工程，因此更适合用于windows桌面程序的简易界面搭建，或者是基本的页面功能说明，并不适用于严肃的原型开发，但 好在体积小、又轻便，能够方便将网页中的元素直接拖到或者复制到当前的画布中，这也是Pencil安装在Firefox所带来的便利之一吧。
更多工具...
在以上列举的原型开发工具都是较为常用的，也是在国内的交互设计师们比较常讨论的，但其实和Axure功能相似的软件还有很多，下面也就一些简单说明：
6、GUI Design Studio
这 是一款真的非常强大的原型制作工具，没有在上面推荐的原因是因为我还没有实际体验过，但冲着这工程级的界面设计就没有去尝试的冲动，但是从官方网站的截图 和视频演示来看，这款软件的操作模式和前面的原型工具大有不同。Axure之类多是基于页面的原型设计，对于web网站尽管很实用，但是对于软件界面的流 程设计却略显繁琐。而GUI Design Studio却另辟蹊径，直接以建立元素与元素之间的关联的方式来自动化的创建动作流程，而从视频演示来看，这样的确很大程度上提升了软件界面原型搭建的 效率。
7、Prototype Composer
Serena 公司免费提供的原型开发工具，功能确实强大，提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制，这个软件的开发理念非常好，用这一 款工具来满足项目开发流程中各个环节的沟通和决策。但软件的学习和使用成本比较高，要了解其中的全部功能，貌似需要花不少时间。另外软件的效率和稳定性还 有待提高，试用的过程中多次出错及停止响应。
8、Lucid Spec
由 Elegance科技推出的Lucid Spec是一款很类似Pencil的原型工具，仅仅是提供了更多控件。不过Lucid Spec强调了生成干净的说明文档的功能，这可能是针对于多数原型工具的自动化生成规范的冗余而言的，不过老实说Lucid Spec提供的原型界面太过简陋，并且生成的说明文档也未见优化有怎样的提升。视频介绍
9、Irise Professional Edition
Irise与其他原型工具相比其中一个特色在于提供了样本数据的功能，这是类似于excel表的一个样本数据库，可以通过界面元素直接获取样本数据库中的数据，这样所生成的原型甚至可以使动态数据更新的。
10、Adobe Reader
Adobe reader？没错。其实理论上任何可以创建图形和文本的工具都可以用来原型开发，因为原型本身就是对于业务逻辑和功能界面的模拟或仿真，因此有何理由不能使用PDF格式呢？BoxandArrow的这篇文章《PDF Prototype》提醒了我们，所有的原型工具都只是工具，而不是设计本身。
2024年手机端画原型软件 篇5
手机APP的制作流程一般分为以下几步：
1.明确需求，也就是要用这个app做啥，实现哪些功能；
2.将这些功能按照一定的逻辑排布在手机屏幕大小的页面内，同时把每个功能的实现逻辑和传导页面都画好，这就叫画原型；
3.按照画好的原型做设计，也就是美化这个app，同时按照技术开发的要求，把设计图进行切分待用；
4.技术开发，一般app都同时开启3个平台进行开发，一是后台程序，一般用java语言；二是苹果客户端开发，用x-code；三是安卓客户端，用java的客户端开发平台，同时还要进行前后端的协议、接口开发。
5.测试，开发过程中要对单独功能进行测试，开发完成后还要进行联调联测。
个人认为，开发app的难度和成本投入，主要不在第一次开发阶段，而是在后期问题解决、功能追加和用户体验优化上。虽然我不会开发，但带团队做了5年的app外包开发服务，去年彻底放弃了这项业务，原因就是app上线后所需的追加成本可能会数十倍、数百倍于早期成本。这个时代的发展方向是：大平台（腾讯、阿里巴巴、百度）负责搭建技术成熟稳定的平台，而创业创新公司专注于在这些平台上做自己的商业模式。
2024年手机端画原型软件 篇6
如果您是产品经理或交互设计师，在选择原型设计工具时，首推Axure。自动升级到了最新的9.0版本后，Axure RP9对移动端支持力度更大了，可以选择设备的尺寸。Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理
Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。
如果您对Axure RP9的学习有兴趣，不妨关注我的专栏《Axure RP9新手零基础实用教》，购买本专栏赠送交互案例源文件和移动端交互组件库，专栏地址：https://learning.snssdk.com/feoffline/toutiao_wallet_bundles/toutiao_learning_wap/online/album_detail.html?content_id=6733786988677169416