低保真的原型软件()7篇

2024年低保真的原型软件 篇1

要知道交互设计需要学什么，首先得明确什么是交互设计？

官方定义的交互设计（英文Interaction Design, 缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析，关注以人为本的用户需求。

而在我们日常工作中，交互设计主要就是研究用户使用产品的行为习惯、体验，以及人机交互的动作、反馈等。

明确了什么是交互设计后，我们就知道交互设计需要做什么了。

1、草图绘制——一个优秀的设计师应具有一定的手绘能力，以便随时可以将脑海中灵光一现的想法大概表达出来，即时与他人分享你的想法，后期再通过专业工具完善。

2、Xmin等思维导图工具——将产品骨骼框架完整、层次分明地梳理出来。

3、Axure——低保真原型设计、绘制逻辑线框图等。通过低保真原型和逻辑线框图，能有效减少与开发人员的沟通障碍，提高工作效率。

4、Adobe系列产品——这个不用多说，作为一名设计师ps、ai、ae等都是基本功，通过ps和ai绘制图形界面，再用ae制作动效。

5、sketch——mac端界面设计工具，逐渐成为设计师的主流工具，具有矢量、轻便、易导出等各种优势，还能直接在手机上即时预览界面，能绘制低保真高保真界面，也能快速标注、切图等。与princple无痕衔接。6、princple、flinto——动效设计工具，快速直接得表达交互动作。

7、Html, Css, Javascript——部分公司会要求设计师具有一定的代码能力，即使不能完整的敲出一个界面，至少能看懂大部分代码的意思。

以上就是一名交互设计师大概要学的软件，希望对你有帮助。

2024年低保真的原型软件 篇2

废话不多说，直接上干货！

1. Axure 8.0

说起设计原型图，在产品经理眼中，Axure 绝对是一款经典软件。组件多，交互效果多，高手想做高保真原型图的话，可以玩出花来。如果是低保真原型图的话，那更是不在话下。

2. 墨刀

国产软件，收费，但是真好用！有模板，可以快速创建原型图，逻辑流程清楚，熟手的话，一款需求明确、三四十个页面随手拈来，有一会儿就能搞定。墨刀支持标注，同样支持sketch插件，产品设计协同办公，简单方便！

尤其在做手机原型图的时候，墨刀几乎是大部分产品经理的首选之一。

国产经典！

3. sketch

目前只支持mac，轻量级矢量设计工具，一张大画布，让所有图的逻辑清清楚楚，作图也好，切图也好，逻辑也好，都非常好！

对稍微有点设计功底的产品经理来讲，完全可以摒弃原型图，直接用sketch来上手做效果图。说得再狠点，加了颜色那就是第一稿的效果图。

对产品经理的审理和设计功底有要求，大概只有 小众的拥有设计功底的PM才敢直接上手sketch这款神器！

4. mockplus

又称为摹客，可以快速设计原型图，业内口碑不错。

如果喜欢纳兰写的内容，请收藏或关注！

作者简介：纳兰说数码，工科毕业，爱玩爱搞机，也深爱写作。关注我，咱们一起聊点有趣的数码产品或者超酷有用的APP或小程序。

2024年低保真的原型软件 篇3

高保真和低保真的定义

低保真的定义，是仅用Axure这类工具画出来的静态界面（当然你可以用PS或者AI来画），不同静态界面之间的跳转切换关系，通过连续箭头来表达；

高保真的定义，是指含动态的操作体验，比较接近Demo。高保真并非指PS的设计稿，这里区分一下（因为对于游戏来讲，给个PS设计稿的效果跟给Axure画静态界面的效果是一样的，两者并没什么区别，都是低保真，但是如果把前端交互体验和简单的数据交互效果也做出来，那高保真就能很好地展示给老板或者投资者评估）

高保真的使用场景和缺点

当你要展示你的idea，尤其是给投资者，那么这个时候绝对高保真。或者当你在一家大公司，涉及到要展示给其他相关部门的人看，展示实力，验证idea，那么也是需要高保真原型，这种原型，装逼能力一流~

它的缺点，就是制作时间长，维护起来麻烦，而且交互效果数据等需要debug。所以这类东西，决定了它不可能是团队开发的日常原型文档，想象一下，每次修改一个功能，都要花很多时间做效果，效率低。或者你做高保真原型的时候，人家隔壁团队做低保真的已经跟技术沟通好这个需求，技术也可能已经开发好了，然而你还在做高保真的原型。

而技术收到高保真的原型，也是比较懊恼的，因为他真不知道哪个地方是可以点的，点了之后会跳哪里，而且看不到整体规划涉及多少个页面涉及多少个接口，总之就是没法瞬间把握整体需求工作量。

除非你的团队人力资源非常充足，非常有空，否则出于时间和效率考虑，不要做高保真。

低保真的使用场景和缺点

日常开发中，用低保真作为跟技术沟通的工具就可以了。axure上面可以添加文字备注，可以添加带箭头的线条，标示出这个按钮点击之后出现什么界面。而技术也很喜欢这样，能看到整体的需求，有个宏观把握。

低保真的缺点，是它不能装逼。如果你给老板看低保真，他可能没耐性，完全不知道这个出来会是个怎样的东西，尤其是传统老板。

如果有什么产品策划问题，留言评论吧~

2024年低保真的原型软件 篇4

线框图工具在产品设计前期有着至关重要的作用。脱去了视觉的外壳，设计师能够清晰地将产品的特点用简单的线条描绘出来，且不落下任一重要的细节。当客户想了解你的移动应用工作过程时，如果你将做好的线框图页面按照顺序发过去，既能清晰表达你的思路，又能节省双方的时间，非常方便。以下我主要介绍三款口碑不错的线框图工具，希望对你有帮助。

在介绍前，为了帮你选出最适合的工具，请问自己这样几个问题：

1. 我有多少时间来学习这款工具？

2. 我对保真度有什么要求？ 一般来说线框图要求中低保真，从而能保证设计速度。

3. 我需要在哪几种终端上操作，演示或分享我的线框图？

4. 我对产品有无其他特殊需求，如：需要多种演示方式来适应不同情况？

5. 我的相关技能如何？ 是否能快速上手这款工具？该工具对代码能力有无要求？

了解了这些问题的答案后，就来看看下面这些工具吧。1. Axure

免费试用时间：1个月

平台：Mac/PC

功能：制作流程图，线框图。灵活拖拽组件，内置组件包，自定义你的图表。

难度：★★★★

保真度：中高保真

是否需要代码能力？需要一些2. Mockplus

免费试用时间：永久免费

平台： Windows, Mac, Android, IOS

基础功能：

简单快速地进行原型和线框图设计。

适用于桌面应用，手机app，平板应用等。

快速演示，修改，分享。

难度：★★

保真度：中度保真

是否需要代码能力？否3. Justinmind

免费试用时间：1个月

平台：Mac/PC

基础功能：

上传原型，高效地获得反馈。便于行业分析师，用户体验设计师，产品开发人员及产品经理进行沟通。

难度：★★★

是否需要代码能力？否

以上就是ui线框图用什么软件的详细内容。希望能帮到UI设计的小伙伴们~

2024年低保真的原型软件 篇5

在当今信息技术飞速发展的时代，我们不能只是站在一边观察，必须要成为事件的中心。我们要从所有相关来源获取知识，如果不想落后的话，就要始终跟得上时代。2016年已经结束，这意味着2017年即将为Web开发领域带来新的东西。除了本篇回复之外可以阅读这篇文章以了解关于移动应用开发的其他趋势：“移动应用：2017年的趋势是什么？”

不能落后，要跟上时代的发展！

1. 机器人

人们将不再广泛地使用简单的网页，因为简单网页的互动性越来越强。我们的在线活动很快就会被不同的互动提示器简化到根本不需要我们动脑子的地步。如今机器人很受欢迎，但这只是一个开始。全球大多数公司都使用Slack工具进行团队间的沟通。我们都知道可以在Slack工具里启动机器人，这个机器人可以给你打招呼、询问你的姓名、自动在你的闲置帐户中生成姓名等等。机器人已经可以弹出更多的工具和应用程序，这预示着未来将是在线帮手的时代。

2. 运动用户界面

动画、视频和GIF已成为我们日常生活的一部分。很多Web应用都非常快捷、有吸引力，除此之前，用户还需要什么功能呢？运动用户界面广泛用于快速创建CSS过渡和动画，使用户体验更加愉快和舒适。最新版本的运动用户界面已经与动画排队系统相结合，灵活的CSS模式具有更多的稳健迁移选择，适用于各种JavaScript动画库。可以确定的是，未来静态图像将完全让位于动态图像。

3. 反应敏捷

手机是现代世界的座右铭。很多人每天都至少用一次手机在互联网上搜索信息、发送消息或者打电话，重度手机党使用手机的频率就更高了，所以应该最大化地提升使用手机的舒适感。如果您是网站所有者，目前为止还没有意识到迅速响应的重要性，那么现在就要开始行动，让访问您网站的用户更方便地浏览您的网站。正如你所看到的，快速反应是必须的。此外，你可以节省开发移动应用程序等额外的资源，确保手机和笔记本电脑用起来比较舒适。

4. 单网页网站

你是否被多网页网站所困惑，上面的许多标签和页面让你的上网体验非常糟糕？现在就不用担心了，单网页网站的时代就要来临。单网页网站在大多数大公司中都非常受欢迎。它用起来很方便，滚动几下鼠标就可以找到你所需的信息。

5. Javascript将引领未来

未来JavaScript将占据主导地位，它的缺点或弱点比较少。没有人说JavaScript没有弱点，但也不存在比它更理想的计算机语言了。甚至连Mac OS的硬件使用的都是JavaScript。此外，像Angular、Node、React等前端库也越来越受欢迎，而且还出现了更多、更小的库。

怪不得JavaScript已经成为与HTML和CSS相结合的基本Web开发栈的重要组成部分。这个事实本身就是不言而喻的。

6. 视差效果

人们经常会用到视差效果，但很多时候都没有把名字叫对。其实视差效果是向网站添加额外维度层的最佳方法之一，也可以用于添加华丽的3D效果。

将改变世界的趋势

这篇文章列举了Web开发的所有趋势，很快这些趋势就将改变世界。但我们不知道2017年会出现什么趋势。所以随着科技的不断发展，也许有一天我们会大受灵感启迪，自己发明出某种东西！

2024年低保真的原型软件 篇6

说实话，技术人员在产品经理要沟通的人群中（老板、客户、运营、销售、财务、法务、外部门PM、UI、RD）真的算是非常好沟通的一群人，如果你觉得沟通起来很费劲，只能说你自己还没把事儿理清楚想明白呢。

一般产品跟技术人员沟通的时候是在产品设计已经完成，进行需求评审时容易发生比较大的冲突或分歧。还有就是如果你总是在研发过程中更改需求或者压缩整个工期，他们肯定也没有好脸色给你看。那如何避免这种情况的发生呢？

明确产品目标，同步背景

需求评审的时候很多人直接就开始直入主题讲这个原型是什么，交互及逻辑是什么，这个时候RD会觉得自己就是个执行者，一脸懵逼的看着你。所以为了更好的让RD明白，一般都会在评审前给大家讲我们为什么要做这个项目/这个需求（千万不要说因为这个是老板要求做的……你是产品经理，任何需求到了你这里都需要进行前期调研到底能不能做，要是老板让你做啥就做啥，你就是自己没带脑子分析过），然后同步前期的背景，做到信息同步。这样研发才会和你有一个共同的认知，意识到自己做的东西的重要性和意义所在。

产品框架结构清晰

在讲解具体需求之前，还需要你自己梳理好整个产品框架结构或者内在逻辑。一般的呈现方式有：

1、脑图：一般用来说明产品整体的结构分几大块，每块包含哪些功能，也可注明优先级。常用的脑图工具有mindmanager，visio，我习惯用在线的processon（地址https://www.processon.com/ ）

（举例，借用网图）

2、泳道图：如果系统涉及到的角色比较多，流程很复杂，一般会用泳道图来说明。这样方便研发人员一眼能明白整个系统的流转及每个角色在其中的作用。这个比你用语言去每个页面描述强太多了。这个visio也可以画，但是我仍然习惯用在线的processon....

（我自己之前做的一个保养流程的图）

3、流程图：一般要说明一个单独模块里的复杂逻辑会用到流程图，比如登录注册的流程（别看不起登录注册流程，好的产品经理和差的产品经理往往通过这个流程就能识别出来）。话流程图的工具最开始我直接用PPT画，后来换mac之后用Ominigraffle，现在已经习惯用processon……（真的啥都能画啊……）

原型及文档简洁

其实如果能在第二步产品框架结构梳理得特别清楚，原型和文档写出来就很快了，不过很多初级产品经理习惯一边画图一边想逻辑，这就很慢了，还容易漏。

1、原型：一般产品做低保真原型即可，画出页面的主要功能和页面跳转逻辑，建议PM不要太多陷入到按钮颜色、按钮位置等细节中（这些一般UI同学比你经验丰富）。常用工具：Axure、AI、Sketch、mockplus、墨刀等。看自己喜好吧，能达到目的就行

2、文档：文档我觉得有几个原则吧：

1）重复模块只需在第一次出现的时候详细说明，后面可以一笔带过（比如翻页）；

2）能用表格说明的，请不要用长段的文字说明，RD看着结构越清晰越好；

3）异常流程一定要考虑到：还是拿登录来说，比如登录的时候手机号没输完怎么办？帐号密码错误怎么办？验证码没收到怎么办？你考虑的异常流程越多，技术GG才会觉得你越专业，信任就是这么一点一点建立起来的。

评审时要虚心接受意见

见过很多需求评审到最后都变成了PM和RD的扯皮大会，其实完全没必要。如果遇到RD有意见的地方，一般3种处理方式：

1、你认为RD说得对：那就采纳，然后说“嗯，你这个建议非常好，我下来按照你说的改，下次再评。”

2、你对RD的建议存疑：你说这个我一会下来跟大家讨论一下，先搁置争议，我们继续评审接下来的部分。然后下来之后你一定要去从用户角度看这个问题是否应该按照原来的方案还是用RD的方案，或者还有没有更好的方案，然后及时跟提出建议的RD反馈你的想法。

3、你认为RD的建议是无用的不值得采纳：一定不要在评审会上直接说你是错的，也说我们下来讨论一下，然后告诉他你是怎么想的，为什么不能采纳他的方案。

这样评审下来，技术GG一定会觉得这个产品经理还是讲道理的嘛，并不是胡搅蛮缠，就觉得“我觉得用户就是这样想的”“老板就是要这么做”。

以上，就是我认为跟技术人员沟通时要注意的问题。程序员的世界真的挺简单的，你自己想清楚了，能说服你自己，你就能说服程序员：）

2024年低保真的原型软件 篇7

抢答。

作为开始入门的初学者，首先应该了解你想学习的语言的整体学习曲线和具体的语法、框架等。随便打开一个招聘网站搜索web前端你就会看到现在的企业到底需要你掌握哪些技能，以及对应的薪酬待遇情况。这是学习的主动性，以及该有的正确的学习态度。

身为自学入门的前端程序员，我把自己的学习经历分享在这里：HTML/CSS/JAVASCRIPT

学习前端永远从这三剑客开始，这是web最基础的语言。要求熟练掌握甚至精通。

现在随着技术发展，html5和css3已经成了主流，所以你除了学习之前的版本还应该继续学习新的html5和css3，以及javascript的新标准，如es6、es7等。这些都是前端程序员的必备技能，推荐入门从慕课网的基础视频看起，自己也可以买些书辅助学习，重点是多做实战项目，从实战中掌握知识要点。前端框架

如今的前端发展早已日新月异，技术更替越来越快。以jquery为例，曾经热门的jquery有渐渐淡出视线的趋势。现在是流行框架的天下，下面具体说一说前端的各个框架。

Jquery：MVC框架，操作DOM触发数据更新。曾经是前端的必备技能，现在有淡出的趋势。学习较为容易。

Vue.js：MVVM模式框架，入手简单、轻便，适合中小型项目开发。文档为中文，学习曲线平缓。

React.js：facebook出品的MVVM模式框架，上手较难，适合中大型项目开发。文档为英文，学习曲线陡峭。

Angular.js：被google收购，是MVVM框架，有相当的难度。适合中大型项目开发，文档为英文。

easyUi：较少使用。对老式浏览器支持较好，使用简单、方便

unserscore：较少使用，感兴趣的话可以看看源码学学框架的原理

zepto：较少使用，感兴趣的话可以看看源码学学框架的原理Ui库

bootstrap：强大的css库，把语义化做到了极致，是目前最优秀的前端UI库，不接受反驳。也是学习前端必会的。

layui：国人开发的css库，轻便灵活，简洁好用。

antdesign：搭配react使用，基于react做了适配和封装，风格与bootstrap相似。

elementUi：结合vue使用，基于vue做了适配和封装，风格与bootstrap相似。

mintUi：结合vue使用，学习请看文档。移动端

Native App：本地应用程序（原生App）

Hybrid App：混合应用程序（混合App）

web App：网页应用程序（移动web）

这三种移动端开发的区别详见上图。薪酬和技术发展

薪资待遇招聘网站会告诉你，在这里不多说，主要说一说前端的未来发展。

web前端算是IT行业最简单、入门最容易的一门语言，大多数人进入IT行业，都选择了前端入门，那么在未来的几年，前端真的会大众化的选择吗？其实前端并不是大家所想的那样简单。一句话概括就是，入门容易，越走越难。一入前端深似海，从此娱乐是妄想，入了前端的门就注定了要一生学习，追随技术发展的脚步永不停歇。未来的发展趋势主要有以下几点：

趋势一：响应式网站

前些年来网页以pc端居多，随着科技的发展，pc端或移动端已经无法适应移动化的时代了，所以响应式网页是大众追随的主流

趋势二：使用快速原型开发工具

UXpin、Webflow、Invision以及其它许多快速原型开发工具让前端工程师们不需要写一行代码，就能为网站和服务快速创建低保真和高保真原型，便于前端工程师们衡量它们的可用性和美观性。

趋势三：人工智能的发展

大部分人理解的人工智能应该就是AI，但是web前端开发设计中的人工智能相信很大一部分人都不熟悉。web与AI的结合也会是未来的一大趋势。如有帮助，希望能关注、点赞、评论，以及欢迎提出不同意见，方便大家共同进步！