Axure6.0--自学总结笔记

Axure学习笔记熟练了Axure，对软件设计文档的编写大有帮助，因为可以有一些界面图出来，用于进行交互。画界面图时多用Axure，画流程图时多用Visio，画类图和时序图等多用PowerDesign。，并且Axure画界面要简便许多，节约时间。这样能够做到物尽其用的效果，让最优的发挥它的极限。有基本的功能就可以，不必太苛求，因为本工具只是画原型。根据Axure实现的效果，反过来推HTML/CSS怎样来实现本文档的特点1.本文档初为本人学习之用，另有一些详实的整理，是为后学者参考。2.本文档对Axure界面中出现的英文，基本都提供有忠实的汉语翻译或解释，可通过快捷键“Ctrl+F”来查找，以不困惑。应注意的问题1.Axure工具可以将档保存为HTML、Doc等文档格式，但无法打开它们。它只能打开自己生成的*.rb、*.ubx格式的文档。Axure之作用1.让相关人员对你的设计进行体验和验证；2.向用户进行展示、沟通交流以确认用户需求；3.能够自动生成规格说明文档4.能够让团队成员进行多人协同设计，并对设计进行方案版本控制管理。Axure个人理解及解释Axure的发音是“Ack-sure”，RP则是“Rapid（快速的）Prototyping（原型模型）”的缩写，Pro是“Professional”的缩写，意思是“专业版”。AxureRPPro(快速原型设计模型工具专业版)是美国AxureSoftwareSolution公司的旗舰产品，是一个快速的原型工具，主要是针对负责定义需求、定义规格、设计功能、设计界面的专家，包括用户体验设计师、交互设计师、业务分析师、信息架构师、可用性专家和产品经理。为什么要使用AxureRP制作Prototype是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视画面，如此更能抓住利益相关者与使用者的注意，让用户在软件开始投入编程前就确认需求。快速原型法（RapidPrototyping）是一种有效且高效的以用户为中心（User-CenteredDesign）的技术，可以帮助用户体验专家、设计师、工程师创造更加有用、可用的产品。目前全球有10000多家大的公司和重要机构在使用AxureRP，国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。根据调查报告显示，大约66%的软件开发不是失败，就是超预算、延期或交付缩水的功能。软件失败或亏损的前三大原因为：1、缺乏使用者的参与2、需求或规格不完整3、需求或规格变更传统的需求管理工具或工作表中所存储的数千个需求与上百页的文件早已不合时宜了。现在这些需求更是不适用于目前快速开发的环境。而制作Prototype是个有效的简化文档编制、吸引参与者参与、早起辨认需求疏漏、将外在的需求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视化界面，如此更能抓住利益相关者与使用者的注意。让用户在软件开始投入编程前就确认需求。有以下要点1.自己遇到的问题一些已经明白，一些还有疑问，要多用。超级链接的问题已解决保存的问题图文混排没问题2.保存文档为.rp格式Axure会有提醒“您是否要保存当前文档”（Wouldyouliketosavethecurrentdocument?），建议一定要保存。以后只有通过它，才可以对设计进行修改。3.建立一般的超级链接1）拖动Wireframe下面的Hyperlink到页面编辑区域；2）双击选中并更改文字，选中；3）选择下方的PageInteractions下的OpenLinkinCurrentWindow并双击，选择所需链接，就OK了。具体图示如下：如上图，双击Case1打开新的对话框进行设置超级链接的地址。4.输入特殊符号首先要从Word里打出，然后复制，拷进TextPanel里Copyright的符号(c)必须是字符串中的起头，才能在Prototype上呈现符号(c)；如果(c)放在文字的中间，虽然在AxureRP上看得到符号，但输出成HTMLPrototype时，可能还是看不到。5.修改矩形边框的颜色工具栏的Linecolor，图标为，具体位置如下如所示：6.多个表格的叠放次序工具栏的以及右键的Order，两者是相对照的，功能相同7.图片翻转和按钮形态翻转图片翻转右键EditImage-ImportRolloverImage按钮形态翻转右键EditButtonShape-EditRolloverStyle图片或按钮左上角的“黑白”小方框可进行预览（一）Axure介绍互联网行业产品经理的一项重要工作，就是进行产品原型设计(PrototypeDesign)。而产品原型设计最基础的工作，就是结合批注、大量的说明以及流程图画框架图wireframe，将自己的产品原型完整而准确的表述给UI、UE、程序工程师，市场人员，并通过沟通会议，反复修改prototype直至最终确认，开始投入执行。进行产品原型设计的软件工具也有很多种，我写的这个教程所介绍的AxureRP，是taobao、dangdang等国内大型网络公司的团队在推广使用的原型设计软件。同时，此软件也在产品经理圈子中广为流传。之所以AxureRP得到了大家的认同和推广，正是因为其简便的操作和使用，符合了产品经理、交互设计师们的需求。在正式谈AxureRP之前，我们先来看看做产品原型设计，现在大致有哪些工具可以使用，而他们的利弊何在。纸笔：简单易得，上手难度为零。有利于瞬间创意的产生与记录，有力于对文档实时的讨论与修改。但是保真度不高，难以表述页面流程，更难以表述交互信息与程序需求细节。Word：上手难度普通。可以画wireframe，能够画页面流程，能够使用批注与文字说明。但是对交互表达不好，也不利于演示。PPT：上手难度普通。易于画框架图，易于做批注，也可以表达交互流程，也擅长演示。但是不利于大篇幅的文档表达。Visio：功能相对比较复杂。善于画流程图，框架图。不利于批注与大篇幅的文字说明。同样不利于交互的表达与演示。Photshop/fireworks：操作难度相对较大，易于画框架图、流程图。不利于表达交互设计，不擅长文字说明与批注。Dreamweave：操作难度大，需要基础的html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。以上这些工具，都是产品经理经常会使用到的，但是从根本上来说，这些工具都不是做prototypedesign的专门利器，需要根据产品开发不同的目的，不同的开发阶段，选择不同的工具搭配使用，才能达到表达、沟通的目的。比如使用纸笔，更适合在产品创意阶段使用，可以快速记录闪电般的思路和灵感；也可以在实时讨论沟通时使用，通过图形快速表达自己的产品思路，及时的画出来，是再好不过的方法。而word则适合在用文字详细表达产品，对产品进行细节说明时使用，图片结合文字的排版，是word最擅长的工作。而ppt自然是演示时更好。visio则可以适用于各种流程图、关系图的表达，更可通过画usecase获取用户需求。PS/FW是图片处理的工具，DW则是所见即所得的网页开发软件，这些是设计师的看家本领，对于普通的产品经理来说，需要耗费太多的精力去掌握。其实每件工具，每个软件，在创造它的初期，软件设计师们都给它赋予了性格、气质。因为每个工具的产生，都是为了满足人类的某一方面需求。比如锄头是锄土的，起子是起螺丝的，电熨斗是烫衣服的。但是不同的工具都有自己的工作领域，在其它领域它并不擅长。而以上的软件在创造的初期，并非为了帮助产品经理、UE完成产品原型设计，因此他们都不能在prototypedesign这件工作上得心应手。而AxureRP正是在互联网产品大张其道的前提下，为满足prototypedesign创建的需求，应运而生。AxureRP能帮助网站需求设计者，快捷而简便的创建基于目录组织的原型文文件、功能说明、交互接口以及带注释的wireframe网页，并可自动生成用于演示的网页档和word文档，以提供演示与开发。如果还没有下载到或是还没有找到，读者们可以从这里进行下面的链接进行下载，软件不大，总共才59.44M：（直接复制到浏览器的页面上就可以下载了。我用的是6.0的版本）=e3d88fb3170daceb3fdf9cf07903364f没错！AxureRP的特点是：快速创建带注释的wireframe档，并可根据所设置的时间周期，软件自动保存文文件，确保档安全。在不写任何一条html与javascript语句的情况下，通过创建的文档以及相关条件和注释，一键生成htmlprototype演示。根据设计稿，一键生成一致而专业的word版本的原型设计文档。说到这里相信很多人已经激起了兴趣，但是在开始学习之前，我认为我们还是有必要先了解一下软件短短的历史，创造这一软件的公司—AxureSoftwareSolutions,Inc.该公司创建于2002年五月，AxureRP是这一软件公司的旗舰产品，2003年一月AxureRP第一版本上线发表，至今已经正式发行到了第六个版本，而我提笔写到这里的时候，Axure6.5版本beta版本已经正式提供下载试用，虽然我已经下载使用，但是我想，写教程还是应该先从稳定的6.0版说起，至于6.5版，我们可以伴随着软件一起成长。（二）接口与功能不论学习什么，打基础是很重要的。关于基础练习，我印象最深的故事是王羲之练习书法的故事，将一池水染黑，需要怎样的毅力？再有就是达芬奇与鸡蛋的故事，一个简单的鸡蛋，达芬奇画了无数次。我相信正是他们的一步一个脚印，才让他们有了后来伟大的成就。故事老套，道理浅显，可是我认为很重要。学习软件，应该先熟悉每个面板，每个基础功能，才能够真正谈到运用。所以我的学习方法是了解软件的基础功能开始。一、欢迎接口与功能运行AxureRP后，首先弹出的是欢迎接口，它拥有的功能和其它软件的欢迎接口没有什么特别的不同。功能区1：文文件区，这个区域显示用户最近打开的AxureRP文件，用户可以快捷的打开之前编辑的档。同时也提供快捷按钮，可以创建新文档与打开AxureRP默认档夹。功能区2：认证区，这个区域显示注册信息。已经注册的用户，显示注册者名称，与已经获得认证的图示。未注册用户，显示注册链接，引导用户完成注册注册。功能区3：AxureRP学习中心。主要包括在线学习、帮助文档、问题回馈三个环节。a、在线学习提供了三个链接：videotutorial：点击后进入视频学习中心，可以通过观看相关的flash教程学习AxureRP，不过都是e文解说。onlinecommunity：进入AxureRP的官方讨论组，在线讨论学习。Axureblog：进入Axure的官方论坛，了解最新信息。b、帮助文文件也提供了两个链接，但是其实起到的是一样的效果，都是打开帮助文档，只是跳往不同的章节罢了。c、问题回馈，通过点击链接可以发邮件到[e-mail]，以寻求获得帮助。在欢迎接口中，Axure还提醒用户，用6.0高版本的软件创建保存的Axure档，无法用以前的低版本查看。同时，如果我们不希望下次打开软件再看到这个面板，我们可以通过选择“Don'tshowthisatstartup”实现。二、软件主接口与功能关闭欢迎接口后，我们进入软件的主接口，淡蓝色调的ui，并不是很张扬。功能区1：命令区，和我们操作的所有office软件一样，包含文件、编辑、查看和帮助，这些功能大抵是差不多的。table也很容易理解，就是对表格编辑的命令。而Axure特有的几个特殊的命令栏目是a、wireframe：线框，包含所有画原型线框图的相关命令。b、object：包含所有对工作区物体的操作命令，操作放入工作区的所有widgets，包括组合、排序、锁定以及脚注命令等。c、generate：自动生成html演示档、word说明文档，以及对生成规则