axure8基础教程.docx

Axure8.0基础教程手册书目1 .活加元件费布2 .渗加元件名称3 .设元WzR寸4 .修元件m度5¾“色与a6Jt态或图片角8 .设修i式59 .设元件文字动瓯/行距510 .设元件KU611 .设量文本“入为密码612 .设打开逸舞文件r口13 .限制文本樨,入字符位数14 .设文本榴示文字16 .¾fK移的.I.-.IZ设置矩形为其他»«191.fiJt5Z>M=.20 .设置列表起的内客.21 .设置元件Ilt认选中/禁用.22 .设单选按fltT中23 .设，元件不同状态的交互样式24 .图片文本.4.设置元件默认角度方式一：选择须要变更角度的元件，按住键的同时，用鼠标拖动元件的节点到合适的角度。（图1-5）方式二：在元件样式中进行角度的设置，元件的角度与元件文字的角度可以分开设置。（图5）5 .设置元件颜色与透亮选择要变更颜色的元件，点击快捷功能区中的背景颜色设置按钮，选取相应的颜色，或者在元件样式中进行设置。（图1-6）6 .设置形态或图片圆角可以通过施动元件左上方的圆点图标进行调整，也可以在元件样式中设置圆角半径来实现。（图1-7）7.设置矩形仅显示部分边框在AxureRP8的版本中，矩形的边框可以在样式中设置显示全部或部分。（图1.8）1»)004XW分为护8.设置线段/箭头/边框样式线段、箭头和元件边框的样式可以在快捷功能或者元件样式中进行设置。(图1-9)9.设置元件文字边距/行距10)行间距：是指文字段落行与行之间的空隙。在元件样式中可以设置元件文字的【行间距】与【填充】。（图I-,：0（文本框名的三aTextf旃EmailNUmxrPhoneNUEXrUrin文件日期MonthTime12.设置打开选择文件窗口文本框属性中选择文本框的类型为【文件】，即可在阅读器中变成打开选择本地文件的按钮。该按钮样式各阅读器略有不同。（图1-13）提示文字设置包含隐藏提示触发选项,其中：输入：指用户起先输入时提示文字才消逝。获得焦点：指光标进入文本框时提示文字即消逝。手机号砂8阳雄号iCSHS示文样式8设JS搜示文字消失的t发条件。BUTToN台硒DMyButton415.设置文本框回车触发事务文本框回车触发事务是指在文本框输入状态下按<回车>键，可以触发某个元件的【鼠标单击时】事务。只需在文本框属性中提交按钮的列表中选择相应的元件即可。（图>16）0一啊，一晔：，,晔OQOg00OOO8在形态上点击鼠标右键,在菜单中选择【转换为自定义形态】，即可对形态进行编辑。也可以通过点击形态右上角的圆点图标，在打开的形态选择列表中选择【转换为自定义形态】（图1-18）详细的编辑操作见图1-19中的标注。留标单击边框C添澳新的节点19.设置形态水平/垂直翻转在形态的属性中可以对形态进行【水平翻转】和【垂直翻转】的操作。（图1-20）标右健菜中(部分)aX更切(T)尾)复制(C)龟砌(P)初ss«S5T导入图片/分JMS片Ctrl+6U羲药至片Ctrk7固定边角范困优化照片25.切割/裁剪图片在图片的元件属性中，设有切割和裁剪功能的图标，点击即可运用相应功能。元件上点击鼠标右键,菜单中也有相应的选项.(图1-26)切割：可将图片进行水平与垂直的切割，将图片分割开。裁剪：可将图片中的某一部分取出。裁剪分为几种,分别是裁剪、剪切、和复制。其中：裁剪只保留被选择的区域；剪切是将选取的部分从原图中剪切到系统剪贝版中；复制是将选取的部分复制到系统剪贴板中，复制的方式对原图没有影响。引用页面颊跳.禁用选中iSfii三礴.SH三三.»善照为雪月国组合(G)Ctrl+G财9)转徭力仔版(M)际右键菜中(部分)O一翘®®(D)30.载入元件库除了运用软件自带的默认元件库与流程图元件库，用户还可以加载自定义元件库。加载自定义元件库只需点击功能图标，在列表中选择【载入元件库】.(图1-31)内联板第=三a-(D)31.切换元件库在元件库功能面板中，可以通过点击元件库列表，选择不同的元件库进行运用.（图1-32）点击选中需要使用的元件阵A送岸使用全“元杵速。32.设置页面居中在页面【样式】设置中选择页面居中的按钮。页面居中是指在阅读器中查看原型时页面内容居中显示。（图2-1）1.orempsumdolorsitamet'ConsectetufadipiscingelitAeneaneismodbibedumIaoreetProingravidadolorsitametIacusaccumsanetwerrajustoco<nmodoPromsodalesPUMnafIernPOrDefault页三WE列自三苧IS与黑白效果35.添加条件推断在用例编辑界面中点击添加【条件按钮】进行添加条件。（图3-1）40.公式的格式及类型公式在编辑值/文本的界面中进行编辑，格式为"公式内容"O公式内的内容可以进行运算,例如：获得的结果为"45"公式运算结果自动与公式外的内容连接到一起，形成一个字符串，例如："3*15）个"获得的"45个"。变量与函数须要在写入在公式的""中才能够正确获得变量值或者函数运算结果。（图4-3）元件存SSjQ三Qindex!2Default。点击杯箱展开/收封面板V基*元件P出功能圆板OE哂2BX区I占位？9ff三1546 .关闭/复原功能面扳面板可以在弹出状态下点击【X】将其关闭(图5-5),也可以在【视图】-【功能区】菜单中进行关闭或开启。假如须要将功能区全部面板复原默认。可以在【视图】中通过【重置视图】来完成。(图5-6),三(V)1IEg(P)布局（八）5(l)团队(T)帐户ft（三）工具栏(T)»1、功能区(P)>形注即J啪Ctrl+Alt+三三三(R)<g三三开关右财酶CWAkig三(M)Rffl三51(F)元传麻显示位置尺寸(I)国板:X。开关自功SEBI板/显示SE图效果(三)/楼视/显示背叁(B)47 .文件备份与复原开启软件的自动备份功能，可以有效的帮助我们降低因误操作、软件崩溃、断电等异样时，未保存或者损坏文件的风险。文件的备份与复原在【文件】菜单中进行相关操作.(图5-7)m*eu帐户gmwd元0T“.3mw三"三也o*IIIB»sue»，M加"WMT(D4X49.快速预览查看原型预览原型的快捷键为键。或者，点击快捷功能中的预览图标进行预览。导航菜单【发布】-【预览设置】中进行预览的设置。（图6-1）颜京史原型的浏竞.国"选押摩里K面中是否带有：!Jl产关磴m%ajwa兔a.通窜台费的出表力三jt并行渺三三”力察典默认；n:ja½M.国环3C5三.iiMCIMC.U½ffiA三WJ50.生成ErM1.查看原型：三*n.51.生成部分原型页面发布原型时，假如不须要将全部页面生成或发布，可以在生成HTM1.的设置中打开【页面】的设置，取消【生成全部页面】的勾选，则可以设置生成指定的页面。留意,子级页面无法单独发布，勾选子级页面时会自动勾选父级页面。假如须要单独发布子级页面，须要在页面管理面板中将子级页面的级别调整到一级页面。（图6-4）52 .为原型添加标记在生成HTM1.的设置中有【标记】的设置，可以为原型添加图片标识或文字标题。原型发布后会显示在工具栏的页面面板中。（图6-5）。浏j三SS中的效SR53 .发布原型到AxShare发布原型到AxShare是指将做好的原型发布到Axure官方供应的空间中，通过自动生成的网址进行访问。发布到AxShare的快捷键为键.发布到AxShare须要预先注册AxureShare账号，注册地址:sshare.a×ure（图6-6）文件(DSE)三(V)庆目(E)布局发布(D团队帐户©*Kj（三）D°啮回工方100%2加WkPSJ3i,8守C更5U但DO</>I1.砥F5RlSSflS-(O)Ctd+F5发布到AXhare-.（八）<F6生成HTM1.X件>.（三）F8在HTM1.3件中亚新生成刍酊页面(R)CtrkF8生成WordiR阴5.(G)F9更备生成联配,文件(M)D«S8J三一，WUh醺0发布完成后，将会自动生成一个网址。可以通过在PC或手机阅读器中打开该网址查看原型。(图6-7)54 .重新生成当前页面修改某个页面无需将整个原型HTM1.文件都重新生成一遍，只须要在【发布】的选项列表中，选择【在HTM1.文件中重新生成当前页面】即可.(图6-8)文件旧jfim)飕OO项目(E)布国（八）发布(D团队(D帐户Q醴晦H回H)-I-s三-J«R3否，D整助出100%Dr砥0发布至JAXShare.(生成HTMlX件.(F5QrUF5A)F6H)F8W：G三5*CJh:在HTMIJZ:件中羲生成目前页：H(R)<CH383.生成Word说明书.(G)F9更今生反击和配5文件(M)制作移动设备原型须要遵循规范将原型制作成标准尺寸。移动设备原型尺寸计算工具：iaxureshareyxcc（个别移动设备可能会有出入,仅供参考！）除了制作成标准原型尺寸，还须要在生成HTM1.文件配置中，进行【移动设备】的设置，让生成的HTM1.文件【包含视口标签】，这样才能够正常显示。（图6-9）当原型运用一些特别字体时，在没有安装该字体的设备上将无法正常显示。Web字体可以较好地解决这个问题。Web字体的运用包含两种方式。方式一、链接".CSS"文件（图6-10）优点：设置简洁。缺点：须要网络以及在线CSS文件支持。以FontAwesome字体为例。在Web字体设置中，点击U添加新的配置，勾选【链接到"CSS"文件】选项，将该字体官方网站供应的"CSS"文件地址填入超链接中即可。这样只要阅读原型时有网络支持，即可正常显示字体。方式二、font-face（图6-11）优点：支持本地字体与在线字体缺点：设置略有困难仍以FontAwesome字体为例。新建Web字体配置后，选择【font-face选项】并填写代码。在线字体代码如下：font-family:FontAWeSome;src:url(V7xl7jgl.zO.glb.clouddnfontawesome-webfontttf/)format(,truetype/);本地字体代码如下：font-family:FOntAWeSome;SruUrl('fontawesome-webfont.ttf,)format('truetype,);留意:运用本地字体须要将字体文件(.ttf)拷贝到生成的HTM1.文件夹中。通过以上方式处理后，未安装该字体的设备中查看原型时即可正常显示字体。留意：在AxureRP8的元件库中，供应了FontAwesome图标元件库，该元件库可以干脆运用，无需进行上述设置。但是，官方供应的FontAwesome图标元件库与上述元件库有很大区分，官方元件库中的图标并不是文字，而是形态。在之后的案例中,我们须要将一些图标字体放入文本编辑界面进行编辑，这是官方元件无法做到的。