Axure分享-基础介绍

Axure分享最强大的原型设计工具方玮俊fangweijun@先来看个实例…GOAxure介绍Axure是什么？Axure的发音是“Ack-sure”RP则是RapidPrototyping即快速原型工具。Axure能干什么？进行更加高效的设计；让你体验动态的原型；更加清晰的交流想法；只有这些吗？？“没有比制作prototype更易取得使用者界面与特殊功能可用性上的一致性了。Prototype不只可确认需求，它更可赢得顾客的心。”

——阿伦M.戴维斯和迪安A.莱芬韦尔“没有比交互原型更容易让领导或客户理解产品，达成对产品功能认知统一，提高DEMO通过率的东东了。”——方玮俊1.主界面介绍命令行menu工具栏tools站点地图sitemap组件库widgets复用模块masters工作区workplace页面笔记pagenotes页面交互pageinteractions注释&交互annotations&interactions位置尺寸调整动态面板管理模块介绍Sitemap-站点地图这部分是所有Page的管理模块，Page可以理解为设计者手里的一张纸通过上下和左右箭头，可以调整page的从属关系，也可以删除不需要的pageSitemap-站点地图左中间_Widget-组件两大功能线框图组件列表流程组件列表最常用组件矩形动态面板自定义组件库(5.5版之后)左下角_Master-自定义模块在这里可以将组件定义为模块，便于其他页面复用。如：如SDO头部复用模块行为behavior：正常（NORMAL）:普通模块，默认，复制调用背景（placeinbackground）：背景模块，锁定，底层，复制调用自定义(customwidgetsbehavior):继承调用右上角_注释和交互交互面板用于定义线框图中组件的行为，包含定义简单的链接和复杂的RIA行为，所定义的交互都可以在将来生成的原型中进行操作执行右上角_注释和交互在控件交互面板中可以定义控件的交互，交互由事件（Events）、场景（Cases）和动作（Actions）组成：用户操作界面时就会触发事件，如鼠标的OnClick、OnMouseEnter和OnMouseOut；每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板事件场景动作动作场景动作动作右上角_注释和交互目前AxureRP5支持的事件如下：OnClick：鼠标点击

OnMouseEnter：鼠标的指针移动到对象上

OnMouseOut：鼠标的指针移动出对象外

OnFocus：鼠标的指针进入文字输入状态（获得焦点）

OnLostFocus：鼠标的指针离开文字输入状态（失去焦点）

OnPageLoad：页面或模块载入大多对象只具备常见的三种触发事件：OnClick、OnMouseEnter与OnMouseOut，一些特殊的控件可触发的事件有些不同：按钮控件只有OnClick单选框和复选框则具有OnFocus、OnLostFocus

文本框、文本域、下拉框、列表框则具有OnKeyUp、OnFocus、OnLostFocus页面加载或模块被载入时则发生OnPageLoad右上角_注释和交互以下是Axure所支持的动作：当前窗口打开链接 在弹出窗口打开链接

在父窗口打开链接 关闭当前窗口 在框架中打开链接 设置动态面板状态转换 为动态面板设定要显示的状态显示动态面板 隐藏动态面板 切换动态面板可见属性 切换动态面板的显示状态（显示/隐藏）移动动态面板

根据绝对坐标或相对坐标来移动动态面板将动态面板置为最前 设置变量和组件值的变化值 设定变量值或控件值滚动到图片映射区域 滚动页面到ImageMap所在位置启用组件

把对象状态变成可用状态禁用组件

把对象状态变成不可用状态设置组件为选中状态 设置组件焦点 等待时间（毫秒）

等待多少毫秒(ms)后再进行这个动作展开树状节点 折叠树状节点 其他

显示动作的文字说明丰富的交互类型基础编辑器高级编辑器Tips：事件（是可以被控件识别的操作）=条件+动作当同一个动作超过1次以上使用或动作排序和默认排序不同，则需要使用高级编辑器添加事件变量及变量赋值组件TextAreaLable：Float_Txt解读：将组件Float_Txt中的文本“建议游戏运营方采纳”，赋值给变量TxtFloatHtml原型文件输出Tips:F5生成原型Ctrl+F5将当前页面重生成为原型案例：盛大问吧首页原型设计RP文件Prototypes（原型文件）RPLibraries（问吧视觉组件库）对中文的兼容性不是很好可通过记事本粘贴因为Axure不支持中文，所以他的字体和html中的px(像素)是不同的，html中的12px字体在Axure里面要设置为9，14px的要设置为11Axure也存在层的问题Ctrl+],Ctrl+[可以快速调整层的顺序PS快捷键支持页面放大缩小：Ctrl+”+”

Ctrl+”-”页面平移：space

+鼠标拖动；“方向键”：每次移动1个像素；“Shift+方向键

/

Ctrl+方向键”：每次移动10个像素动态效果几乎都是通过动态面板实现的Masters（模块）/widgets（组件）/group（组合）是很有用的功能，熟练使用这些功能是Axure提升原型设计效率的关键3.几个常见的问题4.高级应用可以载入外部组件库或自己创建组件库，丰富widget组件条件+动作的操作模式几乎能胜任市面常见的页面交互行为(浮动层、面板切换等)可以通过定义变量，模拟登陆验证等数据库操作模拟AJAX局部刷新更多特点待发现…1.不要把大把的时间放到交互动作或