我觉得，学会使用一个工具最直接有效也是印象最为深刻的方式便是带着实际的使用场景去学。技能毕竟只是实现某个功能的前置条件——若只是知道Axure的基本功能怎么用，但不知道如何组合、在某些具体的场景中该用到哪些功能，那我觉得还不算会用。&br&&br&若是为了学而学，便会很泛，印象不是很深刻不说，有时学到很炫酷的功能可能一时半会儿也用不到，实用性不强，最后自己也忘了。带着目的去学，先自己去探索、去模仿，带着疑问去寻求解决办法，加以反复练习，最后熟能生巧，感觉那样习得的技能才比较深刻。&br&&br&所谓的带着目的，我觉得是带有特定的需求，从局部到整体，逐步深入：&br&比如，先去画一个功能模块、进而去规划一个页面，使用动态面板，页面内交互、跨页面交互，学写函数，能系统规划做一个高保真模型……在带着需求去真正用Axure的时候会学得又快又好，而且记忆深刻不容易忘。&br&&br&比如注册登录模块：一个看似简单的功能模块，我们每天在网站上都要用到许多次，现在让一个没画过注册登录的人来画这个模块，大概一时有些手足无措吧？平时看似简单的东西，真的要让自己动手去规划，实际就不那么简单了。你得考虑这个模块都用到了哪些元素，摆放位置又是怎么样的，分别要用Axure里面的哪些元件去表示等等。&br&&br&总结：设定一个场景，自己先去尝试去做，然后带着问题去找答案，再去举一反三地练习，我认为这样是学习使用Axure的一个好方法。
我觉得，学会使用一个工具最直接有效也是印象最为深刻的方式便是带着实际的使用场景去学。技能毕竟只是实现某个功能的前置条件——若只是知道Axure的基本功能怎么用，但不知道如何组合、在某些具体的场景中该用到哪些功能，那我觉得还不算会用。若是为了学…
产品原型设计的目的是为了展示，为了表达设计者的思想，axure只是工具而已。工具的学习总是简单的。如何利用工具正确表达自己的思想，继而如何设计业内顶尖的产品才是最终追求。&br&提供你一个axure app组件库下载，希望对你有帮助。&br&&a href=&http://ishare..cn/f/.html?from=dl& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Axure组件库.rar_免费高速下载&i class=&icon-external&&&/i&&/a&
产品原型设计的目的是为了展示，为了表达设计者的思想，axure只是工具而已。工具的学习总是简单的。如何利用工具正确表达自己的思想，继而如何设计业内顶尖的产品才是最终追求。提供你一个axure app组件库下载，希望对你有帮助。
话说，这个软件根本就不值得看书学习
话说，这个软件根本就不值得看书学习
高保真原型只为在沟通中更为直观的让UI，开发了解你的功能需求。&br&内嵌的逻辑，细节，设计思维都还是得用PRD来讲清楚的。&br&我个人认为：&br&&b&高保真原型只是一个沟通的桥梁，具象化需求。&/b&&br&&b&实质的逻辑还是得用PRD交代清楚。&/b&
高保真原型只为在沟通中更为直观的让UI，开发了解你的功能需求。内嵌的逻辑，细节，设计思维都还是得用PRD来讲清楚的。我个人认为：高保真原型只是一个沟通的桥梁，具象化需求。实质的逻辑还是得用PRD交代清楚。
来自子话题：
&p&作为产品经理，工作中经常会遇到产品文档和原型等工作产出物的版本管理和协同问题，比如下面描述的场景。&/p&&ol&&li&一个产品的第一版原型和需求出来后，一般会通过邮件、网盘或 QQ 一类的即时通讯工具发送参与此产品的设计和研发同学；&/li&&li&同学们看过后可能会提一些意见和问题，这时产品人员需要修改原型和文档；&/li&&li&修改后再通过邮件一类的工具发送同事。再有调整还要重复以上流程。&/li&&/ol&&p&如果需求调整或变更版本过多、原型文件较大，工作产出物的版本管理和传递效率问题让人头疼；与你协作的同事要耐心的一版一版的下载需求文件；电脑上保留的版本过多也很容易搞错版本，执行非最新版本的需求。&/p&&p&工欲善其事，必先利其器。这里介绍使用 Git 和 &a href=&& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 来管理产品经理的工作产出物，并有效的与工作伙伴协作。通过本文，你可以通过一个链接就完成工作产出物的发送；还可以炫酷地在线展示 Axure 原型，并对原型和版本进行有效的版本控制。&/p&&blockquote&&p&本文涉及到 Git 基础知识和 GitCafe Pages 服务的使用，在此之前你需要先安装 Git 环境，了解一些 &a href=&/GitCafe/Help/wiki/%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85%E5%92%8C%E8%AE%BE%E7%BD%AE-Git#wiki& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Wiki 如何安装和设置 Git · GitCafe/Help&i class=&icon-external&&&/i&&/a&&/p&&/blockquote&&b&&br&&br&产出物文件夹和 Git 仓库&/b&&p&为了便于管理维护，我们一般都会为产品建立一个项目文件夹，并在文件夹中按类型组织子文件夹。假设我们有个要做的产品名为 News_A 为了便于理解，我们这里采用相对简单的形式组织文件。&/p&&p&News_A 文件夹下只有两个子文件夹：&/p&&ul&&li&Documents，文档文件夹，里面存放需求文档、脑图、流程图等文件或文件夹&/li&&li&Prototype，原型文件夹，存放 Axure 源文件。&/li&&/ul&&blockquote&&p&推荐使用 Markdown 写作产品文档，可以让你专注内容写作，语法简单，写作效率高；GitCafe 提供了很好的 Markdown 解析引擎和样式，支持图片上传。&/p&&/blockquote&&p&我们首选进入终端环境，找到并进入 News_A 的文件夹，为该文件夹初始化 Git 仓库。&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git init
&/code&&/pre&&/div&&p&之后将文件夹下的文件纳入到版本库中。&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git add .
&/code&&/pre&&/div&&p&提交目前的版本，并填写提交说明；清晰易懂的提交说明可以让你和与你协作的同事获得更明确的版本改动信息。&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git commit -m &News_A 产品文档第一次提交 &
&/code&&/pre&&/div&&p&现在，News_A 的产出物文件夹已经通过 Git 进行版本管理，并对目前的文件进行了一次版本提交。下面我们来看看如何使用 &a href=&& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 远程仓库与他人进行协作。&/p&&br&&br&&b&GitCafe 远程仓库&/b&&br&&p&登录 GitCafe ，创建一个项目。 获得远程仓库的地址后，在终端环境通过下面的命令为 News_A 添加远程仓库地址，请注意将下面名利中 user_name 和 News_A 替换未你自己的用户名和项目名。&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git remote add origin ':user_name/News_A.git'
&/code&&/pre&&/div&&p&之后就可以将本地的文件推送到 GitCafe 上的远程仓库了。&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git push -u origin master
&/code&&/pre&&/div&&p&这样，你就可以通过项目主页的地址项目的各种文档，并通过主页地址将其分享给其他同事。&/p&&blockquote&&p&请注意，如果你的工作产出物涉及到公司机密，请在建立项目是选择私有项目；相应的，你需要把与你协作的同事添加为这个项目的协作成员他们才能查看项目中的文件。&/p&&/blockquote&&b&&br&&br&版本分支&/b&&p&上面我们使用 Git 和 GitCafe 进行产品文档版本控制的基本操作。在现实工作中，我们的产品并不只是一个版本，我们的文档也会随着产品的迭代而逐渐丰富且版本众多。之前，你可能通过文件夹和带有日期或版本号的文件名进行同一产品不同版本的需求文档管理，现在通过 Git 和 GitCafe ，我们有更酷更便利的方法 —— 分支（Branch）。&/p&&p&通过 git checkout -b branch_name 来创建一个分支，记得将 branch_name 替换为你自己的分支名。&/p&&p&我们可以简单的把分支理解为现有文件夹内所有问卷的一份拷贝，当我们在 News_A 文件夹里新建了一个分支，就相当于复制了一份 News_A 。不同的是，我们可以在新建的分支上对 News_A 中的文件进行更改、更新，添加新的文件和文件夹等；这些更改不会影响到我们之前的分支。&/p&&p&举例说明。产品 News_A 已经发布半年，一共发布了三个版本，第四个版本正在规划中，那么在 GitCafe 的 News_A 项目主页中，我们可以看到下面这些分支&/p&&p&按照这个模型，我们可以尝试下面的分支策略：&/p&&ul&&li&对新启动的产品或已有产品的当前版本，我们可以为其建立一个版本分支&/li&&li&当目前版本分支的需求文档，交付设计和研发时，我们将其合并到 master 主分支上，我们始终保持 master 分支是进行时需求版本&/li&&li&当开始下一个版本地策划时，我们从 master 上新建一个版本分支，并在这个新建的分支上进行下个版本的策划工作&/li&&/ul&&blockquote&&p&关于 Git 的分支和分支合并相关的知识的深入学习推荐阅读 《 &a href=&/book/zh& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Git Pro&i class=&icon-external&&&/i&&/a& 》中的 &a href=&/book/zh/v1/Git-%E5%88%86%E6%94%AF& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Git 分支&i class=&icon-external&&&/i&&/a&一节。&/p&&/blockquote&&p&在这样的分支策略下，我们可以找到产品的每个历史版本的产品工作产出物，方便历史版本管理；通过 Master 分支，也可以使与我们协作的同事一直浏览你确定的需求版本。当然，你可以根据实际情况，规划更符合你项目的分支策略。&/p&&br&&br&&b&使用 Pages 服务在线演示 Axure 原型&/b&&p&原型是产品经理工作产出物中重要一项；Axure 是目前使用最为广泛的原型工具软件之一。下面我们介绍如何通过 GitCafe 的 Pages 服务在线托管 Axure 生产的静态文件，以实现在线展示原型的目的。&/p&&p&打开 Axure 源文件，生成 HTML 原型。为了便于操作，推荐使用 Axure 默认的 HTML 原型生成路径，一般是.. /Axure/HTML/News_A 这样的路径；也可以指定其他 News_A 之外的文件夹。&/p&&p&之后进入这个 HTML 原型的目录，像之前操作的那样，将其初始化为 Git 仓库，将已经生成的 HTML 文件加入到版本库中，提交现有的版本。上述操作的命令如下：&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git init
&/code&&/pre&&/div&&div class=&highlight&&&pre&&code class=&language-text&&git add .
&/code&&/pre&&/div&&div class=&highlight&&&pre&&code class=&language-text&&git commit -m 'HTML prototype first commit'
&/code&&/pre&&/div&&p&之后是使用 GitCafe Pages 服务比较关键的步骤。在现有的分支上创建一个名为 gitcafe-pages 的 orphan 分支 ，请注意，分支的名称是「gitcafe-pages 」，不可以是其他名称的分支，这样 GitCafe 才能将其识别为一个使用 Pages 服务的分支。&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git checkout --orphan gitcafe-pages
&/code&&/pre&&/div&&p&之后对分支下的 HTML 原型文件提交&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git commit -m &pages branch first commit&
&/code&&/pre&&/div&&p&设置 GitCafe 远程仓库地址，将用户名和项目名替换成你自己的。&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git remote add origin ':user_name/News_A.git'
&/code&&/pre&&/div&&p&将 gitcafe-pages 分支推送到远程仓库&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&git push --set-upstream origin gitcafe-pages
&/code&&/pre&&/div&&p&这样，你就可以通过 &a href=&http://user_name.gitcafe.io/project_name/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&user_name.gitcafe.io/pr&/span&&span class=&invisible&&oject_name/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& 在线访问你的原型了，可以将在线原型的地址分享给与你合作的同学们随时查看。&br&&/p&&br&&p&下面提供了我为撰写此文而做的一个简单的 Demo ：&/p&&p&&a href=&http://mr_gitcafe.gitcafe.io/news_a/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&News_A Axure Demo&i class=&icon-external&&&/i&&/a&&/p&&br&&p&对于 Axure 生成的 HTML 原型，GitCafe 可以很好的支持交互特效，100% 还原原型效果( 需浏览器支持 )。非常方便。&/p&&br&&p&你对原型的更新可以随时推送到 GitCafe ，再也不必通过 邮件、网盘或 IM 工具传来传去。具体操作是，重新生成新版 HTML 原型，在 gitcafe-pages 分支通过 git add . 和 git commit -m '提交信息' 来提交更新的 HTML 文件;再通过 git push --set-upstream origin gitcafe-pages 推送 gitcafe-pages 分支到 GitCafe ，就可完成在线原型的更新，&/p&&blockquote&&p&Pages 服务不受私有项目的限制，即使你建立了私有项目来管理文档、原型等产出物，但托管在 Pages 服务的原型依然可以被其他人访问到。如果你策划的原型涉及到公司的机密，推荐在公司内部网络部署 &a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GitCafe Enterprise&i class=&icon-external&&&/i&&/a& ，这样只有通过公司内网才能访问你的原型。&/p&&/blockquote&
作为产品经理，工作中经常会遇到产品文档和原型等工作产出物的版本管理和协同问题，比如下面描述的场景。一个产品的第一版原型和需求出来后，一般会通过邮件、网盘或 QQ 一类的即时通讯工具发送参与此产品的设计和研发同学；同学们看过后可能会提一些意见和…
根据我的经验，如果你熟练的掌握了PS/AI/Axure，Sketch是没有多少“学习”成本的，只有“适应”成本，Sketch软件是一款专为UI设计工作流（尤其是iOS）而生的软件，朝着这个方向做了不少提高效率的优化，不少地方都设计的比较巧妙，稍稍试用就知道是咋回事了。
根据我的经验，如果你熟练的掌握了PS/AI/Axure，Sketch是没有多少“学习”成本的，只有“适应”成本，Sketch软件是一款专为UI设计工作流（尤其是iOS）而生的软件，朝着这个方向做了不少提高效率的优化，不少地方都设计的比较巧妙，稍稍试用就知道是咋回事了。
&a href=&& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&上面有分付费和不付费的。:)
上面有分付费和不付费的。:)
有编程基础的产品经理，为什么要用代码来做原型呢？这不是重复的工作么，编程远比用axure复杂的多，效率低很多，而且容易出bug，。&br&如果你想要编程做原型，为何还要做产品经理呢，转回去做一个程序猿不是好很多！&br&axure效率远比编程高很多，好比一段能够用自行车快速通过的短距离，你偏偏要用复杂的货车来跑，起步完成后，自行车已经到达终点了。&br&============反问到此结束=============&br&上面已经有人说出正确的看法了，我来说说我的做法，仅供参考。&br&&b&针对于网页而言&/b&&br&1、我做产品之前，首先将需求的优先级排列出来，确定哪些板块需要放在重要位置；&br&2、确定位置之后，我开始在纸上不停地画，表现形式、各个板块的排列等等一系列的；&br&3、手绘完成初稿之后，我开始做原型，完全的静态页面，没有一丝一毫的交互；&br&4、原型初稿完成之后，在项目组内部或者找牛人进行拍砖，请他们提供建议，有筛选地采纳；&br&5、根据建议进行修改，然后出交付给设计、前端、开发的原型，所有页面的说明均在原型上，包括需求、用户流程等等，依旧是没有交互；&br&6、说明中，一般需要给出某个地方的设计和交互参考，告诉设计和前端我想要的是什么，远比我做交互快很多；&br&7、完成这些之后就是和设计前端程序猿沟通，根据他们对于自己领域知识得来的反馈进行修改，这些修改均在原型上进行，并做记录，告诉参与人员为什么要改。&br&原型最重要的作用就是沟通的平台，我无需费太多的口舌告诉参与人员我要做什么，原型上什么都有。
有编程基础的产品经理，为什么要用代码来做原型呢？这不是重复的工作么，编程远比用axure复杂的多，效率低很多，而且容易出bug，。如果你想要编程做原型，为何还要做产品经理呢，转回去做一个程序猿不是好很多！axure效率远比编程高很多，好比一段能够用自…
&strong&一，创建库&/strong&&p&1）不用多说了，创建一个新库&br&&img src=&/54aad469b065e73ad9bf_b.jpg& data-rawwidth=&1032& data-rawheight=&712& class=&origin_image zh-lightbox-thumb& width=&1032& data-original=&/54aad469b065e73ad9bf_r.jpg&&&img src=&/6d54bab8a7f_b.jpg& data-rawwidth=&1572& data-rawheight=&1354& class=&origin_image zh-lightbox-thumb& width=&1572& data-original=&/6d54bab8a7f_r.jpg&&&br&&/p&&p&2）点”创建库”后弹出 “保存” 对话框，这里需要设置 库的名称，可以重新选择库的保持目录（很重要，选择自己要保存的目录后可以更方便的找到库，以便分发使用）&br&&img src=&/55efb523c83bbc472c3df_b.jpg& data-rawwidth=&1578& data-rawheight=&1050& class=&origin_image zh-lightbox-thumb& width=&1578& data-original=&/55efb523c83bbc472c3df_r.jpg&&&br&&br&&/p&&p&系统自动打开新创建的库。细心的你会发现”库”的文件后缀是 “.rplib” ，不同与我们常见的原型文件”.rp”&br&&img src=&/8b566d8dfad9b9104fd8caeda44625e8_b.jpg& data-rawwidth=&1502& data-rawheight=&1332& class=&origin_image zh-lightbox-thumb& width=&1502& data-original=&/8b566d8dfad9b9104fd8caeda44625e8_r.jpg&&&br&&/p&&br&&br&&br&&strong&二，添加内容&/strong&&p&1）与我们创建原型的界面一致，右侧的”站点地图” 变成了 “自定义部件库”，我们可以在这里创建需要的部件。&/p&&img src=&/93ab393854_b.jpg& data-rawwidth=&542& data-rawheight=&402& class=&origin_image zh-lightbox-thumb& width=&542& data-original=&/93ab393854_r.jpg&&&br&&br&&p&2）比如这里创建一个”验证码”的部件，并将验证码部件的内容整理到该页面。&br&&img src=&/034a1e245d00ea162e3ce65bdd39d9d8_b.jpg& data-rawwidth=&1280& data-rawheight=&932& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/034a1e245d00ea162e3ce65bdd39d9d8_r.jpg&&&/p&&br&&br&&p&3）保存（command+s，建议在制作的时间常使用保存），这时在当前选择库里可以预览到我们刚创建的几个部件。&br&&img src=&/05c4efeccf6c9_b.jpg& data-rawwidth=&880& data-rawheight=&552& class=&origin_image zh-lightbox-thumb& width=&880& data-original=&/05c4efeccf6c9_r.jpg&&&br&&/p&&p&4）更新：能看到当前库里创建的几个部件，但无法预览和使用。这里需要”更新”来将刚制作的内容更新进来（更新前请点保存，否则更新后也不会有任何反应）&br&&img src=&/cc0c3a8da4e89029de07_b.jpg& data-rawwidth=&1218& data-rawheight=&904& class=&origin_image zh-lightbox-thumb& width=&1218& data-original=&/cc0c3a8da4e89029de07_r.jpg&&&br&&/p&&p&更新后可以看到刚制作的部件预览了。&br&&img src=&/e743d334b9ce_b.jpg& data-rawwidth=&538& data-rawheight=&466& class=&origin_image zh-lightbox-thumb& width=&538& data-original=&/e743d334b9ce_r.jpg&&&br&&/p&&br&&br&&br&&strong&三，设置缩略图和部件分组（可略过此步）&/strong&&p&这里讲的设置部件分组是为了方便在当面选择的部件库里找到需要的部件，通常用在部件较多时；&br&而设置缩略图则可以更直观的通过缩略图查找到部件。&/p&&p&1）设置缩略图&/p&&img src=&/77ce97354eef8b062feed52b_b.jpg& data-rawwidth=&1898& data-rawheight=&1364& class=&origin_image zh-lightbox-thumb& width=&1898& data-original=&/77ce97354eef8b062feed52b_r.jpg&&&br&&img src=&/a1e4ffcc5f8_b.jpg& data-rawwidth=&520& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&520& data-original=&/a1e4ffcc5f8_r.jpg&&&br&&br&&br&&br&&p&2）设置分组&br&&img src=&/1f5eee0e31602d6fde59e62d4f937d1e_b.jpg& data-rawwidth=&432& data-rawheight=&1292& class=&origin_image zh-lightbox-thumb& width=&432& data-original=&/1f5eee0e31602d6fde59e62d4f937d1e_r.jpg&&&/p&&br&&br&&br&&br&&br&&strong&四，保存并更新库&/strong&&p&在将整个部件库整理制作完成之后，还是要将文件保存并更新库。&br&在之前保存的目录下可以找到我们保存的库，对这就是我们可见的最终最终成果。。&/p&&img src=&/b008f818f21e6c72b2e2d2ba9a9440ab_b.jpg& data-rawwidth=&1540& data-rawheight=&394& class=&origin_image zh-lightbox-thumb& width=&1540& data-original=&/b008f818f21e6c72b2e2d2ba9a9440ab_r.jpg&&&br&&br&&br&&br&&strong&五，库的使用&/strong&&p&是的，部件库制作完成并不只是为了获得一个 rplib 文件，而是将它投入到生产当中去。&br&将制作好的 库文件 分发给团队成员或分享出去，顺便教教你的小伙伴们怎么使用。&/p&&br&&p&1）载入库：选择相应的库文件即可载入&br&&img src=&/68f6f149e3b204d3aca6b_b.jpg& data-rawwidth=&1896& data-rawheight=&1062& class=&origin_image zh-lightbox-thumb& width=&1896& data-original=&/68f6f149e3b204d3aca6b_r.jpg&&&br&&/p&&p&2）在当前库里可以看到刚载入的库，也可以切换库进行使用。&br&&img src=&/4d04bce2b161e97ced72c41f4d3fcc32_b.jpg& data-rawwidth=&504& data-rawheight=&364& class=&origin_image zh-lightbox-thumb& width=&504& data-original=&/4d04bce2b161e97ced72c41f4d3fcc32_r.jpg&&&/p&
一，创建库1）不用多说了，创建一个新库2）点”创建库”后弹出 “保存” 对话框，这里需要设置 库的名称，可以重新选择库的保持目录（很重要，选择自己要保存的目录后可以更方便的找到库，以便分发使用）系统自动打开新创建的库。细心的你会发现”库”的文…
谢邀。昨天熬夜没睡，状况不好随便说几句。不对的地方大家斧正。&br&事实上我太太刚好开始从平面设计师转型做交互设计师。她之前没有任何原型设计工作的经验更别提软件使用实操了，为了带她入门我花了大约小半个下午的时间教她Axure的基础用法。尽管是一切从头开始，但到目前为止这不到3个小时的学习对于她这两个月的工作来讲已经富富有余了。其实我想说的是并不是说我教的好，而是某些项目原型设计需求大抵如此。现在网络上提供的许多原型有部分我下载学习过，这些案例基本上都是为了高保真和炫技的。或者说这些华丽的原型多数是用来学习函数与功能的，并不能作为真实的案例考虑。&br&说个我自己的蠢例子吧，我曾经在上下拉动菜单OnDragDrop回弹的事情上纠结了很久，为了List精准顺畅的模拟iPhone回弹到底部整整花了接近三天时间想办法。虽然最后确实完美解决了…… 现在想想都后悔，浪费那么多时间还不如遛狗晒太阳。&br&原型设计的具体项目需求和参与人员不同对原型的的要求也就不同了，需要的原型完善程度这个可能不好一概而论。“设计一个完整的移动app的原型”需要多久这个还是要看人吧，我用工具很快，可是思考的过程还真是挺漫长的。最长的一个已经开始一个多月了，到现在还没有结束呢…… 汗&br&至于大量的动态面板我倒觉得看目的了，在测试一些上手体验的时候，“高保真”更能完整还原设计时的情景与感受。其他我个人常用的工具还有一个OmniGraffle。纯移动产品如果是iOS的的话…… 不用Axure，个人感觉XCode原生的StoryBoard也蛮有趣的……
谢邀。昨天熬夜没睡，状况不好随便说几句。不对的地方大家斧正。事实上我太太刚好开始从平面设计师转型做交互设计师。她之前没有任何原型设计工作的经验更别提软件使用实操了，为了带她入门我花了大约小半个下午的时间教她Axure的基础用法。尽管是一切从头…
我是觉得axure这东西，是作为文档的辅助，效果会很好。&br&很多很炫的效果，是交给前端工程师来处理的，当然精通 axure 也很有必要啦。&br&目前好像需要实现很多很炫的效果，如果前端攻城师有业务上的追求，一定会在交互效果上叫上个人的风格，能够体现个人的实力，前提是这不影响用户体验。&br&出原型一定是辅助需求的传达。
我是觉得axure这东西，是作为文档的辅助，效果会很好。很多很炫的效果，是交给前端工程师来处理的，当然精通 axure 也很有必要啦。目前好像需要实现很多很炫的效果，如果前端攻城师有业务上的追求，一定会在交互效果上叫上个人的风格，能够体现个人的实力，…
会。&br&比如，做iPhone原型，就可以用这个 &a href=&http://uid./& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&uid./&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&img src=&/37f759d668ee406af9aca5495ac64dca_b.jpg& data-rawwidth=&719& data-rawheight=&496& class=&origin_image zh-lightbox-thumb& width=&719& data-original=&/37f759d668ee406af9aca5495ac64dca_r.jpg&&
会。比如，做iPhone原型，就可以用这个
程序猿何必为难产品狗呢 T_T&br&&br&用Storyboard规划产品。。。&br&&br&只能说研发经理太狭隘，他以为做产品就是做iOS App呢？你让安卓产品怎么办，你让做CRM产品的怎么办...&br&&br&别再纠结用什么工具做产品了，你就这么跟那个研发经理理直气壮的说，哥不会用Xcode，哥只会手绘、我只会用PPT、我只会有Axure！&br&&br&做产品，讲清楚功能需求和产品逻辑就够了！
程序猿何必为难产品狗呢 T_T用Storyboard规划产品。。。只能说研发经理太狭隘，他以为做产品就是做iOS App呢？你让安卓产品怎么办，你让做CRM产品的怎么办...别再纠结用什么工具做产品了，你就这么跟那个研发经理理直气壮的说，哥不会用Xcode，哥只会手绘、…
&strong&一，创建库&/strong&&p&1）不用多说了，创建一个新库&br&&img src=&/54aad469b065e73ad9bf_b.jpg& data-rawwidth=&1032& data-rawheight=&712& class=&origin_image zh-lightbox-thumb& width=&1032& data-original=&/54aad469b065e73ad9bf_r.jpg&&&img src=&/6d54bab8a7f_b.jpg& data-rawwidth=&1572& data-rawheight=&1354& class=&origin_image zh-lightbox-thumb& width=&1572& data-original=&/6d54bab8a7f_r.jpg&&&br&&/p&&p&2）点”创建库”后弹出 “保存” 对话框，这里需要设置 库的名称，可以重新选择库的保持目录（很重要，选择自己要保存的目录后可以更方便的找到库，以便分发使用）&br&&img src=&/55efb523c83bbc472c3df_b.jpg& data-rawwidth=&1578& data-rawheight=&1050& class=&origin_image zh-lightbox-thumb& width=&1578& data-original=&/55efb523c83bbc472c3df_r.jpg&&&br&&br&&/p&&p&系统自动打开新创建的库。细心的你会发现”库”的文件后缀是 “.rplib” ，不同与我们常见的原型文件”.rp”&br&&img src=&/8b566d8dfad9b9104fd8caeda44625e8_b.jpg& data-rawwidth=&1502& data-rawheight=&1332& class=&origin_image zh-lightbox-thumb& width=&1502& data-original=&/8b566d8dfad9b9104fd8caeda44625e8_r.jpg&&&br&&/p&&br&&br&&br&&strong&二，添加内容&/strong&&p&1）与我们创建原型的界面一致，右侧的”站点地图” 变成了 “自定义部件库”，我们可以在这里创建需要的部件。&/p&&img src=&/93ab393854_b.jpg& data-rawwidth=&542& data-rawheight=&402& class=&origin_image zh-lightbox-thumb& width=&542& data-original=&/93ab393854_r.jpg&&&br&&br&&p&2）比如这里创建一个”验证码”的部件，并将验证码部件的内容整理到该页面。&br&&img src=&/034a1e245d00ea162e3ce65bdd39d9d8_b.jpg& data-rawwidth=&1280& data-rawheight=&932& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/034a1e245d00ea162e3ce65bdd39d9d8_r.jpg&&&/p&&br&&br&&p&3）保存（command+s，建议在制作的时间常使用保存），这时在当前选择库里可以预览到我们刚创建的几个部件。&br&&img src=&/05c4efeccf6c9_b.jpg& data-rawwidth=&880& data-rawheight=&552& class=&origin_image zh-lightbox-thumb& width=&880& data-original=&/05c4efeccf6c9_r.jpg&&&br&&/p&&p&4）更新：能看到当前库里创建的几个部件，但无法预览和使用。这里需要”更新”来将刚制作的内容更新进来（更新前请点保存，否则更新后也不会有任何反应）&br&&img src=&/cc0c3a8da4e89029de07_b.jpg& data-rawwidth=&1218& data-rawheight=&904& class=&origin_image zh-lightbox-thumb& width=&1218& data-original=&/cc0c3a8da4e89029de07_r.jpg&&&br&&/p&&p&更新后可以看到刚制作的部件预览了。&br&&img src=&/e743d334b9ce_b.jpg& data-rawwidth=&538& data-rawheight=&466& class=&origin_image zh-lightbox-thumb& width=&538& data-original=&/e743d334b9ce_r.jpg&&&br&&/p&&br&&br&&br&&strong&三，设置缩略图和部件分组（可略过此步）&/strong&&p&这里讲的设置部件分组是为了方便在当面选择的部件库里找到需要的部件，通常用在部件较多时；&br&而设置缩略图则可以更直观的通过缩略图查找到部件。&/p&&p&1）设置缩略图&/p&&img src=&/77ce97354eef8b062feed52b_b.jpg& data-rawwidth=&1898& data-rawheight=&1364& class=&origin_image zh-lightbox-thumb& width=&1898& data-original=&/77ce97354eef8b062feed52b_r.jpg&&&br&&img src=&/a1e4ffcc5f8_b.jpg& data-rawwidth=&520& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&520& data-original=&/a1e4ffcc5f8_r.jpg&&&br&&br&&br&&br&&p&2）设置分组&br&&img src=&/1f5eee0e31602d6fde59e62d4f937d1e_b.jpg& data-rawwidth=&432& data-rawheight=&1292& class=&origin_image zh-lightbox-thumb& width=&432& data-original=&/1f5eee0e31602d6fde59e62d4f937d1e_r.jpg&&&/p&&br&&br&&br&&br&&br&&strong&四，保存并更新库&/strong&&p&在将整个部件库整理制作完成之后，还是要将文件保存并更新库。&br&在之前保存的目录下可以找到我们保存的库，对这就是我们可见的最终最终成果。。&/p&&img src=&/b008f818f21e6c72b2e2d2ba9a9440ab_b.jpg& data-rawwidth=&1540& data-rawheight=&394& class=&origin_image zh-lightbox-thumb& width=&1540& data-original=&/b008f818f21e6c72b2e2d2ba9a9440ab_r.jpg&&&br&&br&&br&&br&&strong&五，库的使用&/strong&&p&是的，部件库制作完成并不只是为了获得一个 rplib 文件，而是将它投入到生产当中去。&br&将制作好的 库文件 分发给团队成员或分享出去，顺便教教你的小伙伴们怎么使用。&/p&&br&&p&1）载入库：选择相应的库文件即可载入&br&&img src=&/68f6f149e3b204d3aca6b_b.jpg& data-rawwidth=&1896& data-rawheight=&1062& class=&origin_image zh-lightbox-thumb& width=&1896& data-original=&/68f6f149e3b204d3aca6b_r.jpg&&&br&&/p&&p&2）在当前库里可以看到刚载入的库，也可以切换库进行使用。&br&&img src=&/4d04bce2b161e97ced72c41f4d3fcc32_b.jpg& data-rawwidth=&504& data-rawheight=&364& class=&origin_image zh-lightbox-thumb& width=&504& data-original=&/4d04bce2b161e97ced72c41f4d3fcc32_r.jpg&&&/p&
一，创建库1）不用多说了，创建一个新库2）点”创建库”后弹出 “保存” 对话框，这里需要设置 库的名称，可以重新选择库的保持目录（很重要，选择自己要保存的目录后可以更方便的找到库，以便分发使用）系统自动打开新创建的库。细心的你会发现”库”的文…
640，然后 50% 显示……&br&-___,-|||&br&&br&&br&&br&&br&&br&好吧正经回答一下：&br&&br&看你做的是什么原型，如果是早期的结构原型和交互原型，320足够，因为这个阶段的原型的重点是解释清楚产品的大致样子、基本功能和交互逻辑，用 640 做宽的话演示起来很麻烦，也不方便在一个视图里展现多页面之间的关系。
640，然后 50% 显示……-___,-|||好吧正经回答一下：看你做的是什么原型，如果是早期的结构原型和交互原型，320足够，因为这个阶段的原型的重点是解释清楚产品的大致样子、基本功能和交互逻辑，用 640 做宽的话演示起来很麻烦，也不方便在一个视图里展现多…
一、做一个动态面板，命名：xx，这个就是滑块；&br&二、在xx下做一个槽，外观处理一下；&br&三、最重要的，在xx下做一个矩形条，命名：xxxx，长度要比 槽 减 xx 更短一点；&br&然后，设xx的运动方式及运动条件，见图：&br&&img data-rawheight=&268& data-rawwidth=&299& src=&/07bfc0ba3fa78bf21d8a3_b.jpg& class=&content_image& width=&299&&&br&然后，运行时，滑动前见图：&br&&img data-rawheight=&173& data-rawwidth=&588& src=&/576c83713cd62efa819e432b55701c07_b.jpg& class=&origin_image zh-lightbox-thumb& width=&588& data-original=&/576c83713cd62efa819e432b55701c07_r.jpg&&然后，用鼠标点击”我是滑块xx“，开始拖动，滑动中见图：&br&&img data-rawheight=&146& data-rawwidth=&598& src=&/833fba33b3d507f0aac9_b.jpg& class=&origin_image zh-lightbox-thumb& width=&598& data-original=&/833fba33b3d507f0aac9_r.jpg&&然后，滑不动了，见图：&br&&img data-rawheight=&147& data-rawwidth=&611& src=&/196c8e48c5ed077e757dda5_b.jpg& class=&origin_image zh-lightbox-thumb& width=&611& data-original=&/196c8e48c5ed077e757dda5_r.jpg&&&br&不懂再问。&br&&br&&br&----------------------------------补充，左右防过界------------------------------------&br&左边加一个矩形叫：leftR&br&右边加一个矩形叫：rightR&br&给xx的拖动事件增加两个新case，见图：&br&&img data-rawheight=&193& data-rawwidth=&336& src=&/7b980e2f6757fefd5e16e296a9613c6c_b.jpg& class=&content_image& width=&336&&然后，看效果：&br&&img data-rawheight=&139& data-rawwidth=&677& src=&/811b6af923e68a4a2cbb6_b.jpg& class=&origin_image zh-lightbox-thumb& width=&677& data-original=&/811b6af923e68a4a2cbb6_r.jpg&&over.
一、做一个动态面板，命名：xx，这个就是滑块；二、在xx下做一个槽，外观处理一下；三、最重要的，在xx下做一个矩形条，命名：xxxx，长度要比 槽 减 xx 更短一点；然后，设xx的运动方式及运动条件，见图：然后，运行时，滑动前见图：然后，用鼠标点击”我是…
就官网的介绍和自己的使用分析，Repeater控件其实可以理解为带数据交互功能的表单，你可以完成以往需要配合动态面板才能完成的诸如过滤，排序功能，并能根据输入的数据实时添加记录。尤其是过滤功能在制作网站的高级搜索的时候根据选择条件不同显示不同结果有很大帮助，在以往单单用动态面板制作难度大而且这方面的仿真度也受到限制。&br&总的来说，个人认为Repeater控件是7.0此次升级的功能中和增加的诸多移动事件相等重要的新功能，结合之前掌握的基础技能相信能够迸发出更大的能量。
就官网的介绍和自己的使用分析，Repeater控件其实可以理解为带数据交互功能的表单，你可以完成以往需要配合动态面板才能完成的诸如过滤，排序功能，并能根据输入的数据实时添加记录。尤其是过滤功能在制作网站的高级搜索的时候根据选择条件不同显示不同结果…
半年前看到过这个问题，目前看一直没有什么好答案&br&把我自己摸索出来的方式分享一下。&br&里面会用到myaxure这个手机版的原型演示工具。&a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&myAxure | show Axure prototype on mobile devices&i class=&icon-external&&&/i&&/a&&br&&b&第一步：在axure里面的原型设计&/b&&br&在axure里制作原型时，页面内设计元素的宽度设置为640px&br&然后就照常在这个640宽*xxxx高 的界面里面，设计你的app界面、交互等等效果&br&&b&第二步：在axure生成原型的设置&/b&&br&在生成原型时，对原型的生成要做如图的设置（合适的设置应该有好几种，我自己用来和myaxure连起来用的是如图这个）&br&&img src=&/2f53cfc1b43e904eb8f8d_b.jpg& data-rawwidth=&640& data-rawheight=&482& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/2f53cfc1b43e904eb8f8d_r.jpg&&&br&&b&第三步：打包原型文件包，上传到myaxure再扫描&/b&&br&按照myaxure的指引，把生成的文件压缩、上传，用自己手机的myaxure app扫描二维码&br&&br&然后你就可以在手机上的myaxure里面演绎原型了。试试吧
半年前看到过这个问题，目前看一直没有什么好答案把我自己摸索出来的方式分享一下。里面会用到myaxure这个手机版的原型演示工具。第一步：在axure里面的原型设计在axure里制作原型时，页面内设计元素的宽…
实际分辨率/3，比如iPhone6 plus
px的分辨率，原型尺寸为414×736。&br&实际分辨率/2，比如iPhone5 640×1136 px的分辨率，原型尺寸为320×568。
实际分辨率/3，比如iPhone6 plus
px的分辨率，原型尺寸为414×736。实际分辨率/2，比如iPhone5 640×1136 px的分辨率，原型尺寸为320×568。
App产品原型的话，以你工作平台（Axure等）窗口最大化后，屏幕高度为准，宽度以真实手机分辨率等比例调整。&br&&br&全屏不仅有助于你更加聚精会神的工作，更能够时刻提醒你对细节的关注和思考。
App产品原型的话，以你工作平台（Axure等）窗口最大化后，屏幕高度为准，宽度以真实手机分辨率等比例调整。全屏不仅有助于你更加聚精会神的工作，更能够时刻提醒你对细节的关注和思考。}