Axure学习
<div class="cont-scrollbar ps-container" id="cont-scrollbar">
<div class="scroller content" style="min-height: 243px;"> <div class="cont-title-wrap wm" id="imagetext-content"> <div class="cont-title">产品经理要掌握Axure到什么程度</div> <div class="cont-desc"> <div class="imagetext-content"> <div class="text-markdown"> <div class="cl-preview-section"><p>第16章我们讲Axure的学习和使用，你可能会比较疑惑，别人家的Axure教程，都是厚厚一本书，长达几十小时的课时，但我们的课程却没有介绍那么多，我也和你提过真正产品经理日常工作中只会用到30%的Axure的功能，那为什么会这样呢？产品经理要掌握Axure到什么程度呢？这篇文章就向你介绍下这背后的理由。</p>
</div><div class="cl-preview-section"><p>其实回答这个问题很简单，只要问自己：学习Axure的目的是什么？就可以了。</p>
</div><div class="cl-preview-section"><p>很明显，我们学习Axure是为了能向下游，也就是我们的技术、测试、设计团队交付可落地的产品方案，那我们再来看看他们希望产品经理提供的是什么？</p>
</div><div class="cl-preview-section"><p>1、清晰易读的产品使用流程</p>
</div><div class="cl-preview-section"><p>2、一目了然的界面布局</p>
</div><div class="cl-preview-section"><p>3、不丢失、不漏写的交互反馈说明</p>
</div><div class="cl-preview-section"><p>4、界面上每个元素，在什么条件下，需要展示什么样式？什么文案</p>
</div><div class="cl-preview-section"><p>以上这些，更需要产品经理专注于产品流程图的绘制、界面布局的完整性，以及描述清楚当用户触发界面上哪个位置，会读取服务端哪个字段，显示在哪里。</p>
</div><div class="cl-preview-section"><p>因此真正你在使用Axure需要关注的，都是哪些呢？</p>
</div><div class="cl-preview-section"><p><strong>1、基于页面交互的完整业务流转示意图的绘制。</strong></p>
</div><div class="cl-preview-section"><p>也就是说，尽管实际和用户产生互动的只有一个屏幕上的一个页面，但本质上它们应该是从一个页面跳转到另一个页面，或者说一个页面上的元素变换成另一个元素，那最好的做法，则是在Axure的画布上把这些页面都铺开，用连线的方式说明用户每次触发交互时，所产生的页面变化。如下图：<br>
<img src="http://climg.mukewang.com/60cae44d09b5951e10520552.png" alt="图片描述"></p>
</div><div class="cl-preview-section"><p><strong>2、更贴近真实效果的尺寸、布局、元素大小和元素形状。</strong></p>
</div><div class="cl-preview-section"><p>我见过很多产品经理，Axure用的也还挺熟，各种功能也都会用，但唯独最后出的线框图，没有对齐、布局混乱、元素扭曲，几乎没有排版布局，问起来还说排版是设计的事，自己只需要规定清楚有哪些功能就行了，就像这样：<br>
<img src="http://climg.mukewang.com/60cae45c0975d4dc05780521.png" alt="图片描述"></p>
</div><div class="cl-preview-section"><p>我觉得这种心态就非常有问题。当你开始动手画图时，就要基于标准的手机尺寸比例来绘制，同时，精准布局每一张图的尺寸比例，每个元件的摆放位置，甚至一屏出现多少元素都要提前想好，以便于设计师帮你进一步完善细节。产品经理的基本功，其实就体现在这些细节上。</p>
</div><div class="cl-preview-section"><p><strong>3、足够抽象、静态、结构化。</strong></p>
</div><div class="cl-preview-section"><p>让很多新人望而却步的，主要是Axure的动态面板、变量、中继器等功能。总的来看，这些功能的目的都是要让原型“动起来”，而大多数情况下，我们反而需要让原型保持静态状态，只有这样才不会让开发因为没有触发你原型的一些位置导致漏开发功能，同时只有足够静态才不会影响设计同学的发挥，也因为你要关注静态逻辑，才会强迫自己用更抽象、更结构化的语言把交互效果描述的更简单清晰。实际在画原型时，静态主要体现在下面2步：</p>
</div><div class="cl-preview-section"><p>第一，罗列所有页面的静态原型图</p>
</div><div class="cl-preview-section"><p>你不需要花过多的精力增加交互动效，让原型图动起来。因此你要关注的更多是学习使用母版，或者积累适合自己的元件库，通过拖拽的方式，快速绘制多张页面，以提高效率。</p>
</div><div class="cl-preview-section"><p>第二，对原型图上的每个元素进行标注，写清逻辑，标明页面交互</p>
</div><div class="cl-preview-section"><p>这一步才是重头戏，你要思考原型页面各个元素的展示逻辑，细节交互，考虑原型在被用户不同场景下触发动作时的展示样式，并用标注向开发阐述清楚。具体怎么做可以通过学习后面第17章来了解，但更多在于多练、多实践，多和开发同学沟通。</p>
</div><div class="cl-preview-section"><p>总之，学习Axure的目的是为了将产品逻辑可视化，保证其交互、样式、使用流程在内部沟通过程中不失真不遗漏没有理解歧义，这就足够了，希望你能带着这样的原则来学习这款工具。</p>
</div> </div> </div> </div> </div> </div>
<div class="cont-footer-imageText" style="position:relative"><a href="1993#mid=54249"><input type="button" value="下一节" class="r moco-btn moco-btn-purple"></a></div><div class="ps-scrollbar-x-rail" style="left: 0px; width: 876px;"><div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div></div><div class="ps-scrollbar-y-rail" style="top: 0px; right: 8px; height: 313px;"><div class="ps-scrollbar-y" style="top: 0px; height: 41px;"></div></div></div>