AxQure返学习笔记.docVIP

Axure学习笔记 软件中有不完善的地方，要靠自己的经验来规避和克服，还算好用。 熟练了Axure，对软件设计文档的编写大有帮助，因为可以有一些界面图出来。 画界面图时多用Axure，画流程图时多用Visio，为的是熟练Axure，并且Axure画界面要简便许多，节约时间。 有基本的功能就可以，不必太苛求，因为本工具只是画原型。 根据Axure实现的效果，反过来推HTML/CSS怎样来实现 本文档的特点 本文档初为本人学习之用，另有一些详实的整理，是为后学者参考。 本文档对Axure界面中出现的英文，基本都提供有忠实的汉语翻译或解释，可通过快捷键“Ctrl+F”来查找，以不困惑。 应注意的问题 1.Axure工具可以将档保存为HTML、Doc等文档格式，但无法打开它们。它只能打开自己生成的*.rb、*.ubx格式的文档。 有以下要点 1.自己遇到的问题 一些已经明白，一些还有疑问，要多用。 超级链接的问题已解决 保存的问题 图文混排没问题 2.保存文档为.rp格式 Axure会有提醒“您是否要保存当前文档”（Would you like to save the current document?），建议一定要保存。以后只有通过它，才可以对设计进行修改。 3.建立一般的超级链接： 1）拖动Wireframe下面的Hyperlink到页面编辑区域； 2）更改文字，选中； 3）选择右侧Interactions下的Quick Link并双击，选择所需链接，就OK了。 4.输入特殊符号 首先要从Word里打出，然后复制，拷进Text Panel里 Copyright的符号(c)必须是字符串中的起头，才能在Prototype上呈现符号(c)；如果(c)放在文字的中间，虽然在Axure RP上看得到符号，但输出成HTML Prototype时，可能还是看不到。 5.修改矩形边框的颜色 工具栏的Line color，图标为 6.多个表格的叠放次序 工具栏的以及右键的Order，两者是相对照的，功能相同 7.图片翻转和按钮形态翻转 图片翻转 右键Edit Image-Import Rollover Image 按钮形态翻转 右键Edit Button Shape-Edit Rollover Style 图片或按钮左上角的“黑白”小方框可进行预览 （一）Axure介绍 互联网行业产品经理的一项重要工作，就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作，就是结合批注、大量的说明以及流程图画框架图wireframe，将自己的产品原型完整而准确的表述给 UI、UE、程序工程师，市场人员，并通过沟通会议，反复修改prototype 直至最终确认，开始投入执行。 进行产品原型设计的软件工具也有很多种，我写的这个教程所介绍的Axure RP，是taobao、dangdang等国内大型网络公司的团队在推广使用的原型设计软件。同时，此软件也在产品经理圈子中广为流传。之所以Axure RP得到了大家的认同和推广，正是因为其简便的操作和使用，符合了产品经理、交互设计师们的需求。 在正式谈Axure RP之前，我们先来看看做产品原型设计，现在大致有哪些工具可以使用，而他们的利弊何在。纸笔：简单易得，上手难度为零。有利于瞬间创意的产生与记录，有力于对文档实时的讨论与修改。但是保真度不高，难以表述页面流程，更难以表述交互信息与程序需求细节。Word：上手难度普通。可以画wireframe，能够画页面流程，能够使用批注与文字说明。但是对交互表达不好，也不利于演示。PPT：上手难度普通。易于画框架图，易于做批注，也可以表达交互流程，也擅长演示。但是不利于大篇幅的文档表达。Visio：功能相对比较复杂。善于画流程图，框架图。不利于批注与大篇幅的文字说明。同样不利于交互的表达与演示。Photshop/fireworks：操作难度相对较大，易于画框架图、流程图。不利于表达交互设计，不擅长文字说明与批注。Dreamweave：操作难度大，需要基础的html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。 以上这些工具，都是产品经理经常会使用到的，但是从根本上来说，这些工具都不是做prototype design的专门利器，需要根据产品开发不同的目的，不同的开发阶段，选择不同的工具搭配使用，才能达到表达、沟通的目的。 比如使用纸笔，更适合在产品创意阶段使用，可以快速记录闪电般的思路和灵感；也可以在实时讨论沟通时使用，通过图形快速表达自己的产品思路，及时的 画出来，是再好不过的方法。而word则适合在用文字详细表达产品，对产品进行细节说明时使用，图片结合文字的排版，是word最擅长的工作。而ppt自 然是演示时更