目前业务普遍菜用了Axure作为原型设计工具。产品或交互人员通过对信息架构的梳理，确认界面内容区的划分，并通过交互方式呈现功能点。原型分为线框图、低保真图、高保值图。
互联网产品（四）：交互设计
原型是产品可视化的展示，包括了产品的信息架构、功有、内容、交互方式。目前业务普遍菜用了Axure作为原型设计工具。产品或交互人员通过对信息架构的梳理，确认界面内容区的划分，并通过交互方式呈现功能点。
原型分为线框图、低保真图、高保值图。不管哪种呈现方式，都需要设计交互功能，“使原型活起来。
不能设计交互的，要采用注释的方式。
原型使用对象是产品、开发、前端、设计、测试、运营等相关人员。
中小型公司的原型一般结合流程图被产品经理写入需求文档，作为需求描述一部分。
而在大公司，交互设计师通常将原型图写入交互设计说明书，定义产品原型的相关要求。
快速迭代的公司，要求产品上线时问题越快解决越好，甚至是开发完测试一下直接上线，所以很多缺少原型的规范。
优点 ：原型设计人员可以自由把握原型的设计，尽可能输出更多想法
缺点 ：需求团队默契度高。这种情形中小公司较多。
大型多部门的公司制度完善，对于原型设计有一定的规范要求，原型设计人员必须按照要求完成原型。
优点 ：既便人员流动，交接人也可以根据统一的规范标准立刻读懂原型，方便写交互文档。
缺点 ：周期长，影响产品迭代。
一般原型设计规范：
产品的内容框架：产品功能的信息架构、流程判断的信息架构、带注解的线框图、过渡页面、带算法的页面、页面流程图（Axure8.0的页面快照）、多入口流程图、具体模块图、多方协作图、动画效果等。
如果需要定义原型规范，请总结以上要点。建议原型规范不需要定义的太死板，但原型具有的细节注解（如字符限制、跳动指向、操作动作类型、浏览器兼容性等）需在交互说明书或者产品需求文档内交代清楚。
定义：顾名思义，页面流程图是页面之间流转关系的示例图。
该图属于宏观层面的全局规划，不需要有每个页面的布局、细节要求。
部分产品页面的层级过深，采用信息架构的方式呈现。
优点 ：快速从框架上了解业务的流程关系；相关人员了解工作量情况；聚集业务的行为路径
工具：Axure、PPT、 Visio
【如何画，举例：某众筹项目移动侧】
一、业务流程图：点击流程图上的线框图，可以进入相应的页面或流程
二、页面流程图：点击相关的页面，可进入对应的页面。
三、页面快照与页面：在流程图上，点页面快照或线框图，进入相应的页（比如登录页）
定义：有时也称为站点地图，强调内容、功能的结构、导航系统的设计、是产品的骨架。
该图展示产品的内容归类或功能集合，需要罗列每个页面的细节内容或功能点形成结构化（有层次、有类别性）。该图也是技术人员创建数据结构的辅助文件。
优点：快速全面的了解产品业务框架；相关人员了解工作量情况；相对Web产品，更适用于移动客户端产品。
工具：Axure、PPT、Visio、xmind等
【举例：京东众筹】
交互说明文档（DRD），主要交付给前端、设计师、开发、测试等人员，根据需求大小难易程度，灵活撰写。
注意点：文档起辅助作用，要面对面交流；沟通后持续完善；模板不一；无需纠结模板，把需要和细节阅明清楚即可。
内容：信息架构图、页面流程图、页面细节图、交互相关规范等。
优点：宏观上明细业务信息架构及页面流转怀脱史，从微观上设计用户交互行为。
勿写：
1、视觉规格规范
2、市场需求
3、功参实现方案
4、相关文案
工具：Word或Indesign
【举例：XXX众筹平台】
注 ：如果公司没有细分交互设计师岗，而由产品经理承担，则无需单独出交互设计说明并入prd即可。
*移动端
待续
详情待续
【常用的网站设计规范参考】
<<常用的网站设计规范参考>> 可百度
【相在知识】
【目标】
可用性、易用性、满意度、价值度、可信度、可实现性、可识别性
【定义】
指人们对使用或期望的产品、系统或服务的感觉与反应。它可以分为使用前体验、使用中体验、使用后体验。在产品设计中，用户体验要结合各方面不同利益，平衡产品元素：包括UI、交互、功能、逻辑、售后等等。通过“可用性、易用性、可实现性、可识别性”的提高，增加用户的满意度和信任度，最终提升用户的价值度。
用户体验为设计目标用户为起点，进行满意度与概念设计、用户功能需求设计、交互设计等等过程，最终形成用户产品反馈和报告，进行新一轮产品设计优化。
【用户体验要素】
（待续）
网页原型图模板怎么用-如何将一个网页中的元素放到新的原型设计中
图片转rp原型图怎么转按照以下步骤进行操作:
1、打开AxureRP软件,在新建项目时选择“RP原型”模板。
2、在AxureRP中新建一个页面,用作图片转换的页面。
3、将需要转换的图片拖动到页面中,调整图片的大小和位置。
4、在AxureRP的“交互”面板中选择“热区”,用热区工具将图片切割成需要的形状,如矩形、圆形等。
5、对于每个热区,可以在“交互”面板中添加链接和交互效果,如弹出层、切换状态等。
6、添加完所有热区和交互效果后,可以在AxureRP中预览页面效果,检查是否符合要求。
7、将页面保存为RP原型文件即可。
如何将一个网页中的元素放到新的原型设计中基础的其实很容易学会,就是拖动控件完成布局。你可以从静态页面的设计开始学,熟悉每一个控件,然后了解这个控件可以做什么(添加什么事件),可以接受什么控制(事件能够对它做什么,比如启用/禁用?接收参数?改变状态?)。在这个过程中注意体会axure软件本身的设计思路,这样学起来会事半功倍。然后开始学习做交互,找一些网站而不是实例教程来练习,先把静态的画出来,再看网站的交互是什么样的,尝试用axure做出来,这个时候会碰到具体的问题,想想按你理解的软件思路,可以怎样去解决,先摸索一下,实在不会了再去找解决方案。反复几次后,常见的交互效果基本就会了,在这过程中也加深了你对axure本身的理解。再然后,随着会做的效果越来越多,会走向效果控路线,总想做最高保真的,甚至到了改生成文件的css层面,其实有的效果一句话可以描述清楚的但实现起来很麻烦,没必要。最后慢慢走简约路线,能简则简,简单实用就好。这个时候会更关注效率,怎么把一个模块做成多个页面复用的模板,怎么把组件打包分享给其它同事,怎么通过axure进行多人协作共同完成一个原型设计.
ui原型图用什么软件做一、快速原型
快速原型的重点在于快速输出线框原型,交互功能匮乏,也可以说是低保真的原型。其中常用到的工具有:
1、Pencil。它是一款开源的手绘风格原型图绘制工具,部件比较丰富。除了使用超链接没有其他交互,只能用于快速画出界面。可以导出为PNG、pdf、web格式。
2、lumzy。无需注册、无需下载,直接在浏览器上打开即可进行原型设计的工具(英文网站)。主要是用于设计草图。功能较简单,交互少,部件不多。虽然lumzy相对简单,但是上手快,适用于快速原型,也有很多UI设计师在使用。它可以导出为pdf、jpg文档。
3、MockupCreater。能做界面原型无法做交互,即输出仅为概念草图。目前只支持PNG、RTF和PDF三种静态文件格式导出。
4、MockupBuilde。它同样也是草图原型,部件相对lumzy、MockupCreater要多一些,只能使用超链接实现交互效果。目前只能导出PNG、PDF格式
二、交互原型
交互原型相对快速原型而言,除了能做出线框原型,还能实现丰富的交互功能,在项目排期时间充裕的情况下,建议采用交互的原型设计。此外这些交互原型也可以舒服功能高保真的原型。其中代表工具有:
1、腾讯UIDesigner。它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。2.0版本功能交互全面,响应速度也较快,但是针对PC平台应用设计的。UIDesigner预览很方便,可以导出exe文件。
2、Flash。从曾经最流行的FlashMX、Flash8.0一直到现在的CSN,迭代了各种版本,像PS一样历史悠久。它功能强大,熟练情况下几乎能做出想要的各种效果甚至UI,甚至可以直接做开发,但是对技术要求高,做出好的效果需要懂点AS脚本。导出方便,除了本身的swf格式,exe、图片格式乃至web形式都可以导出。
3、Axure。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
三、高保真原型
单纯的高保真原型更加注重视觉效果,但是交互功能先对匮乏是UI设计师必须掌握的基本视觉设计原型软件。主要使用的工具是PS和illustrator。现有的版本甚至可以直接切图并保存为web格式。使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作。
原型设计软件哪个好
“好用”这个词本身就带有主观性。只要自己熟悉的，并且掌握好的都是“好用”。
只能给你推荐目前比较常用的原型设计工具，
如：Axure、墨刀、uidesigner、Sketch等等。
手机app的原型跟网页原型都用什么软件做呢
你好！手机应用产品原型图工具：Axure RP 细节交互做的很好
如有疑问，请追问。