本文目录
- 初级产品经理-如何高效绘制AXURE原型
- 产品经理该不该画原型原型设计上谁负责
- 如何通过原型制作来实现信息产品创意的流程
- 原型设计是什么，该怎么使用它
- “原型”是什么意思
- 做产品原型设计有哪些需要注意的问题
- 进行原型设计之前，你需要了解草图、低保真和高保真的这些区别
- 产品设计 | 6种原型图的优缺点
初级产品经理-如何高效绘制AXURE原型
原型是产品经理或者交互设计师所设计的某一需求或者某一问题的具体的解决方案。绘制原型的工具有很多，我们公司大多的产品用的都是Axure。用这个软件，高保真或者低保真原型都能做的很好。那么，怎样的原型才适合团队交流？ 毕竟绘制出来的原型并不是只给自己看的，还要讲解给团队里的成员，UI/前端/开发。特别是进行小组内评审的时候，通过演示原型，需要向他们讲解产品内部的逻辑、具体的页面、动效等，还要向他们询问设计是否合理，能否实现等，静心倾听他们的意见。这时候，原型就是一个思维传达的工具，将你的想法，翻译并灌输给你的团队成员。同样，原型是也团队的交流工具，针对绘制出来的原型，每个人都可以谈谈自己的看法，交流思想，完善原型不足的地方。 所以原型绘制出来，必须要有基本的交付标准。 一、原型设计的基本交付标准 1.清楚------让他人能明白产品是干什么的，包括什么功能，有哪些页面。 需要清楚地表达页面有哪些内容模块 需要清楚地表达模块内部的构成元素 2.清晰------让队友知道具体有哪些要求，指导他们如何做 【1】功能操作 某一个功能可以进行哪些操作，点击/鼠标悬浮/拖动等操作，以及页面会有什么反应。（方便开发的工作）。 【2】操作路径 有一些操作是要跳转页面，跳转的路径需要标清楚，跳到哪去了，涉及哪些页面，页面之间是如何联系的。防止用户迷失。【3】点击状态 一些链接，按钮，需要标明它初始的时候是什么样，鼠标悬浮有什么效果（颜色/下划线/提示语等），点击的样式变化，以及点击后的样式。（这些可以为前端的工作提供方便） 【4】信息组合 相关的信息需要组合在一起，比如一些基本信息，姓名/性别/年龄等最好放一块，不要分开。不相关的保持距离。 【5】位置排序 页面的布局应该适应用户的习惯，浏览方式、工作任务。突出强调重点，方便用户的工作。一些数据可以思考一下它们的排列方式，按什么排序，能方便用户查找，仍旧是“以用户为中心”。 3.周全-----产品的各种细节，不能疏忽 【1】交互状态 某些重要的操作，交互样式是怎样的，效果如何，最好单独抽出来做成高保真，演示给他人看，让他们对产品有深入的体验和感受。 【2】数据显示 原型上涉及的相关数据做好有真实的案例，将需要获取的关键数据全部展示出来，比如一篇文章，需要的数据：作者、发布时间、浏览量、喜欢数、收藏数等，方便开发准备必要的数据接口。 【3】异常考虑 需要考虑一些突发情况的应对，比如断网、加载太慢、数据已经被删除了、数据找不到了、没有访问权限等等情况。 【4】配套页面 产品里的一些功能可能和其他产品有关联，需要将可能涉及的其他页面包括到项目内。比如页面在wap上手机的浏览样式、一些发送给用户的消息/短信的内容和样式等等。 4.基本审美 【1】对齐 【2】间距 【3】颜色 【4】字体 推荐大家看看《写给大家看的设计书》这类易上手的书籍。 5.基本规范 【1】页面尺寸 web的宽度有960px、1000px、1200px，App有安卓、iphone5、iphone6等，需要与已有的产品保持统一的尺寸。 【2】字体大小 标题可以是18px或者16px，内容可以是14px。既要考虑用户是否看到清，又要考虑美观。 【3】颜色 原型不要有太多的颜色，坚持黑白灰，除非要突出，可以用其他的颜色。 【4】弹窗 弹唱的样式最好做统一，弹窗名+内容+操作按钮+关闭 【5】元件 不在原型正文添加过多的截图、图标样式，会对UI的设计造成干扰。 二.Axure的快捷使用技巧 工欲善其事必先利其器，工具使用的越娴熟，才能节省大量时间用于方案的思考。下面将简要分享Axure绘制原型时的一些快捷操作： 首先在顶部菜单栏中找到《视图》，把需要的部件显示，就可以设置了。 1.组件库的建立（能提高效率，保证产品层面的统一一致） 2.母版的使用（适用于多页面通用的部分，修改后，集体自动更新） 3.设置页面样式（页面的字体、背景能一次性设置好） 4.元件的交互样式 5.元件组合 把要组合的原件用鼠标框在一起，按住ctrl+G，成为组合后就可方便复制拖动了。许下按住ctrl+shift+G，也可以点击选中后，点击下图的两个图标来组合和取消组合。 6.对齐、居中、平均分布 选中要对其的内容，选择一种分布样式，就能快速得到整齐的原型样式，而不用一个个手动调整。 7.输入框类型的设置（预设好类型） 一些输入框，可能需要设置默认文字，可以直接选中了输入框后，在原件属性里设置提示文字和一些限制。 8.元件的提示语 有些文字需要有鼠标悬浮显示提示语的动作，可以直接在原件的属性里设置“原件提示”，输入要显示的内容，即可。 三、制作原型的过程 1.梳理功能点-------------------将需求转化为功能清单，标出重要等级（前提是需求已经梳理清楚） 2.规划产品结构----------------用Xmind或者笔和纸等工具画出产品有几个页面，每个页面包含哪些元素 3.整理原型目录----------------用Axure添加原型的几个页面，考虑页面之间的跳转关系 4.设计页面的布局（打格子）-----用不同的色块，方框来表示这部分将要表示什么板块，设计好页面的布局 5.填充各模块的细节----------在方框里把具体的信息和数据填充完整 6.增加少量的交互动作--------------体现在一些涉及到任务的操作 7.页面注释-------------完善交互说明 8.审查自检------------------功能是否覆盖完全；页面有没有缺失；流程是否明确；状态是否完备 四、原型应用中的经验 因为我多是负责后台系统的优化，所以是直接和开发打交道，如果涉及前台页面，就需要UI先将原型做成图片，再由前端制作含有动效的demo，开发再按照demo开发。但是不论哪种，绘制出来的原型一定需要让队友都明白你的逻辑和要表达的重点。 第一次负责项目的时候，我用的是高保真，画完整的原型就花了一星期多，各种动作和交互，恨不得做个虚拟的产品。但是和开发讲了原型后，等来验收项目的时候，才发现，开发大部分都没有按照原型上的动作来，甚至连细节都有遗漏。一个个催着补上后，我开始思考这种方式是不是不太划算，太费事费力，结果又不太好。 后来我看了我上级绘制的原型，都是以静态页面为主，可以说是低保真，但是每一种情况都详细地用图文描述清楚，点击之后是什么样子，将要获取什么数据，失败了会怎么样都有。而且这种方式，完成的特别快。于是我就选取低保真模式的开始画原型，结果发现，开发有时候并不能将一些动作做好。 于是我开始“T式原型 ”。“T式原型 ”就是大部分是以低保真铺展开，将整个产品的逻辑都直接呈现出来，再在某些需要重点描述的地方用高保真描述深入。所以，我的原型大部分是以 低保真+注释说明和高保真+动作演示 的组合。 不过对于交互简单的产品来说，低保真模型足够了 。 每个产品绘制原型的习惯和风格都有所不同，但关键还是需要进行小组会议来向队友们讲解原型和逻辑，在开发的过程中，需要多沟通。 另外，分享大家关于AXURE学习的网站，可以在里面找到免费的软件安装包和教学课程。 https://www.axure.com.cn/ 如果对文章感兴趣，欢迎评论留言，坚持喜欢的事情，加油~
产品经理该不该画原型原型设计上谁负责
我作为10多年互联网行业的老鸟，从三个问题的回答来一次性解决你所有问题。
一、产品经理应不应该画原型？
直白地说，产品经理是不应该画原型的，或者说不应该只画原型。
原型仅仅是工具，它是用来阐述界面操作流程的。原则上，产品经理是不会直接控制这个环节的。
那么产品经理应该做什么呢？对于产品经理来说，需要更多侧重分析用户需求、规划功能上。张小龙说过：“产品经理是站在上帝身边的人。”他把产品经理比喻成看透芸芸众生及人性的上帝视角玩家，那么上帝身边的人就要根据用户的需求，为这个产品设定游戏运转规则，整体上推动产品运转，不客气地讲，脏活累活是甩给交互去做的。
产品经理确实也需要画图，但应该画的是“故事板”，向大家讲清楚，我们这个功能，在用户的真实生活中是帮他们解决什么困难的，舍本逐末，不可取。
当然，这是把产品和交互分成两个角色来说的。一个思考需求，一个思考实现。只要足够牛逼，包圆儿了也没问题，只是不要再招一个交互了，会害了人家。
二、产品经理应不应该懂交互设计？（你应该也很想知道）
答案是肯定的！您可能会觉得矛盾，上文说产品经理不应该画原型，那为什么非得还要懂交互设计？这不矛盾。
产品经理对待产品要像孩子一样呵护，如果完全禁止产品经理不画交互设计稿，就好像不让扎克伯克写代码一样的感觉；反过来看，有几个产品经理可以把代码（或交互稿）的工作做得像扎克伯格一样优秀呢？
究其原因，国内产品经理现在画交互设计稿的现象，是行业起步落后和交互设计人才缺乏最主要的原因。产品经理应该不应该画交互设计稿，很大程度上取决于企业文化和组织架构。
我认为正确的做法应该是，产品经理对待交互稿，应该是快，草；快速梗概的把信息传递给交设计师，交互设计师根据大致概念信息形成细化的方案，这个是两者最大的区别。如果说配合，这样的配合是最高效的，这里。
三、产品经理和交互设计是应该怎么分工？（之前的方法论，这条是落地执行干货）
产品经理主要负责用户需求整理，规划，功能筛减，商业模式、运营模式探索，版本迭代时间规划，敏捷开发功能点描述等；
如果是WEB端的产品，交互相关的东西会涉及的比较少，由于产品经理洞悉各个功能点，倘若对原型设计较为精通，那么由PM亲自操刀出来的原型，既有利于开发人员了解功能点，又能减少与交互设计师沟通的时间，如此可以大大提升工作效率。
如果是移动端的产品，交互相关的东西会涉及的比较多，由于产品经理需要规划每个功能点，倘若操刀交互细节，将会非常费力，这个时候可以考虑将交互的细节分给交互设计师来做，自己全心全意规划功能，此为上策。虽然花费了一些沟通成本，但优化后的交互细节，在用户体验上会达到一个更加专业的程度。
综上所述，产品经理的demo和交互设计是的demo，最大的区别在于对交互细节的描述上，亦需根据产品的交互复杂度来定。
题外话：作为产品经理，需要不断提升自己的能力，熟悉使用各类工具和在线设计平台，比如国外的软件Sketch、Axure、justinmind，以及国内的摹客在线产品设计协作平台。不管是交互还是技术甚至是UI审美方面，都要保持进步，这样才能应对更多的复杂急性事件。
如何通过原型制作来实现信息产品创意的流程
什么是产品原型说的简单一点，产品原型是设计方案的表达，是产品经理、交互设计师的重要产出物之一，也是项目团队的其它成员（尤其是设计师、开发人员）的重要参考和评估的依据。结合我们前面了解的知识，产品界面原型其实就是页面级别的信息架构、文案设计、及页面和页面之间的交互流程，它是产品功能与内容的示意图。直接上几个原型图，可能会更加清晰明了，如下图：原型设计稿产品设计原型按照精细程度来分，可分为低保真产品原型和高保真产品原型、设计成品低保真产品原型所谓低保真原型，其实是对产品较简单的模拟，它只是简单的表述了下产品的外部特征和基本功能构架，很多时候都是用简单的设计工具迅速制作出来，用来表示最初的设计概念和思路。比如用纸和笔进行的手绘，用画图软件做出的简单线框图，都算是低保真产品原型。这样的原型图有几个好处：可以快速产出：有时候一个需求的开发周期很短，低保真原型可以快速满足同事的时间要求。修改成本低：一个产品策划很可能会被修改很多次，低保真的原型修改起来很方便。当然，低保真原型也会有几个问题，比如交互细节不清楚，容易造成误解等。通常来说，一般只有时间比较紧迫，需求也比较简单的时候，我们才会去产出低保真产品原型。高保真产品原型高保真产品原型，则是高功能性、高互动性的原型设计，是忠实展示产品功能、界面元素、功能流程的一种表现手段。原型图中无论是功能模块的大小，还是文案设计甚至是所用的图标、图例、交互动作，都使用真实素材，或者说和最终UI设计师的产出非常接近，就算是高保真产品原型了。高保真的好处：便于梳理产品细节：制作高保真原型的过程中可以让产品经理提前发现产品潜藏的各种问题，提前处理风险。更容易让其他成员了解产品设计：有时候简单的线框图无法让别人想象出你要做的事情，也不清楚你要放的是哪几个字段，而高保真原型就可以。相对而言，劣势就是制作周期比较漫长，涉及到产品流程的修改，那基本原型就得回炉重造一遍。对于刚入门的产品经理，我一直建议有时间的话，还是尽可能多的画高保真原型。因为在一开始产品设计经验不多的情况下，通过设计一些高保真原型，对梳理自己的产品思维、了解产品设计是很有帮助的。对于已经入门很久的同学来说，则看需求的复杂程度和时间安排，比如产品的关键页面是必然要用高保真原型去设计和梳理的。设计成品设计成品在这里，你也可以理解为是视觉设计师产出的UI设计稿，也就是设计师对你的产品原型进行美化之后得出的作品。设计师会运用一定的设计规范，来将你的原型变成可以让开发进行实现的作品。
原型设计是什么，该怎么使用它
我们首先明确两个定义：
原型的定义：
用线条、图形描绘出的产品框架，也称线框图。
交互设计的结果输出，可能是一张纸上的几张图；原型代表着交互设计的结果，当最终实现的时候，交互流程会和原型保持一致；可以理解为草稿或者叫做参照物
原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。
原型设计的定义：
线框图描绘的是页面功能结构，它不是设计稿，也不代表最终布局，线框图所展示的布局，最主要的作用是描述功能与内容的逻辑关系。
原型图是最终系统的代表模型或者模拟，比线框图更加真实、细致。
其次，了解原型设计的作用，主要有两点：
沟通： 因为是原型是需求和功能的具象化表达，所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。虽然需求文档也是可以满足沟通需求的，通过用例将交互写到设计描述文档中，但是原型可以更详细地解释交互。
测试：因为原型相较于UI稿来说修改更方便，所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。没有哪一家互联网公司可以不经过测试，就直接上产品和服务。原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。
设计流程：首先明确产出原型目的以及用户群体，这个原型有多大效率帮助我传达设计或测试设计？ 有多少时间做原型？其次需要什么级别的保真程度？
（原型设计在产品设计中所处的位置）
该如何使用原型设计，那么原型设计工具就是必不可缺的。
又选择什么工具来制作原型？主要考虑以下几个因素（排名分先后）：
1. 熟悉程度和获得工具的便利度；
2. 所需的时间和精力；
3. 可复用的代码/框架；
4. 为测试创建可用的原型；
5. 价格和学习曲线。
目前比较好用的在线原型设计工具有Marvel，Invision，墨刀等等。
希望对你帮助~
有任何疑问可以追问，满意请采纳，谢谢~
“原型”是什么意思
什么是原型和设计？
原型：用线条、图形描绘出的产品框架，也称线框图。
设计：综合考虑产品目标、功能需求场景、用户体验等因素，对产品的各版块、界面和元素进行的合理性排序过程。
原型设计的重要性是怎样？
产品阶段：Idea→需求采集→功能结构→原型设计→产品需求文档（PRD文档）→Roadmap
原型设计在整个产品流程中处于最重要的位置，有着承上启下的作用。何出此言？原型设计之前需求或是功能信息都相对抽象，原型设计的过程就是将抽象信息转化为具象信息的过程，之后的产品需求文档（PRD）是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说，原型设计的重要性无可替代，产品经理应当要对此有绝对的控制和驾驭能力。
话说回来，原型设计虽然很重要也应当是有限度的，原型设计的作用有以下几点：
1、因为是原型是需求和功能的具象化表达，所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。
2、因为原型相较于UI稿来说修改更方便，所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。
原型设计的类型和工具有哪些？
1、手绘原形（草图）
所需工具：铅笔、橡皮、白纸
铅笔相比于中性笔的好处在于方便修改，白纸的好处在于安静的随心所欲，不过对于移动产品的设计来说，本人倾向于使用印有手机框架的白纸上绘制，以便于快速进入情景状态，也能对首屏的界面分配做到心中有数。
PS：给草图（App）拍照，配合POP使用，也可以实现交互效果，有兴趣的童鞋可以试下。
由于草图的非正式性，多使用原型设计的前期论证阶段（功能设计可行性），个人也比较喜欢先画草图（纸上推演）再画工具原型（完善）。
2、工具原型
所需工具：Axure RP（推荐）、Justmind（App）、Keynote（最近比较火，适用于Mac OS）
多说一句，凡是软件（不论PC或是App），我都建议用最新版，产品经理更应该如此。
Axure RP无论是PC端产品经理还是App产品经理都会比较熟悉，通过工具绘制的产品原型已经比较正式，如果添加了色彩和交互动作（高保真），可以与最终产品形态无异。
在这里有必要说一下原型有没有必要做到高保真的状态，个人观点是：没有需要，就没有必要；时间宽裕，做交互但不加颜色。
原型的目标在于清楚的表达产品的设计理念和功能的执行逻辑，所以我认为能够达到这个目标的原型都是合格的，在原型中加入色彩和交互的目的无非是让产品经理与技术的沟通更加顺畅。再说，PRD的作用也是交付给技术，完整的PRD应当包括功能需求、线框原型、PRD描述、UI稿、UE演示和修订记录。产品经理阶段的原型就高保真了，是不是PRD就不用写了呢？视觉设计师的UI稿根据高保真原型来设计？那交互设计师的呢？（多数公司没有该职位）
多一些时间，用来观察用户、分析需求、重视（用户体验）细节……
做产品原型设计有哪些需要注意的问题
1、画原型前先考虑好业务逻辑和交互逻辑。梳理好逻辑关系，在开始原型设计时才不会出现前后矛盾的状况。2、原型图要规范，简单整洁，主要可以概括为：页面框架要清楚；页面不影响设计；页面元素要统一；页面排版要整齐。3、原型设计不宜占用过多时间。原型图的意义是为团队成员呈现产品的主要功能和逻辑关系，因此不能为了好看而主次颠倒。对于产品经理来说，在原型设计阶段，只需要使用摹客Mockplus之类的专业工具，就能快速完成原型设计，更多的时间则留给用户需求和产品功能的整理，这样才不会犯本末倒置的错误。
进行原型设计之前，你需要了解草图、低保真和高保真的这些区别
草图通常用于产品早期的概念阶段。项目立项的早期阶段，大家对于产品的功能及业务场景上都处于一个规划阶段，没有明确成熟的产品方案。团队成员在进行项目规划时进行一些头脑风暴的会议，这个时候我们需要一个能够快速呈现产品雏形的原型，且便于及时修改。
这个阶段的原型大部分都是手绘稿，大家在一边讨论产品功能，一边直接绘制产品原型。这个阶段的原型大部分都是在白板或者在白纸上手绘完成，在讨论的过程中发现问题，及时修改。如果涉及的界面较多，当然也可以利用原型设计工具如Axure进行设计。草图原型能够表达出基本的界面功能及内容布局即可，利用基本的几何图形如方框、圆和一些线段表达产品雏形，只需要参与讨论会议的人员明白大概意图即可。草图的优势在于设计成本低，能够随时进行修改，在项目早期有很多不确定因素的前提下，尽量使用草图进行讨论评审。
草图原型使用人群：项目发起人、项目立项成员。
当我们明确了产品的业务需及使用场景以后，产品经理和交互设计师们可以使用低保真原型来较快的设计产品的概貌。产品经理和交互设计师们通过项目早期阶段已经明确了产品的功能需求及业务范围，基本上已经知道了产品需要做什么。根据业务会议上确定的产品方案，首先需要梳理清楚产品的功能结构和信息结构，根据业务需求推导出详细的功能点。好了，通过这些工作产品的战略目标、需求范围、功能结构都已经清楚了。下面就可以开始正式绘制线框图了，线框图又称为低保真原型。
线框图可以帮助我们准确拆分页面、以及每个页面的功能模块及展示信息，确定每个页面元素的界面布局。线框图与草图相比较而言，视觉显示及意图表达上更准确了。线框图的绘制必须借助于原型设计工具了，一般情况下我们可以使用Axure绘制线框图，利用Axure提供了系统元件可以快速完成线框图的绘制。线框图中的元素布局以及功能模块需要无限接近产品上线后的样子。
当然了低保真原型阶段我们不要考虑界面元素的配色以及各功能的交互跳转及动画效果。界面的配色是专业的UI设计师的工作，丰富的交互动作也不宜在这个阶段去详细分析。通常查看低保真原型完成后，需要与需求提出人员、UI设计师、前端工程师、后端工程师以及测试人员进行召开原型设计评审会，根据评审结果，需要对低保真原型进行多轮调整，直至大家达成一致结果，确保能往下推进。低保真原型确定后，UI设计师及开发工程师们可以据此进行项目实施了。
低保真原型使用人群：需求提出人、UI设计师、开发公工程师和测试工程师。
高保真原型常用于向高层领导进行产品演示或者向投资人演示产品概念，以寻求项目融资。高保真原型又可以成为产品的Demo，除了没有真实的后台数据进行支撑外，几乎可以模拟前端界面的所有功能，完全是一个高仿产品。对于一些非IT科班出身的高层领导、老板及投资人，如果我们希望他们能够尽可能详细的了解产品的功能及业务需求，这个时候低保真原型并不一定使用，因为他们总是能够从低保真原型中找到一些他们不理解的“问题”。因此在这个时候，他们希望看到的是一个无线接近线上产品的高仿Demo，从视觉显示以及交互动作上都和真实产品大致相同。
通过上文的讲述，我们现在已经知道了在明确当前的项目阶段及使用人群后，再决定什么样保真度的原型才是最合适的。我们既不能为了简单省事而总是使用草图，也不能一味的追求炫技直接设计高保真原型，而是综合评估上述因素。在通常的工作当中，我们使用最多的是低保真原型，毕竟项目团队的实施人员才是最关心产品原型的人员。低保真原型也能较为准确的阐述项目需求，一些简单的交互跳转及交互效果，行业内的小伙子们一看便知。当然了有些业务规则及交互细节上的效果，还需要配以说明文档，这样才能方便开发及测试人员深刻理解产品需求。
产品设计 | 6种原型图的优缺点
互联网产品设计过程中，原型图的常用格式，我见过6种以上。 它们的优点和缺点，介绍如下：可以在另一台电脑上，阅读和Axure原型图； 在Axure预览模式下，可以在浏览器左侧显示网页的目录； Axure软件有Mac版本和windows版本。如果接收文件同事的电脑，没安装Axure，就打不开了； 在手机微信聊天窗口上，不能直接阅读Axure原型图； Axure低版本，不能打开高版本的Axure文件。可以在另一台Mac电脑上，阅读和Sketch原型图； Ui设计师，可以直接在Sketch里面，把原型图，做成高保真的Ui设计稿； 可以导出PDF格式的多页面PDF原型图。 只能在Mac电脑上，阅读和。暂时没有windows版本的Sketch软件，不支持windows电脑； 不能在手机微信聊天窗口上，直接阅读Sketch原型图； Sketch低版本，不能打开高版本的Sketch文件。可以在Mac或Windows电脑上，阅读和PPT格式的原型图； 在手机微信App聊天窗口上，直接阅读PPT格式的原型图； 可以通过其它软件，将画好的原型图，导入PPT里面。ppt页面的面积太小，不支持表达多个页面之间的跳转关系；页面的缩放，难以操作； PPT里面的画图控件太少，画图工具隐藏的比较深，操作起来，不方便；可以在任何电脑上，用浏览器打开，直接阅读Html原型图； 不能在手机微信聊天窗口上，直接阅读Html压缩包的原型图； 可以先用Axure设计原型图，然后导出Html网页格式。 不支持网页的再次，不支持在浏览器左侧显示网页的目录； 邮件接收Html原型图的压缩包，需要解压，然后还需要在众多网页文件中，一个个点开查看； 页面之间的跳转关系，难以表达清楚。可以在任何电脑上，阅读和jpg图片格式的原型图； 邮件发送图片格式的原型图，文件可以很小； 可以在手机微信聊天窗口上，直接阅读jpg格式的原型图； 可以先用其它软件设计原型图，然后导出jpg图片格式。 在电脑上，图片格式，比较难操作：比如：调整到100%大小，并左右移动查看页面跳转关系； 在手机上，微信发送的时候，具有流程关系的一大张图片格式的原型图，会压缩，导致微信接收后不清晰。可以通过其它软件，将画好的原型图，导出为PDF格式； 可以在Windows或Mac上阅读；支持软件：Adobe Reader，福昕pdf，Acrobat；可以在智能手机上，阅读pdf格式的原型图；支持手机APP软件：WPS，Acrobat，甚至微信app的聊天窗口，直接发送，对方直接打开。 在电脑上，页面容易调整到100%大小，并且左右移动查看页面的跳转关系； Mac电脑自带的预览pdf软件，可以合并多个pdf，旋转pdf的某一张内页； 电脑版的福昕pdf软件，可以给pdf内页添加标注文本，可以在多页面的pdf左侧添加目录链接。 如果需要重新pdf里面的某一页，那么就要提取多页pdf文件中的某一页，待修改好之后，再合并到多页PDF文件里； 电脑阅读和手机阅读pdf，最好是已经安装了专业的PDF阅读器。 APP产品设计的原型图，重在表达意思，只要意思传达到位了，那么格式可以不必在意。 原型图的格式，属于“道”，“法”，“器”，这3个层次中的“器”。 如果想在用户体验上，走的更远；那么就需要在“道”，“法”，这2个层次上，积累更多的项目经验，以及不同岗位的思维方式和沟通思路。
