软件产品原型设计工具

AxureRPPro5.6教程目录TOC\o"1-1"\h\u（一）Axure介绍2（二）界面与功能4（三）文档管理7（四）模板复用11（五）widgets工具-上14（六）widgets工具-下17（七）注释annotations18（八）交互interactions（上）25（九）交互interactions（中）29（十）交互interactions（下）33颗（一）Ax侧ure介绍壮互联网行业宽产品经理的厘一项重要工概作，就是进尾行产品原型报设计(Pr联ototy辆peDe腔sign)咐。而产品原散型设计最基称础的工作，裹就是结合批夺注、大量的券说明以及流斧程图画框架扣图wire虚frame众，将自己的输产品原型完悼整而准确的吗表述给U员I、UE、悠程序工程师济，市场人员冶，并通过沟轿通会议，反他复修改pr贝ototy晴pe直至对最终确认，鸦开始投入执冒行。恳进行产品原澡型设计的软秆件工具也有现很多种，我茅写的这个教慰程所介绍的敢Axure萝RP，是蓬taoba糠o、dan还gdang浇等国内大型插网络公司的丧团队在推广乒使用的原型叛设计软件。像同时，此软象件也在产品坦经理圈子中黎广为流传。舰之所以Ax详ureR裕P得到了大芝家的认同和稼推广，正是异因为其简便陈的操作和使钳用，符合了句产品经理、瘦交互设计师友们的需求。恩在正式谈A夫xure禾RP之前，抓我们先来看俘看做产品原雷型设计，现香在大致有哪碎些工具可以泪使用，而他轨们的利弊何晚在。贝纸笔：必简单易得，土上手难度为申零。有力于邮瞬间创意的旗产生与记录艘，有力于对伍文档即时的不讨论与修改椅。但是保真拾度不高，难芳以表述页面听流程，更难暑以表述交互抱信息与程序咬需求细节。里Word：祥上手难度普楚通。可以画描wiref冈rame，威能够画页面统流程，能够曲使用批注与愧文字说明。谈但是对交互姐表达不好，咏也不利于演耍示。明PPT：恰上手难度普袍通。易于画溪框架图，易苏于做批注，仔也可以表达株交互流程，施也擅长演示书。但是不利荒于大篇幅的飘文档表达。乞Visio垄：侍功能相对比乖较复杂。善惭于画流程图蒙，框架图。隆不利于批注瓶与大篇幅的献文字说明。茎同样不利于缘交互的表达法与演示。布Phots长hop/f漆irewo芝rks：萄操作难度相姜对较大，易劣于画框架图聋、流程图。傻不利于表达融交互设计，很不擅长文字盲说明与批注肉。访Dream付weave千：挎操作难度大污，需要基础堡的html用知识。易于右画框架图、歉流程图、表您达交互设计颠。不擅长文配字说明与批利注。药以上这些工劣具，都是产随品经理经常居会使用到的适，但是从根府本上来说，忍这些工具都苦不是做pr谜ototy护pede屑sign的糕专门利器，词需要根据产但品开发不同气的目的，不傍同的开发阶棚段，选择不代同的工具搭坡配使用，才纸能达到表达墙、沟通的目链的。复比如使用纸黎笔，更适合料在产品创意隐阶段使用，栏可以快速记批录闪电般的董思路和灵感命；也可以在残即时讨论沟街通时使用，您通过图形快奏速表达自己弦的产品思路功，及时的擦画出来，是浆再好不过的棚方法。而w壁ord则适炭合在用文字非详细表达产树品，对产品佛进行细节说扇明时使用，悉图片结合文头字的排版，络是word仰最擅长的工民作。而pp灯t自然是残演示时更好彩。visi旋o则可以适登用于各种流僻程图、关系你图的表达，研更可通过画强usec脊ase获隔取用户需求矛。PS/F邀W是图片处窜理的工具，巡DW则是所价见即所得的恐网页开发软腔件，这些是秘设计师的看惕家本领，对蛛于普通的产南品经理来说宪，需要耗费拨太多的精力孤去掌握。获其实每件工岂具，每个软干件，在创造美它的初期，势软件设计师雷们都给它赋笼予了性格、侍气质。因为虽每个工具的初产生，都是败为了满足人累类的某一方舍面需求。比遇如锄头是淋锄土的，起序子是起螺丝揭的，电熨斗眯是烫衣服的帅。但是不同奋的工具都有立自己的工作鞋领域，在其直他领域它并赌不擅长。而露以上的软件殿在创造的初女期，并非为怖了帮助产品恼经理、u那e完成产品贵原型设计，抚因此他们都摄不能在pr楼ototy逢pede爹sign所这件工作上察得心应手。段而Axur肆eRP正偷是在互联网六产品大张其哥道的前提下基，为满足p肝rotot卡yped哨esign探创建的需求钱，应运而生交。辞Axure务RP能朵帮助网站需雅求设计者，搂快捷而简便凭的创建基槽于目录组织病的原型文档昆、功能说明殃、交互界面卡以及带注释梳的wire谈frame访网页，并可效自动生成用尾于演示的网咬页文件和w春ord文档障，以提供演毙示与开发。粥没错！Ax劣ureR哈P的特点渡是：剑快速创建带乖注释的wi闭refra喉me文件，映并可根据所真设置的时间屿周期，软件救自动保存文杀档，确保文犁件安全。充用在不写任何事一条htm详l与jav窗ascri漏pt语句的煤情况下，通留过创建的文授档以及相关亚条件和注释屋，一键生成资html临proto坑type演剖示。封奴根据设计稿渔，一键生成余一致而专业溪的word贤版本的原型洞设计文档。遮说到这里相赵信很多人已浙经激起了兴躺趣，但是在躺开始学习之沫前，我认为默我们还是有埋必要先了解搭一下软件短李短的历史，比创造这一软赶件的公司—钱Axure火Soft企ware锯Solut酸ions,文Inc.娘该公司创建饱于2002躬年五月，A暮xure溜RP是这一扣软件公司的氏旗舰产品，为2003年昌一月Axu婆reRP睬第一版本上盯线发表，至撤今已经正式狭发行到了第跌四个版本，略而我提笔写茎到这里的时柱候，Axu虚re5.振0版本be协ta版本已精经正式提供指下载试用，岔虽然我已经负下载使用，朗但是我想，晌写教程还是皮应该先从稳疤定的4.6便版说起，至是于5.0版核，我们可以张伴随着软件翅一起成长绸。储接下来我会烟结合图片，归分几个步骤伶分享我对A凤xure的粉认识，估一、界面绵与功能蚂二、工具击栏牵三、站点划地图鸽四、组件银与使用方法以五、复用站模板与使用财六、交互环功能与注释午七、实例奉当然，在书愁写的过程中当我会根据具蜘体的情况再稳进行调整，胜尽量做到图省文并茂，易孩于理解。写须这个教程的至目的，一方聚面为自己熟拾悉与更加理爷解Axur墓e，另一方泥面也鞭策自肃己完善自己归的blog核网站激，同时也希柿望以自己的览绵薄之力，叫为希望学习们Axure樱的朋友分享煮一点经验。尾由于这是我昨第一次尝试犁写教程，难虹免会出现偏苍颇，也希望市朋友们能够冷不吝赐教，忧共同进步。算另，为e文衔好的朋友附稻上自学Ax钓ureR屡P的几个途烦径：雅1、打开谁软件，按F慨1调取帮助醒文档，对照以文档学习。饮2、登录阿om/au个-home凝.aspx侨查看fl兴ash视频醋学习。怖3、登录桃Axur僚e博客斯，了解软件叨最新信息。旗4、登录消讨论组肉，参与讨论港。锈并提供Ax嫂ureR侧Ppro糊4.6版县本的下载煮（二）界面驰与功能米不论学习什农么，打基础燃是很重要的泳。关于基础趣练习，我印耀象最深的故供事是王羲之形练习书法的众故事，将一舍池水染黑，汉需要怎样的气毅力？再有值就是达芬奇推与鸡蛋的故缎事，一个岭简单的鸡蛋赠，达芬奇画沙了无数次。忍我相信正是羊他们的一步闻一个脚印，赤才让他们有附了后来伟大蔬的成就。故感事老套，道材理浅显，可全是我认为很突重要。叛学习软件，堪应该先熟悉欲每个面板，选每个基础功屠能，才能够岛真正谈到运咬用。所以我料的学习方法覆是了解软件递的基础功能取开始。忍一、欢迎界症面与功能嗓运行Axu壳reRP便后，首先弹旁出的是欢迎农界面，它拥雕有的功能和滨其他软件的圈欢迎界面没雨有什么特别看的不同。叶功能区1：旬文档区，这崇个区域显示月用户最近打队开的Axu介reRP用文件，用户驳可以快捷的弱打开之前编奉辑的文件。茄同时也提供击快捷按钮，凑可以创建新黎文档与打开疮Axure问RP默认善文件夹。惑功能区2：藏认证区，这史个区域显示设注册信息。书已腿经注册的用窜户，显示注律册者名称，横与已经获得逮认证的图标笛。志未钢注册用户，亩显示注册链趴接，引导用终户完成注册辆注册。别功能区3：没Axure闭RP学习到中心。主要瞧包括在线学母习、帮助文吃档、问题反料馈三个环节做。笑a您、乳在线学习负提供了三个别链接：忠宗video殃tuto衣rial：兴点击后进入期视频学习中论心，可以通英过观看相关威的flas廉h教程学习废Axure今RP，不华过都是e文时解说。踩鱼onlin膜ecom方munit甚y：殿进入Axu找reRP蜂的官方讨论紧组，在线讨社论学习。摩各Axure蓝blog肤：享进入Axu贤re的官方庸论坛，了解粱最新资讯。躁遭b嘱、产帮助文档蛾也提供了两弄个链接，但炮是其实起到锤的是一样的钳效果，都是耍打开帮助文舟档，只是跳辜往不同的章瓶节罢了。震c宏、口问题反馈比，通过点击奶链接可以发潮邮件到su药pport沙@axur伞e伞，以寻求获拔得帮助。致在欢迎界面奇中，Axu胀re还提醒袋用户，用4烫.6高版本遗的软件创建景保存的Ax翁ure文件娱，无法用以仅前的低版本露查看。故同时，如果员我们不希望辫下次打开软侵件再看到这煤个面板，我胖们可以通过庸选择“Do卡n'ts乳howt阵hisa迅tsta唐rtup”尚实现。腿二、软件主奖界面与功能愈关闭欢迎界咐面后，我们面进入软件的眼主界面，淡蹲蓝色调的u须i，并不是持很张扬。满功能区1：唱命令区，和肾我们操作的圾所有off卖ice软件钓一样，包含吧文件、编辑溜、查看和帮黑助，这些功烦能大抵是差趟不多的。t袍able也衡很容易理解朴，就是对表伍格编辑的命辞令。而Ax拐ure特有舱的几个特殊盏的命令栏目壮是报a护、朗wiref纹rame：鞋线框，包含踏所有画原型孝线框图的相乓关命令。陷b秤、看objec杂t：计包含所有对耗工作区物体取的操作命令绕，操作放入片工作区的所启有widg衬ets，包组括组合、排墙序、锁定以音及脚注命令伙等。她c扑、唱gener歇ate：杨自动生成h分tml演示止文件、wo北rd说明文导档，以及对舟生成规则进绘行自行编辑才、定义。芳功能区2：肝工具栏，基变本和off衫ice风格绩一模一样，景功能也很容份易上手。届功能区3：遵工作区，这缓就是我们平亡常操作工具依，创建pr摄ototy帖pe的舞台纪，将自己的歌构思在这里底释放，将自循己的想法在痕这里展现。竟工芳作区的上部带显示打开的辣文件名，可野同时打开多垂文档，进行敏操作。子功能区4：押站点地图，匆Axsur莫eRP创丧建的文件是州模拟真实网驶站页面关系宜的，sit萄emap就堪是通过树形蝴目录关系，菌管理所有的还站点页面文似件与流程图兼文件。科学惧的文件关系秘结构，对有匠效的演示文裁档与生成易业读的说明文破档相当重要呜。制我再的操作习惯浸是先画流程染图，然后根虎据流程图构镰建页面文件询框架，最后需才开始页面贝的具体设置虏。期间可以记将文件分为蠢LOFI（僵低保真）与智HIFI（旨高保真）两框个部分进行戴分别展示，惠有利于不同故的需求者使拾用。秧功能区5：捏器具箱，囤仓积了所有用方来画wir国efram另e与流程图猎的对象。我烦们可以通过侍拖拽的方式额将小图形放丑入工作区，贵进行操作。笛对于这里面辨的对象，我朴们有必要一肚一详细了解华。势功能区6：薯复用模块简区，这里创蒸建的页面文妙件和sit枪emap的口页面相似，混唯一不同的轿是，mas吧ter的每质个文件，可盲以当作一个霜整体，被s汉itema尊p反复调用姨。这个功驱能就相当于苏程序开发中复的程序复用闹，用好这个储功能，可以墓减少我们很拘大一部的工嗓作量。也更序容易理解网劫页文件的关版系，了解网固页设计师、摆程序员是怎殊么构建网站址的页面的江。埋功能区7：捞页面笔记，付用来对当前借创作页面进川行注释与说寄明。同时可谢以在这里对扒页面里的关某键字段和特睡殊问题进行坝详细的描述泻。缺功能区8：膀页面载入时虑的交互功能矿。通过在这房里设置，不苗同条件下，驳页面初次打那开时的状况责。裕功能区9：猛注释与交互怖区。这个注逗释和交互和新7、8不同秩，7、8针屿对的是页面沫，而9针对药的是页面中值的元素，也剩就是一个个宵widge瞧ts。抬功档能区的上面挥部分设置交困互条件。通毁过鼠标点击倒、滑入、滑承出，设置触稍发的事件，助与对应wi既dgets犹相应的变化截。这一部分搅对没有程序韵基础的人可侨能会有一点葛难度，我稍筒后会做详细是解释。炎功照能区的下面旨部分是注释溪部分，用户则可以对选定浑的对象进行赖详细的注释韵。Axur佳e已经设置含了几个默认遣的注释字段萄，但是其实录这些默认的钥注释字段，者大家完全可采以不使用，鲁因为它可能融和你要说明吉的东西风马杠牛不相及。赌犁那节么该怎么卸办呢？Ax淹ure提供锦了自主设置蔬字段，只要荣你自己设置裂好自己常用鞠的字段，然衬后按照自己忘的习惯编写吃就可以了。升比如说你要君说明对象的懒功能、优先秆级、参数朱，那么你在贺设置中加入捕这三个字段思就好了。A黄xure最直大的优势就重是你设置的层这些注释，蹈在生成说明细文档时，A壳xure自购动帮你生成统PRD规格罪的表格文档赏，你可以允省去相当大箱的编号工作独，与文档工堂作。这些我鹊在之后也会穿做说明。斗这些就是A跃xure的它主要功能区奔，但是其实桃还有两个小晨的角落大家绸可能会忽略庄，那就是6球、7、8区塌下面的一行崖系统信息，控这里显示的趣信息很重要眯，但是一塔般人却经常妄会忽视。我访只所以说重武要，因为我房们在给ui魄设计师wi比refra践me的时候辱他们总会问户，这里多少景像素，那里侧多少像素，基可是我们在充画wir树efram装e的时候却解无法度量。个Axure谈创建的wi现refra鹊me，完全拥可以生成h惕tml，因陵此我们可以丈在画的时候悼就度量好每居个像素距离苗。但是我棚们要怎么做夫呢？这就需疗要利用到下伙面这行小信漂息栏了。捕信息栏左边蹄显示的是文亲档保存情况雁。而右边呢炎，当你将一圈个widg逆ets放入墓工作区，并境选择这个巨widge塘t时，这里也就有用了，翅它显示的是故你所选择w污idget脉的高宽，以面及距离页面跨顶部和左边燥的px距离缘。通过使用稠上下左右键条，结合这个断信息栏，堂你可以一步激一步将它移偿动到你想去机的地方。有枯意思吧？腹好了，今天崭先写到这里倍，写到快3摘点了，今天筋真是有点投德入了，要上劣床睡觉了，垂支持不住呀懂。接下来，宋我将根据不堤同的工作区露，来详细解疤说功能了。妇写得不清楚压的，可以问示；写得不对荣的，可以提流，我会尽力斜做好工作！嗓遭（三）文档弓管理难开章要说的示是文档管理非。文档管理昏看似简单，舟但是这是从缩操作功能上猪来说的，而日我在说功能哈上的时候，迷想把我对文失档管理的理有解也一并说皱一下。丝文档管理的睬目的，其实宋是为了有一刊个清晰的产勉品思路。刚值开始工作的恶时候，我发喷现很多刚从辣学校出来的阿朋友对文档仰的命名与放壁置都是随心哥所欲的，我涨也不例外。榆没有好的堤整理习惯，对这直接导致摄每次寻找先救前的文档都鸡要花费相当导长的时间，屿甚至不小心屋误删，如果侵恰好有事请哀假，别的同峰事也无法接槐手工作。奶所以，做一许个prot辟otype办需要首先构加建一个清晰含的文档关系差，这样一方摇面能够让自磁己清楚文件捉关系与位置恳，更主要的惑是让开发者拘与接受者能题清晰理解你墨的思路，生然成更合理的称产品说明w摸ord文档辟。援Axure锈RP的s窗itema却p，与wi胁ndows样的树形目录妈相似，是以卷父子关系构乒建页面关系嘴的，每个页辉面既可以是楼一个页面p廊age，也社可以是一个察流程图fl洲ow。谎一、工具功绩能条夹1、增加一熄个子页面：可为所选择的爽页面创建一防个子页面。疾2、页面上独移：同等级插的页面中，死将所选页面隙的上下排列桶次序，上移酸一个位置。傅3、页面下钞移：同等级胖的页面中，捡将所选页面翼的上下排列竭次序，下移切一个位置。估4、页面降来序：将所选筐页面等级降烈序，作为原详等级中，排圈列在所选页而面上方之页廊面的子页面皱。拦5、页面升氧序：将所选名页面等级升绝序，将所选牙页面的页面桑等级，升序技为父页面的茫同等级页面印。围6、删除页剃面：将所选夜页面删除，薪同时删除其逮子页面。横7、编辑页汪面：在工作精区打开所选防择页面，进户行编辑。赔二、右键—姻增加瘦为鼠标右击航文件所显示益命令，下同绸。钉1、增加一毙个子页面：罗同一，1甜。（表示和奖第一大点，成第1小点功萄能相同，以弯下同此）骨2、在所选颗页面之上增世加一个同等颗级页面。铁3、在所选子页面之下增盼加一个同等好级页面。瓶三、右键—胀移动到1、页面上亡移：同一，端2。乐2、页面下托移：同一，娇3。盼3、页面降坡序：同一，感4。出4、页面升蓄序：同一，鸽5。骡四、右键—疤复制恩1、复制页饭面：复制所喊选页面，作钉为同级页面霸显示在所选竹页面下方。妄不包含所选终页面子页面新。诚2、复制分索支：复制所毅选页面以及蹄子页面，作研为同级分支焰显示在所选积页面分支下摸方。陷五、右键—涨页面类型似1、wir哄efram瞧e：页面类醒型定为线框遗图，文件图六标显示页面冠图标。吐2、flo枝w：页面类洗型定位流程类图，文件图怕标显示流程蹦图标。费六、右键—挑其他针1、删除页苹面：同一、梁6。烛2、重命名忆页面：为所帐选页面重命宋名。驴3、编辑页份面：同一、典7。奔4、生成流屡程表：将所块选页面以及搭其子页面关先系，生成流历程图。生产蜓图有两种页炊面布局方式禁可选。北标准爱模式，页面患按照父子关漆系从上自下六排列；阶梯祥模式，页面偿按照父子关丑系从左上至槐右下，以阶捕梯方式进行疾排列。缎5、复制页傲面链接到剪中切板。开以上就是s松itema红p所有命令佳，其实这些制命令都很简谨单，也很容浮易理解，关网键在于怎么星去使用。寇由于页面有丙两种类型，颠wiref浙rame与携flow，绕所以要善于讨用这两种标高记页面，从籍而让人理解向你的意图。览我总结大致渠这两种标记梯可以如下利唇用。染flow图刑为父页面，子wiref镇rame图叠为子页面：拴先画流程图厦，然后根据聚流程图构建线页面关系。抹这样在流程俩图的指引下且结构页面关幸系，可以更作清晰的理解朗页面框架。跌wiref栽rame为苗父页面，f御low为子抱页面：为页迟面线框图中眨的特殊部分危做流程解释推。可以对页继面的细节部熟分进行详尽劲的解释。畅当然，这两险种结构方式疗要活学活用百，在复杂的洪产品页面结饥构中，他们案完全是你中砍有我，我中贝有你的。唱（四）模板娘复用疏maste灭rs和si搁temap拉面板很相似源，文档操作辣也一样，它司们的本质区态别是，si畅temap雅里的文件是昌最终展示页彻面，mas分ters里坡的文件却只患是一个模块妨，是页面的邪一个部分。径maste地rs的英文怕直译是主人桃或雇主，但累是我认为这韵里可以叫做格模板，或者前复用模块。透maste膛rs的文件是，是页面中梯重复的模块恳，由于在不鹅同页面中这键些模块是一猴样的，所以闭拿出来作为疤一个模块编跟辑，然后在堆不同页面中辛进行调用。浅这个功能史类似于网页娃程序开发中栏的程序复用抄，不同页面耍中调用同一扛段程序，一把般把这段程承序单独做成献一段页面程失序，然后用皂inclu撇de命令进箭行调用。挠maste四r的文件就进相当于这段知被调用的页飘面程序。d柄reamw贿eaver附也有类似的飞功能，就是朗templ铺ate，可捏以参照理解秀。胃一、功能条看maste尝r的功能条守功能基本和景sitem起ap一模一风样，功能也卖基本一样。素唯一不同的皇是mast敞er可以创卡建文件夹，隙可以通过文仇件夹收纳不存同的文件，磁因此唯一不缴同的就是第夺一个功能按鬼钮，功能作助用是增加一正个文件夹。忠二、右键单现击文档——海增加玩增加功能的习功能模块功类能除了增加绕文件夹其他夸和site讽map相同会，大家可以的参考教程三师中的二大条木。蝴而mast迈ers的文暗档组织结构剑主要依靠文赶件夹完成，派页面文件之救间不存在父毯子关系。这粮是文档操作笑与组织中与盏sitem来ap的最大网不同。垒三、右键单佣击文档——五移动抗文件移动功舒能基本上也匪和site医map完全细相同，但是丛父子关系的率文档移动是源文件相对于芬文件夹完成蚕，而不是相肉对于文件进绑行。楚功能，基本街上也可以参税考教程三的羽第三点。笼四、右键单牙击文件——岸文件身份“齿行为”帅behav涌ior是行帅为的意思，替这个功能是省axure沿升级到4版脚本后加入的利，是针对m坡aster罢的不同使用愿情况而添加谜的一个功能那，也是要重极点介绍的功发能。妥1、nor常mal：普摊通文件。就浑是一般的复烤用文件。是经默认创建的惰复用文件。努2、pla趴cein岗back毯groun想d：定位的枝复用模板，砖这类模板的杯特点是定位披于页面的底蛇层，并且锁覆定模板中的触widge温ts在他原隆来创建的位赛置。这类复北用模块主要株用于创建h懒ead、f丢oot、侧麦边栏等明确竖定位的复用务模块。厉3、cus尖tomw顽idget寒sbeh阀avior餐：自定义模丛块。这类模派块就类似于带自创了一个谁widge戒ts。誓这类模块与宗其他类型的习复用模块的窝不同在于，忆其他模块与忽复用到页面锡的模块是完厘全相同的，景模块的功能睁设置是什么蹦，功能说明满是什么，页续面中的模块石设置和功能症说明就是什时么。喊而自定义模狗块与页面中螺被复用的模表块是母子关旁系。自定义惧模块只决定得了模块的功竿能和位置，丛但是进入到赖特定的页面钉中，模块中贡的各自部分稳的说明和功百能可以重新比定义。辆充分理解三腰种不同类型海的复用模块嫁的区别，根府据不同环境闯有效的选择盟，也是非常镜重要的。劈四、右键单竖击文件——瑞其他玻1、2、3埋功能都是文卸档文档操作古功能，和s易itema百p一样，分诊别是删除、看重命名和编篇辑mast祥er。纹4、5功能掠是对应的。善前者是将所舒选模板文件被批量运用于耳页面，后者厚是将所选模刃板文件，批毫量从页面中垄去除。通过茶选择此功能那，会弹出s舟itema窝p文件的树洁形目录，你俗可以通过选弃择需要添加浆模板的页面覆，从而完成乐模板使用或轿移除。怎check朋all：船选择所有页奉面摧unche砍ckal委l：所有页伯面都不选择奔check第all蔑child姓ren：选北择所选页面涛以及其所有洽子页面浴unche鄙ckal早lchi阶ldren卷：不选择所视选页面以及阀其所有字页莫面附在4中有特惧殊的pos咳ition震设置和op挎tions倒命令，界posit义ion中有法两个命令忽place淹inb篇lackg坟round咬：将文件至梦于页面背景稀speci势fylo感catio玻n：是特殊秃定位，可以箩通过设置距屠离左侧和上缩边的距离，递来将模板文最件放入特定薯的位置。丝optio婶ns里的多烦选框的意思废是“只有页钢面中没有此述模板时才置故入”，默认铁是选择的。寿如果不选择乞而置入页面盘，就会出现确如果页面中两已经有模板副，模板被再晃次置入的情旁况。当然如屑果有特殊需版要的模块，脚就可以这么挣使用了。逃6、usa裁gere逢port：赏使用报告，毙点击后弹出遥面板，显示弹所有使用了邀此复用模板兴的列表，显狡示的是文件隆名称，通过寿双击文件名兽，可以在工难作区打开，表直接编辑。互（五）wi讽dgets恶工具-上容Axure羊RP的w税idget返s工具栏，她就是我们用即来画线框图厅wiref拿rame、泥流程图fl星ow的工具炉，也可以说众是组成我们难最终输出图乡表的零件。抛好比我们小伶时候玩的叹组装积木，衬这些工具就悼是组装积木乏里的一个个嘉小部件，组赤成什么？组逐合得怎样？胃完全依靠个责人的经验和查智慧。因此宪，熟悉每一丸个工具的用挡法和用途，杂才能随心所晨欲的画出危脑海中的图煎形。搏Widge怎ts工具栏探，下分两类撕工具：拨wiref岂rame线华框图工具：圣基本上对应帝着web页箩面中的各种厅图形。针对够页面中交互随行为的表达侵，Axur掩eRP专娱门增加了i苏mage乓mapr愿egion乓图像映射迅区、dyn盛amic先panel督动态面版、弹menu（顾verti虎cal/h威orizo尘ntal）吸水平/垂直枪菜单等几个鬼特殊的工具百。僚Flow工齐具：虚流程图所需新的基本图形牲框架。呆我们先谈w杰irefr嫁ame线框时图工具。学乘习这部分工季具，如果事厚先有htm杨l基础，或碧者对web毯页面元素有下比较充分的丢理解，就很础容易入手。勉以下我根据驰图片中的编妖码，依次讲脾解。已1、ima门ge图片：半给wire屡frame鼓中插入一个兼图片站位，粪也可以直接留置入真实的炸图片。混2、tex露tpan哗el文本：可插入文本。凶相当于插入畜了一个<跑text韵>标签。是势不带链接的态文本。但是伸其实也可以常带链接，在联inter戴actio姜ns中我们墓会提到。押3、hyp膀erlin物k超链接：科插入带链接叔的文本。相市当于插入了芒一段带<格a>标签篮的文字。但鼓其实在Ax头ure中它甩与普通文本漂除了外型不盏同，没有本堡质区别。粮之所以将两弓类文字区分染开来，目的竿还是为了在轿视觉表达中脖让人直观的坛理解链接文糖本和普通文思本，而这对包于设计人员策理解也非常稼重要，因此绸建议画图时辱尽量标准的叮区分链接文督本和普通文幼本。阴4、rec椒tangl录e矩形：插面入一个矩形彩。可以对其烘进行图形样未式编辑。此坚图形通畅被轿用来表达板戒块的边界。忘5、pla不cehol巩der占位漠符：插入一蛇个占位符。弟占位符通常讯用来表达在骗页面中某些棉特殊区域，料比如情况复闪杂，或者在斜系统升级中竞不需要修改剪，又或者无享关紧要的区令域等等。作尖者需要结合学说明文字，雨进行对应的假详细表达。晴6、but但ton按钮锡：插入一个芬按钮，相当蹲于<bu益tton摸>标签。按算钮一般结合液表单使用，蛛当然也可以闭作为强化的监提示链接使担用。秆7、te醉ble表格侨：插入一个损表格。Ax吴ure的表严格使用起来阿不是很方便峡，增加行、念列，修改行事、列宽度都惨不方便，算态是一个败笔设。期待在下线一个版本的岛时候能够有狐更好的进是步。与标准挪化制作网页足一样，表格愧的使用在画摘wiref耻rame的束时候就应该单明确其作用救，是用来作师为数据列表漆展示使用，栗而不是作为顾网页布局的求控件。耳8、tex净tfie按ld文本输榜入框：结合石表单使用。已一般用作表棕单中提交数蚕据。比如搜础索框、用户宾登录框、注产册信息填写浆框等。用作使字段提交或复单行数据提闷交。锻9、tex灰tare桃a文本区：赴结合表单使姿用。一般用糖作大段文字算编辑、提交荷。比如文章从编辑、留言束等板块。挺10、dr潮oplis伤t下拉列表毕框：结合表温单使用。一腰般用作下拉炭菜单或者下扛拉列表选项屠，比如在搜滋索中，可以贝通过下拉列肚表框来定位其搜索分类的弓范围。也有符人用它来做摧友情链接，茫可以通过下凭拉选择直接蛮进行页面跳稠转。吸11、li井stbox级列表选择框耕：结合表单慌使用。通过默文本框列表童选项，通常石使用在多项梨列表选择，鞭比如在填写箭简历表的时驼候，选择你袋所感兴趣的吨行业，会提丘供列表选择减框。不过列救表选择框都叉会结合按钮熟使用。钩12、ch击eckbo椒x多项选择变：多项选择聋通常使用在隙表单中，以维提供多项选奶择。比如在怖有些有些注弯册要求用户更选择兴趣爱颠好，会提供躲十多个选项义，因为选项琴可以并列进哗行，因此使洒用的是多项辆选择。鹊13、ra延idob蛛utton爬单项选择：既在一组选择誉中选择适合岂选项，选项济关系非此即键彼。比如在瓦填写性别的政时候提供男姓女选择，用杜户非男即女团，只取一项孟。当然，不伴排除再多提窜供一个双性烘选择，这样脏就是三选一险，但是同样殿是非此即彼录的单一选择嚼。欺14、15麦、hori射zonta倾llin尖e水平线、保verti规call惨ine垂直掘线：用以分亭割页面中的僻不同板块区谢域。由于w挑eb页面中劳只能存在垂取直与水平线银，为了系统怕生成用于演撑示的htm圆l文件，特岔将两种线条颈分开使用。傻16、bu俯tton成shape填形状按钮：孕相当于图形胀按钮，多用若于导航，或弯者多帧切换众的版面切换月按钮。可进袜行边角编辑雀。唉17、i匹mage累mapr住egion拔图像映射区外：它用于在贞web页面网中制造一片赏不可见的区取域，一般是勿图片的部分秆区域，相当霸于图片的热举区，从而添递加说明与互朵动。在现实伪的网页中经蛙常会有一晕张大图中有捏某个区域是扫触发按钮，蚊而图像映射销区就可以用榜来说明这个签区域的的功精能和互动内坚容。效18、in点line扁frame女框架：类似素于html茎中的<i裙frame鞠>对象。罩用于在页面泉中制造页面路框架，每个扯框架中嵌入垦不同的页面庄。我们经常变看到后台系岩统分左右两营栏，一般都浓是使用了框专架，左侧载雁入的是导航昆页面，右侧厅是载入的管蛙理页面。以Axure汤的缺点是，透暂时不支持露百分比，因袄此ifra翅me都是按璃像素度量的抚，和实际页划面效果还是洒有差距。料19、d坦ynami祝cpan乔el动态面专版：是Ax样ure为了饲表现多帧区确域内容而制数造的一个工桑具。它的图薪标很形象的块说明了它的螺结构。它是赤不同的st捎ate叠加谈的一个动态论区域，默笼认显示其中芝一个sta木te，当用皆户触发按钮鼠、图片或者嘱下拉列表等已时，可以设雪置相应动态化面版切换到年不同的st脖ate。不狸同stat锡e的关系，勇类似于p显hotos市hop的层妈，也类似于款html中惜的css属示性laye姥r。泻我们可以通读过右击dy氏namic秀pane助l进行st鞠ate编辑傲，然后通过续打开对应s严tate进趋行编辑，编脚辑方式和编冰辑页面相同省。鸦20、21掀、menu旱（vert麻ical/泽horiz扔ontal造）水平/垂患直菜单：用驼于制作水平吼或者垂直的赵菜单，可以介添加漂浮的邪的子菜单，容添加方法很厦简单，就是藏选择所要添攻加的菜单项擦，添加su君bmenu隔。席（六）wi与dgets汉工具-下稿对于画流程饿图，是我们句经常会遇到丈的问题。我摇们和程序工狐程师沟通，由用再多的口束水，也无法刃挑明的事情屯，画一张简伪明的流程图扭，就能很直最白的说明关淡键问题。外有时候你耻可能会懊恼歇，因为程序炸员的思维犹呢如计算机，骂你告诉他为帮什么没有用匆，你就告诉扩他该怎么做铸，是左是右叼，是0是1热就好了。这旷个时候，产萄品经理需要通的是理性浊思维，清晰善的思路，如砌果你不清晰雄，工程师大门多数会跟着自你的思路乱荒做一团。所让以多画几个节流程，多根艳据页面需求步画清晰的流似程，就能解合决实际的问骂题。川话不多说，满本章主要介旧绍flow袍里面的工具似，因为图形量其实很好介絮绍，简单的破英文翻译就袖好了，所以辱也顺带说说去这些图形在嫩流程里的作场用。方式还另和以前一样买，编号，对灭号入座，咱详们来一个萝狸卜，一个坑吵：炕1、rec俭tangl什e：矩形幻改作用：威一般用作要誓执行的处理痰（proc降ess），殃在程序流程导图中做执行橡框。既在a征xure中壳如果是画页扶面框架图，乞那么也可以件指代一个页嚼面。有时候路我会把页面赛和执行命令旦放在同一个互流程中做说雹明，这个时类候将两类不白同的矩形做映色彩区别，占然后做说明欧就好了。测2、rou浑nded绩recta农ngle：笨圆角矩形或祝者扁圆晨均作用：障表示程序的励开始或者结请束，在程序仍流程图中用盗作为起始框僚或者结束框徐。济3、bev矛eled延recta房ngle：欢斜角矩形驶竟作用：秤斜角矩形我决几乎不使用腔，可以视情躺况自行定义横。或者在其红他的流程图但中，有特殊额含义，暂不恼知晓，也希地望有识之士暴指点一二。胸4、dia尚mond：仪菱形馆去作用：唱表示决策或量判断（例如孤：If..剖.Then混...El援se）,在刘程序流程图辅中，用作判塞别框。匹5、fil豆e：文件机段作用：脑表达为一个晓文件，可以互是生成的文默件，或者是鼠调用的文件颂。如何定义选，需要自己伶根据实际情承况做解释。雨6、bra权cket：蒸括弧酒久作用：遍注释或者说淹明，也可以唐做条件叙述踪。一般流程蓄到一个位置读，做一段执租行说明，或辈者特殊行为卫时，我会用更到它。油7、sem徒icirc连le：半圆陵形叼服作用：穷半圆在使用茄中常作为流吉程页面跳转倦、流程跳转屋的标记。毅8、tri爽angle肝：三角形纷樱作用：底控制传递，域一般和线条信结合使用，筐画数据传递家。风9、tra乖pezoi么d：梯形魂惠作用：穷一般用作手拥动操作。振10、el吩lipse母：椭圆形或决圆形顽馅作用：围如果画小圆阶，一般是用恭来表示按顺躲序数据的流谱程。稳如果竹是画椭圆形雄，很多人用摧作流程的结王束。如果是天在use营case用烂例图中，椭腐圆就是一个冷用例了。参11、he慕xagon猎：六边形颠株作用：摩表示准备之海意，大多数舒人用作流程奥的起始，类络似起始框。太12、pa环ralle挥logra圾m：平行四互边形剖埋作用：宵一般表示数芦据，或确定买的数据处理础。或者表示舍资料输入（纸Input波）。显13、ac府tor：角拿色匙讲作用：曾来自于us性ecas策e用例，钳模拟流程中插执行操作的萍角色是谁。冶需要注意的婶时，角色并窑非一定是人芬，有时候是稻机器自动执甚行，有时候殖也可是是模稻拟一个系统好管理。尚14、da放tabas眉e：数据房笔作用：坏就是指保存塌我们网站数让据的数据库码。觉15、im匀age：图执片阳拜作用：彩表示一张图税片，或者置箩入一个已经半画好的图片乘、流程或者葱一个环境。维基本上，a舍xure讲甜基本流程图霸、页面框架觉图、use兼case塌用例图涉降及到的一些趋关键图形都捉囊括在fl渠ow流程工剖具中，模糊盾了流程图的胖区别，而尽溜量贴近交互奸设计时的工戒作内容。娃流程图无疑锄只是一个表喉达的工具，造我们在使用色的时候应该那根据自己的拖实际情况使喜用，而不应李该死钻牛角膀尖，非要知秩道某个图形次的通用标准爆。理解和沟测通是第一位访的。而对于细某些具有标砌准性含义的累图形，大家我人所共知，紧则我们应该颈遵循共同的劈准则，这样录就能达到表义达的目的。耐其实ax忘ure里面恒由于不涉及献到具体的程循序流程，所昌以有些标准亚的图形并没汇有提供，如群不规则图形锈、侧面双矩树形等，大家识可以自己g仍oogle县一下或者b尝aidu高一下很容易纺就知道。大婚多数情况下狡，还是自己古自定义一下碗自己的符号腾标准，就跟丹prd文档尼加上名词解圆释一样，才厚是解决方法蓬。愤（七）注释共annot况ation膜s窃Axure疗rp将i匪ntera毯ction循交互与an狠notat盲ions注俊释说明功能饿放在了一个吊面版上，同节时又针对整杆个页面有一眼个交互与注馋释说明。瓣交互功能法设置的是用筋户通过不同萄方式触发页更面中元素或欢者载入页面盆时，发生的夸交互动作。矩而注释说明略则用文字详叶细说明对应售元素的细节塌或页面的说缺明。由于针垮对整个页蚀面的说明和喊交互，与针层对页面中某蚕个元素的说抢明与交互在衬文档表现和旺生成的不同炼，而被分开尽，但是他们冈的实际功能嗓是一致的，掀可以一起来凑说。念针对页面和稠针对页面元乎素的功能，镰分别默认处仗于软件界面需的右侧和底半侧。如下面危两张图片所队示：底部右侧储对于交互与椅注释说明，劳有必要分开率讲述。这一经节主要讲述搜annot隆ation逮s，即注释莲说明。疮首先，我定芽义一下对交盛互与注释说施明的解释。恋Inter割actio贩n：锋交互功能，提用以设置页招面中的交互汉事件，如页画面跳转、面纵版跳转。从遇而实现框架脊图中不同对捉象的实际功剑能。在生成限html框屈架页面时，歇产生相应的阔对象功能，飞用以演示操触作。退Annot蛛ation公s：吼注释说明，糟用以对页面成或页面中的众特定对象进选行说明注释文。可以根据忠实际情况分乡类编写说明寺内容。比如示优先级、功瓣能类型、交担互效果、说厦明等。让程皱序在开发的鼻时清楚了解骗该对象或该脖页面的程序赶实现详情与垮细节。预那么，现在碎重点来说注中释。均1、自定义路注释与说明唉你也许看伴到e文会头程大，你也许孕第一次看到眠annot疲ation快s面版中s检pecif窝icati录on、st哄atus、灾benef悟it、ef竿fect等慈一连串的语英文单词脑卫袋发晕，那庄么我告诉你焰，你完全不塘用在意这些革单词和选项司的意义，因黄为也许它们束根本就不适糟合你，而你姓可以自定义涌一套自己的闯说明选项。园我之所以站说你不必去临理解，出于鸽两个理由，忘一是因为这晶些定义，是扇axure周根据一些欧虑美公司文档货中常见的字阳段归纳出来飘的，他不适需合我们的国挑情和我们自驾己公司的虹实际情况，雷二则是一个歌文档中该向床你的程序员念、设计师表宿达什么，并教没有一个完拣全的框架。析你尽可以根婶据你要说明鬼的事情，以陵及你们往常岔的沟通方式消来定义。那沿么现在看牲看，我们怎喇么来定义吧破。坛如果是定义至右侧的对象肠注释，选择滤anno刺tatio抚ns&歉inter罩actio递ns>芦custo杯mize急field础sand典viwe执如果是定义径底部的页面卖注释，选择旅page咽note把s–d员efaul变t>m肤anage誓note刮s正就弹出了自种定义窗口，减由于功能类袄似，所以我长只选择复杂装的右侧的对崇象注释来说唯明徐如图所示，苦我们看到了郑两个区域：血区域一：撤Field叉s：这是管唱理系统所有抵的说明字段降的，这里定居义了针对对等象你要说明咏它的哪些属远性，这些属方性，用什么井类型typ累e的文字进绢行表述。腥A)新增字跪段葵先在前面的驴下拉选择框窃中定义该字枣段的typ弯e类型，有廊四种类型：怒Text：抢文本文字。纳说明字段中习用大段的文配字进行说明断。眼Numbe窃r：竭数字。说明煮字段中只包抚含数字说明夕。仇Date：党日期。说明法字段只有日佳期峰Selec泡tlist止：贿选择列表。鹅通过设置特竟定的选择条输件，以供选异择。蛙然后在后面亩的填空框中唱输入字段的删名称，比如胶我想设置一纹个对页面中逼对象的开发孔优先级的说烛明字段，那批么我就可以厚给这个字段牲命名为“优义先级”。然油后点击ad湿d按钮，你可所设置的说润明字段就被袜添加到下面式的字段列表员了。促B)管理字袖段登管理字段，亩首选必须选性中你要管理泼的字段。在然后可以通袍过选择右侧攻的功能按钮血，对字段进匙行管理：浪[b]Re据move：除[/b]删饰除此字段。嫁Renam吐e：削对字段重命车名。彻Move翅up：穷将字段排列感顺序上移一菌格。们Move东down：决将字段排列涝顺序下移一毁格。葵Edit职selec遵tlist匪：四编辑选择列迫表中的项目尸，该功能只登有当你所选病择的说明字肌段的typ赖e类型是s叫elect部list时喉，你才能选弦择。选择后手会弹出编辑氏窗口，你可搬以根据自己斧的需求，填爬写不同的选际择项，Ax碑ure定义盐，每一行为捞一个选择项毕。六点ok之后勉，你就完成绑了对所选项垄的管理。蝴区域二落Custo她mvie脸ws：这里定是定义了我叼们自定义文键件的版本。鸭我们可以选埋择几个常用营的说明字段端，归纳起来总生成一个自种定义版本。跟A）新增用绞户自定义说萌明刻新增说明很鲁简单，只要臭在输入框中赛输入一个名香称，点选a盛dd，就会滑弹出一个选惩择框晕你可以通过邮addf练ield下瓶拉列表选择善你的自定义烛说明中要包浆含的说明字寿段项目，然贿后点add鹊添加到你的遭自定义说明嫁中。扯当你都选择牲完成后，点眨done，踩就创建了一革个你自己的驻自定义说明出。沫亚B）管理自乒定义说明肉管理自定说坊明，和管理吸说明字段一渐样，在管理坐前，你必须患选中你要管戒理的自定义孙说明。疤Renam固e：柜对字段重命宵名。启Edit：尼重新定义此辟自定义说明除中所包含的贪field想s说明字段摇。弹出选择纺框，供你重秧新选择。啦Remov圆e：畅删除此自定副义说明。叠最后，当你些即完成了对读字段的处理牲，又完成了队自定义说明逗的生成后，参点done萍，你就定义粮完成了你自易己的注释与松说明。这个阶时候，你再批选择ann贸otati矩ons&疮inte投racti泰ons，你阁将会看到你佛自己的自定摧义说明：补选择后，右恼侧的注释与劳说明的字段丛就都是你自互己的了：蛾2、自定义煌注释与说明并的现实意义开那么这些自岁定义说明到阿底对于我们洗有什么现实爽的意义呢？伯有的，下面魂我来说明一曾下。信这涉及到a舌xure廉rp的两个锤文档生成功纷能甩生成演示文怒档：福我们利用a暂xure完追成文档的编暮写后，需要倚给程序演示轧，那么我们士怎么演示呢翅？窄请按下f5挠键，会弹出姐提示框，按拼照默认设置幅确定后，就症会生成ht聪ml演示文半件。你就可槽以拿这些h惊tml文件带，给程序员灯、设计师们柄演示你的文姨件了。贪而我们自定进义的这些说震明，在编写离好的时候会凉出现在如图柄中的位置：靠就是说明面见版的激活按偷钮，点击弹腾出你的说明辨文字。这样垮，用户就可昂以在不明白嫌的时候在页猜面中调出说污明文字，一樱一查看了。锁生成wor挪d文档：增我们也可以认生成wor零d的文档的划说明文件，仗这样的文件滔甚至可以当烛作PRD文烈档使用，而悬说明则会根手据labe夫l的标签以班及编号，对南应生成ta眼ble说明跟文档。雁生成wor袜d的快捷键格是F6，生跌成spec缺ifica咱tion说突明书。帽综上所述，少运用好了a顾nnota舒tions友，就可以解爪决好prd敲文档中最重听要的工作，浴即功能说明寨。至于设置警怎样的注释护，完全就靠善你自己来掌彻控了。从Ps：页面甚notes卫更加简单，瓜因为针对页瓶面的说明只狭能有一段文弹本，不存在初特殊说明字纯段的编辑。锣（八）交互熄inter盲actio隔ns（上）诊Axure恋RPP犁ro5终于棚发布了，直宿观操作上，越最明显的变堡化之一就是确在命令行多远了“sha受re.分享蝇”，其次所辉有窗口可以袭以浮动形式刺编辑了。为汉了与时俱进撤，以后的教她程将以Ax忽ureR沟PPro垦5为基础来两继续写。仰话说上次功盾能说到注释各annot渡ation咱s，这次就硬来说它的“缎亲兄弟”交露互inte判racti道ons。之仔所以说他们密是亲兄弟，至除了因为他稳们长在同一纳个面版上，励更因为他们怎需要结合起枪来使用，这腊样才能清楚敢的表明功能桶详情。紧打个不恰铅当的比方，辈如果要说明馅的功能对象酷是人，那么傲注释ann势otati仓ons标注偶的是这个人股的基本属性伏，比如“性服别、年龄、幕学历……”壳，交互i凳ntera飘ction言s则是说明仙人根据外部唇条件，做出捐的回应。比贱如你父母做锈好饭菜给你蹦，你就吃饭犁；给你10差块钱，一个倾瓶子，嘱托乓你买酱油，始你就会一溜壤烟小跑去需打酱油（这葱个比喻有点拼过时，现在熔都不这么买印了）。当然肺，我们说的挖是绝对条件耳下的绝对反辽应，这就是埋机器语言。征我们以一条居简单的文字罚链接为例：仔“脾hawki锁ng的亩axure婚rp5史文章列望表李”。我们来波对它添加交矛互行为。肝我把交互分菠为三个部分敞的：戴交互触发、户交互条件、榨交互行为裙。这样的区矩分，其实是那参考程序编深程的结构而测做的，这就程把程序构成坏人性化、语膝义化了。袖这章我着重倒讲解交互触努发与交互行捷为中的快速污链接，详情掘的交互行为麦与交互条件蓄留待后面两希章进行详解床。还是照例悲先给三个名月词做出名词狼解释。知交互触发：讯是发生交互虎的导火索，色说明引起交炮互的触发动凑作是什么。翼以泼此文字链为唤例，交互的梨触发原因，萄是“点击文机字链”。纺交互条件：蛙是达成我们葱目标行为的歼前提条件。勒如果目标行琴为只有一个辞，对触发没睡有任何条件挂限制，交互羞条件则可以雷被忽略。春再聚以此文字链绿接为例，如光果对查看文必章列表没有捷任何限制，诉则不设置交盆互条件，用难户点击文字灯链，直接发劳生交互行为部。如果对查肚看文章列表驼有权限限制珍，只允许作词者查看，则梅触发交互行只为的条件就炕是“以文章纸作者haw钞king的清身份登录”毙。蕉曾PS：责有条件本身突，就必然会耕有条件的反棕面。或者有背多个条件，极就会有多个献条件之外的久例外情况。彼在写文档的棕时候，必须秤考虑进去，蛮说明清楚，妹这一点最容轧易疏漏，而筋造成程序员慕在开发的时妈候想当然，经或者再回来鸽问你。针对你这个例子，狸条件的反面甩就是“登录棒者不是ha针wking屋，或没有登虏录”。它交互行为：尿是机器依据流触发事件与困条件，做出坊的反应动作类或行动。夏此起文字链接的羊的交互行为顺，就是“页坏面跳转到h略awkin民g的a璃xure适rp5岛文章列表购页面”。抄一、交互触黄发隙触发主要有公两种，一种字是页面载入晨触发，一种颜是鼠标行为庸触发。僻1、页面载老入触发，针觉对的对象就单是我们所编侮辑的页面，仁axure期将其放在了科page莲notes光&page旺inte灿racti渔ons面版干中。如下图忌所示，就是陪page星inter彻actio疮ns。亩Axure妨暂时仅支持塑一种页面触伴发条件，就奉是OnPa胸geLoa滥d当页面载搭入时。滑如图所示，坑针对我们设聚置的cas亮e事件，a感xure提雾供了三个功柿能。风Addc够ase：王给所选对象比增加事件。技Edit灭case：挥编辑所选事合件。（功能稿前提，选择城你索要编辑桥的事件，比约如鼠标选择怀case忧1）。撒Delet染ecas麦e：咸删除所选事春件。（功能穴前提，选择值你索要编辑粮的事件，比珍如鼠标选择区case映1）。仓2、鼠标行贯为触发是当盈用户使用鼠扑标操作界面桨时，引发交悠互。蔑Axure荒支持的鼠标墨触发行为根稍据你所选择者的对象不同致而不同，选思择图形、文贵字、链接会耐出现三种触唱发行为：塌Oncli纺ck：稳当鼠标点击位目标时，触堵发交互行为棚。吨OnMou艺seEnt颈er：博当鼠标移入禾目标热区时向，触发交互民行为。转OnMou逼seOut沃：脑当鼠标从目轨标热区移出崖时，触发交样互行为。蠢如果选择的桂是输入框、声多选框等则睛会出现对应它功能的触发俗行为：冬OnKey芝Up：梨Fires亡when倦the德user服relea拦sesa母key.念当释放键盘鞭时触发交互六行为。晨OnFoc诚us：量当鼠标选择巩、聚焦到对宋象时，触发惑交互行为。扮OnLos井tFocu醋s：引当鼠标失去滴对目标对象内的选择、聚缺焦时，触发饥交互行为。赴特别的，选塌择下拉框、贝列表框会出薪现：桶Oncha榨nge：表当所选项被贪更改时，触欢发交互行为仇。因而选择我们匀所编辑的对怒象后，如果妨对象之前没污有编辑过交刊互事件，则泄有两个选项彩Addc拥ase：坚给所选对象来增加事件。网Quick挎link中：姨快速添加链裳接。殖如果曾经编录辑过交互事辞件，则有三改个功能，和爷页面载入触楚发是一样的末，这里也就庄不再累述。肠二、交互行逝为—快速链周接差选择好交互尼触发后，在环对交互没有良特定条件设熊置的前提下赶，我们可以豆直接设置此休次触发引起强的交互行为距。由于链接巾跳转是网页挺中最常用的滋交互行为，咐因此axu讯re特意提煌供了一个快陶速链接的功况能。铲选择对象后驾，点击快速承链接则会弹竿出如下li锈nkpr杜opert氧ies链坡接属性面版搂：求如图所示，谦此面版中有确四条可选命妈令：阅1、而link蹄toa架page舍inth倦isde率sign：肿链接到这个福项目中的某哄一特定页面失。滑你可以通过凝鼠标点击，烟选择你想要闸跳转的，树右型目录中的留相应页面。拳2、膊link狼toan矿exte拿rnal晌urlo盯rfil复e：央链接到一个犁外部链接或坑者文件。窝你可以通过孕在hype归rlink午框中输入链滔接地址，完乌成链接导向麦。剪注意：链接员最好是绝对悄链接地址，服不然就容易默出错。膛3、冈reloa害dcur极rent扣page：沉重新载入当猜前页面。截Varia撒blec裕hange街sare奉appl锣ied变量著变化生效。帐4、摄back跳topr扭eviou走spag揭e：虑返回浏览前睁一页面。肃Varab泰lech晚anges远are扩nota略pplie络d变量变化垄不生效。羞（九阳）交互in鸽terac干tions睁（中）滴本章要介绍常的是交互条瓜件。交互条响件是axu南re的学习扶中的难点，峰也是axu聪re高段进打阶功能。其左实我们不设怠置条件，直刺接靠文字说壮明，也可以木完成我们的添思想传达，凶如果你设计茄的原型文档萄，能模拟真切实的交互环逢境，当然就罪非常优秀了晴。机但是，我要四强调一点观敞点，传达思践想是首要的洁工作，传达症思想也是有哲成本的，如法果为了传达梦思想要耗费睡更多无意义窜的劳动，损进耗更多的时片间，增加更茅多的沟通难荒度，不要也能罢！我个人左觉得，我们貌在做原型设沸计的时候，兄有没有必要裙把页面模拟贞到和真实情激况一模一样殃，这个还值余得探讨。科言归正传，脂开始来说设意置交互条盘件。头一、进入时交互条件设祖置粒当我们选择艺好了交互触族发，通过双穴击选择促发袜动作，或者头点击add匆case苗，就会弹箱出inte拜racti昼onca丹sepr后opert积ies交搬互事件属性蜜窗口。泊通过这个面打板，我们要迹表达我们伟北大的交互行绩为。面板告构诉了我们三斑步策略：积Step1蔑desc当ripti舒on描述娱描述后的i顿nput输州入框，可以饰编写事件的转名称，或者驼事件的描述送文字，以供经生成htm棋l页面展示守时标注此事寺件，也供生么成需求文档韵的时候辨识陷此功能功能战。伤Addc笋ondit奖ion（代ifne吓cessa慨ry）增加奋条件（如果弹需要的话）材。这就是这挨章所要说的容重点内容，屋为我们要创裁建的交互事秆件，设置前津提条件。我迁想，axu适re在这里当添加这么一挖句话，也跳许同样是在校提醒我们，似我们把交互棕做到如此之伟细，是否真概的必要？思舌考清楚了目副的，考量准狐确了我们需澡要投入的精芒力，再开始械做这一步。驼我想会清晰妨很多。韵Step2对sele搜ctac逮tion寒选择动作神Step3贼edit袖the问actio草nsde旋scrip哀tion绳（clic谷kan粗under况lined榨valu日eto隶edit）倍编辑动作描摘述，你可以祝通过点击有握下划线的文嘴字，编辑动婚作的具体参群数。贪第二步与第留三步，就是旋我下一章要撑说的交互行榜为，或者叫呈交互动作也撒可以。第二秆步是选择我眨们要进行的矛动作，第三堵步则是为我大们的动作设企置具体的参离数。这些我揉们稍后再看个，还是先来鹊了解下，我今们可以怎么声设置条件。颤二、条件设僻置的功能与慌细节涝点击ste悟p1后欢面带下划线寸的文字，a击ddco透nditi勺on，弹出编condi嫌tion营build市er条件设童置窗口耗条件设置窗哲口也分三个职部分：病A、满足条尘件类型选择艺与条件清理畅我们柱可以同时设您置多个条件彼，但是我们傲是需要满足罪所有条件，篇还是仅仅满弓足其中一个拐条件就可以孤了呢？谊租在sati游sfy“姐any/摘all”盛ofth返efol液lowin看g中就提银供了这个选采择。枣院选启择all，崇则需要满足岔我们设置的加所有条件；笔假设，你设周置了条件a优、b、c，雄则你需要同碗时满足条件责a、b、c弹，才能产生扮最后的交互劳。馒床选胀择any，巩就是需要满闪足我们设置眠的任一条件著。假设，你弦设置了条件医a、b、c叮，则你需要彻满足a、b育、c中任何叮一个条件，伴就能产生最盐后的交互。龄另外，如果翠我们对我们和设置的众多爆条件都不满汽意，想全部残删除重新设盟置，cle泽aral絮l就是为迎了满足我们唱这一需要的锄按钮。赤B、设置具顷体条件侧a)增加条愧件与删除条败件。阳初始默认我常们只有一个裳条件，通过裂点击条件末规尾的“-”杆、“+”按丸钮，我们可唐以删除、添留加新的条件服。极b)条件设涉置贞注意：在设挖置条件前，馋需要给条件鼓所涉及的w满idget坝s对象设置寸label换名称，因为鞠条件设置，令需要用la损bel定位苗widge荣ts。方条件设置分策五个部分，俭但是其实只捐需要将其看哈做三个部分业。为什么这口么说呢？这筹是我的深刻顽教训，我在尘写这篇攻略缸的时候走了垂一段比较长争的弯路，最足后才发现自都己的错误，跌所以也非常融希望朋友们姻不走我一样脸的弯路。下时面且听我道寒来。君我最开始把失条件设置看皱做5个部分幸，1是作为序条件类型的宝设置，则2成是设置要比躁较的对象，萝3是比较方衬式，然后根飘据你选择的央对象，后面德4、5会分况别出现不霞同的可比较帅条件或设置捡条件。这样感理解是没有鹅错的，但是临就绕了一个要非常大的弯申路，而且表烘述起来要逐雹条罗列，非炉常繁琐。所休以一开始，兽我根据1可诚能出现的六贫种类型，唐画了6个大帖表格，企图联把所有的情乖况囊括，做毛了很多无用宫功。距现在我们尝陵试把它理解钻为三个部分祖，那么怎么赔理解呢？酷细心的人可犹能发现了，兄3是设置的运比较方式，驻可以是等于羡，也可以是守不等于，或休者是大于小特于。而左右董两边是被比典较的两个对纤象。骄对了，这就两是关键，1帅、2设置的跪是条件的比幸较方，我们疗把它看做a肥，4、5是蕉条件的被比缩较方，我们脾把它看做b判，而3就是布比较方式。身而我们要做扑的工作就是庸设置a与b赚的关系。中但是设置比王较关系是有煌原则的，就单是数值可以捆和数值比较清，区域选择烂状态可以和草区域选择状舅态比较。我俭们不可能设理置让一个变露量，等于一谎个区域被选谦择的状态。传所以根据a微的不同，b诚的可选项也乱会相应的改屯变，但是他民们的内容基秀本上是一致森的。喜比较对象类腰型卵比较针对目站标拴注意侮check倚stat挽eof肢多项/单项俘选择框的选垒择状态摧多项选择（欧check仁box）、骨单项选择（酬radio它butt苏on）。注屠意：这里会然显示页面上颂的多项选择拼、单项选择缝的labe铃l名称，所爷以做页面工助作的时候，际要保持有效伶命名lab谨el的好习痒惯，以下不东再累述。汉此项目只能良与选择状态休比较，或者种value销ofv去ariab姿le变量值谎比较，不能躬与其他类型抽的对象比较蚁。这是最特郑殊的一项，亡以下不再做慨强调。稿selec五tedo谁ption贪of所杜选择的菜单百萍下拉菜单条构dropl仅ist或者愁list缩box列表你文本框。这帐里也是显示陡你所设置的南label杜名称门

幻value害ofv啦ariab克le变欧量的值钥Onloa理dvari察able系陕统默认的变范量烧

竖Addn醉ew..自闪己新增一个举变量盟如果你设置册了其他变量涉，这里会提浇供选择歪lengt念hof理varia贫blev之alue傍变量值的长骂度吸同上攻

紫check侨stat问eof多崇项/单项选旋择框的选择佩状态源这里会提供本文本输入框挑input索、文本框t僚ext供你吃选择蝶

尿lengt甚hof蔽widge框tval眨ue图形欧原件上的文脖字长度晌提供文本输饭入框inp厅ut、文本屡框text苗、下拉菜单尽条drop坏list或砌者list趣box列村表文本框的泽label悲名称选择关

珠Value运值厅当a比较对麦象是lis缩t时，这里穿是选择状态链，当a的比驳较对象是数向值时，这个殃数值由用户散自定义设置察。谁此选项根据白条件设置情阀况只出现在蹄b。桐以上列出了惭可操作的对熄象情况，大幻家可以自行挑研究一下，早写得有点不灶太形象，有坦机会我再专话门做实例来墙说明。其实强很简单，朋逃友们可以自荒己做一两个凉例子，把俩所有的wi怀gets拖井到页面里，昂并根据各自水的情况命名口label直，然后一条让条的选择，屋操作一下就蜓清楚了，我进这里主要提袜的是一个理瞒解的方法，平条件含义的臣说明。宏当然，不能煤忘了说明一域下，3比较阿方式有哪些随，如下：诊3.1想equa耗ls对象树的值等于仿3.2角does傍not票equal若s对象的友值不等于阁3.3蜓isl楼esst虫han对抗象的值小于鹅3.4裂isg稍reate笑rtha尼n对象的勾值大于粮3.5吉isl市esso瓦requ份als对感象的值小于贞等于部3.6镰isg肃reate族ror贿equal禾s对象的远值大于等于配3.7占is对水象是，需耳要注意的是渗，这里不是恼关注的值，构而是关注的能对象组成的阿内容斯以上内容，阵大家可以对陆照着参考学皇习。问C、自动生响成对条件的笛文字描述评条件的第三党部份基本上估不需要我们浑手动设置，捉在进行第二魔步条件设置逐的时候，这拥里会自动生缩成描述性的容英文。即便备是可以选择址的部分，也销会提示链接声，让我们点刊击链接，手乖动选择。所希以这里的重足点意义，在青于生成pr在d文档的时姓候，会生成汪条件的说明落文字。摘三、综合谈辣一谈设置合锅理的条件。散好了，交互啊条件设置基辩本上说完了贺，可能会有脂一些不清楚须，因为这里轻的条件设置修会涉及到部洞分的程序的极内容，而且科条件设置有诊点绕，有点批晕。但是大絮家没有必要毕那么着急，昏一方面因为治如果你针对费我的文字多疏对应操作一仆下，就很容兄易了解，另丘一方面因为增我现在要说歌的，还是条纱件设置不重保要。臂为什么条件充设置不重要锹？我要提出撕我的几点理劣由：浇1、设置过出于复杂的条祖件，做成的旨展示文件，偏可能根本没夺有用途。发程序员可能草根本不看，蝶即便看也容情易遗漏细节卷，仍然需要阴你与他沟通倦。骑2、你需要贩花费过多的琴时间。来这无形中提忠高了你的开回发成本，对荒于你的项目膏是不利的。纺3、花哨的严展示，脱离傅了产品策划任的精髓。野我相棵信，我们可途以想象到的刚交互效果，公要用现在的扎axure亮做出来，肯墨定是不可能证完全达到的联，这也才是剂我们创造力式的价值体现仍。而那些可丧以达到的效耐果，也没有挣必要我们谱费劲心机的超让它在策划肃阶段就实现刮。作为交互颗设计师，更印多应该关注察功能是否满纹足用户需求奇，提高用户熔使用效率；寄作为产品经零理应该更多泊的关注产品轻的生命线纳、竞争力。滥由上，所以廉我一再强调睁，除非必要狮，真的不用自研究得太深司，表现得太清细致，这只徒是个工具。业可能你不太落同意，那也脾没关系，我喜们可以交流饶，纪提出你的思置想，让我们警碰出火花馆！洞（十）交互败inter吨actio停ns（下）赶终于来到交垮互行为了，链交互行为的遥学习会稍微颗简单一些，资因为基本上锯都是逐一的聚选择实现，斯而展示内容枝也是我们在赤浏览网页的耀时候见过无捆数次的。不斩过在讲解这炼个之前，我存想我们可以校回顾一下交茶互这一小节抚的所说的三标部分：交互农触发、交互险条件、交互绪行为。然后昏我们可以进乒行一些胡乱掠的联想。(设我喜欢干这愈些无厘头的象事情….我些觉得对开拓某思路有益。旬)据我一开始觉射得这有点像夹初中学的神恐经反射，当徐触发了网页贵之后，我们逆经过数据传扁递与处理，垒根据条件内葱容，进行有概效地反应。召后来我又想踢到了信息的洲处理，交互悲触发是设置煤我们要传递论的信息内容搭；交互条件纯是设置我们别对信息的处尿理方式；交略互行为是反歌馈我们的信宅息处理结果槐。炼再生活化一侄点，就想到经了一个简单揪的场景，一谨个男生强吻涨了他喜欢的尺女生，这是嫌我们所说的酒交互触发；难女生衡量了拨一下，发现懒这个男生邋拍遢、猥琐，株这是交互条希件；女生愤绿然给了男生孩一个巴掌，小这就是最后筛的交互行为挽了。汇或者我想，昆我们也可以侧把它理解成木为一个因果倚条件关系，宰因为….满樱足….所以细….。哈哈哨~也许还有助更多的联想厉，不知道你屑是怎么理解困的，如果有长兴趣的话，恶可以写下来谈，跟在我的卧文章后面，名肯定很有意壤思，期待朋格友们的参与是。集完成联想，臂那么我们继凉续来看，在妹设置好触发仿内容与判断畅条件后，我芒们可以跟用泛户展示些什讯么，我想大呜家肯定都迫奋不及待了！烘但是我不得互不先泼一点配冷水，因为弄你可能会经宫受挫折！鲜我们可以干若什么呢？交垃互设计师和菊产品经理想师干很多事情沾，你可以想征象，但是很膀多情况下无孟可奈何。因飞为你要干的办事情，需要淘受到技术条汽件、浏览器警、用户端等讨等条件的限星制。而现在勿我们要用a终xure利rp表达出纵来，我们又石受到了ax语ure的限掠制，这就使丛得我们往往坛“可想而不焰可及”。堤是不是有点迹郁闷呢？这黄是很多产品沸经理、交互秤设计师喜欢崭问的问题“工那个效果怎吐么做”、“诉这个效果怎金么做”、“干这个效果我圣都做不出来吐怎么办”。雹我希望你不党是个制作者晒，你应该是茎个设计者！数你需要明确战一条，ax绒urer谈p只是个这工具，因此筛使用或不使惠用它，或使属用它多少的黎功能，应该雄由你控制，多而不能让它叶控制了你的笨思维，让自扁己成为工具稻的奴隶。伪这就像很多镇学习绘画而答成为制作者汗的人出现的药问题是一样丛的。过分的突追求ps、右3dma咱x、ai等威工具的掌握感，让自己成转了工具的奴葱隶，却忘记裹了最有价值信的是自己的吗头脑，是闪吓光的ide掏a。这是我盟毕业设计时肾学到的一课举，我觉得我款终生受益，奴所以我也希称望跟大家有果个共鸣。吊但是我这么构说，并不是过说学习ax吩ure能干灰什么不重要遇，恰恰相反亮！扎实而基革础的掌握a俗xure所颜有的功能，霸才能让你在米做表达的时盒候游刃有余吨。你才能知赏道，什么时协候，需要做国什么工作；慧什么情况下武，需要做怎狱样的表述。初那么，我们印还是扎实的绍一一学习，斩我们到底可且以用axu旬re表达端什么交互行衫为吧。遗现在我们就兆继续上一章玩的内容说弦一说辆Step2诚sele考ctac晕tion年选择动作水Step3夹edit溪the犁actio栏nsde嫂scrip江tion（肠click秆anu识nderl应ined齿value宁toe弊dit）编瓦辑动作描述坐，你可以通席过点击有下沫划线的文字犁，编辑动作喇的具体参数贼。甩可以说，s别tep2是观我们选择要耻进行的动作无，而ste阔p3是我们展要对动作设炮置参数，通买过点击选择吓，或者输入曲文字数据，收控制动作具龄体的内容。增下面我们一乐个一个动作抢来分析说明阔：1、缘动作：op丑enli葡nkin吓curr坝entw绿indow听在当前窗口策中打开链接抗参数：点击舅link弹萍出link樱prop激ertie仅s链接属性忆设置对话框