Axure原型设计入门知识讲稿.pptx

Axure原型设计快速入门互娱研发部 Leo Song自我介绍姓名：Leo Song (宋玥)部门：互娱研发部职位：产品经理课程简介面向学员产品相关、交互设计相关、以及与需求沟通相关的全体同事课程目标掌握Axure RP制作产品原型的基础知识授课时长3小时课程大纲Axure简介基础知识 软件界面，线框图与注解，基础交互，动态面板，模块，流程图，交互原型，规格书实战案例学习目录Axure RP 简介快速入门知识软件界面线框图与注解基础交互动态面板模块流程图交互原型规格书课程小结及案例什么是Axure RP？RP :Rapid Prototyping Axure应用web网站What is Axure RP?（摘自官方网站）Axure RP is a wireframing, prototyping and specification tool used by user experience designers, information architects, business analysts and product managers to design applications and websites.Axure RP可以用在哪？为什么要用Axure RP？？VisioPowerPoint其它DreamWeaverWordPhotoshop目录Axure RP 简介快速入门知识软件界面线框图与注解基础交互动态面板母板流程图交互原型规格书课程小结及案例Axure RP 软件界面1.菜单和工具条2.站点地图5.编辑工作区域3.原件面板7.控件交互及注释4.母板6.页面注释、交互目录Axure RP 简介快速入门知识软件界面线框图与注解基础交互动态面板母板流程图交互原型规格书课程小结及案例站点地图站点地图：层级的导航列表添加，删除页面页面位置排序（上移、下移）页面层级组织（增加缩进，减少缩进）重命名页面双击页面名称进入编辑设计元件选择元件库元件搜索载入创建库组件：用以UI设计的若干组用户界面控件选择一个元件库，在元件库中搜索需要的控件载入指定的组件库，创建属于自己的组件库拖动元件到编辑工作区进行界面设计对元件的编辑设计操作基本同PowerPoint编辑元件元件库注解注解：澄清设计意图的标注文字有注解或交互的空间右上角显示黄色标签脚注（1、2、3）决定在规格书中的排序自定义注解的字段页面级的注释,可以针对不同对象进行注释对元件进行样式的调节，已达到更好的展示效果课堂练习（1）第一步：利用线框图元件库画一个导航原型第二步（以下可选）导入一个自定义组件库画一个手机客户端界面第三步标注一个元件练习时间（10分钟）目录Axure RP 简介快速入门知识软件界面线框图与注解基础交互动态面板模块流程图交互原型规格书课程小结及案例初识交互基础概念事件（操作行为）场景（条件）动作（执行结果）第一个交互多场景交互?元件的交互When…IF…Then…事件事件说明事件说明OnClick鼠标点击 OnMouseEnter鼠标的指针移动到对象上 OnMouseOut鼠标的指针移动出对象外 OnFocus鼠标的指针进入文字输入状态OnLostFocus鼠标的指针离开文字输入状态OnChange下拉框或列表框中的选项改变 OnPageLoad页面或模块载入 OnKeyUp按下然后松开键盘上的键 大多对象只具备常见的三种触发事件：OnClick、OnMouseEnter 与OnMouseOut某些控件可触发的事件有些不同： ??单选框和复选框则具有OnFocus、 OnLostFocus 事件文本框、文本域、下拉框、列表框则具有OnKeyUp、OnFocus、OnLostFocus事件下拉框和列表框具有OnChange事件页面加载或模块被载入时则发生OnPageLoad动作英文中文Open Link in Current Window在当前窗口打开一个页面Open Link in Popup Window在弹出的窗口中打开一个页面Open Link in Parent Window在父窗口中打开一个页面Close Current Window关闭当前窗口Open Link in Frame在Frame框架内打开一个页面Open Link in Parent Frame在父页面的嵌框架中打开一个页面Set Panel state(s) to State(s)为动态面板设定要显示的状态Show Panel(s)显示面板Hide Panel(s)隐藏面板Toggle Visibility for Panel(s)切换（显示/隐藏）面板的显示状态Move Panel(s)根据绝对坐标或相对坐标来移动动态面板Bring Panel(s) to Front将动态面板移至