AXURE原型设计培训

AXURERP使用培训AxureRP使用心得4.AxureRP高级应用3.AxureRP基本操作2.AxureRP简介1.目录AxureRP简介AXURERP是什么？AXURERP能做什么？AXURERP的工作环境AXURERP的优势AXURERP的不足AxureRP简介AxureRP是什么？Axure的发音是【Ack-sure】，RP则是【RapidPrototyping】快速原型的缩写。AxureRPPro是美国AxureSoftwareSolution公司的旗舰产品。AxureRP是一款快速实现、准确表达、带有交互效果且易于上手的原型设计利器。主要用户群包括：针对负责定义需求、定义规格、设计功能、设计界面的专家；包括用户体验设计师（UX）、交互设计师（UI）、需求分析师（BA）、可用性设计师（UE）、信息架构师（IA）和产品经理（PM）；AxureRP简介AxureRP能做什么？Axure能帮助需求设计者快捷而简便的创建基于目录结构的原型文件、功能说明、交互接口以及带注释的线框网页，它可以自动生成用于演示的网页和word文档。让相关人员对需求设计进行体验和验证，向用户进行演示、沟通交流以确认用户需求。另外，Axure还能让团队成员进行多人协同设计，并对设计进行方案版本控制管理。AxureRP简介AxureRP的优势Axure使原型设计及和客户的交流方式发生了变革•进行更加高效的设计•让你体验动态的原型•更加清晰的交流想法；•没有比制作prototype更易取得使用者界面与特殊功能可用性上的一致性了。Prototype不只可确认需求，它更可赢得顾客的心。Axure可以使设计师快速完成原型设计•快速原型法（RapidPrototyping）是一种有效且高效的以用户为中心（User-CenteredDesign）的技术，可以帮助用户体验专家、设计师、工程师创造更加有用、可用的产品。AxureRP简介AxureRP的不足Axure对中文的支持不好（6.0以下版本）Table功能比较弱，不支持合并单元格界面交互功能效果相对较弱；控件属性编辑不方便AxureRP基本操作Axure工作环境页面基本操作组件基本操作组件标签与注释组件的基本交互模块的基本操作Axure文件操作AxureRP的工作环境AxureRP的工作环境1.主菜单和工具栏（MainMenu&Toolbar）执行常用操作，如文件打开、保存、格式化控件、输出原型、输出规格等操作。2.页面导航板（SitemapPane）对所设计的页面进行添加、删除、重命名和组织。3.控件面板（WidgetsPane）该面板中有线框图控件和流程图控件，用这些控件进行线框图和流程图的设计。4.模块面板（MastersPane）模块是一种可以复用的特殊页面，在该面板中可进行模块的添加、删除、重命名和组织。5.线框图面板（WireframePane）在线框图面板中可以进行页面线框图的设计，线框图面板也就是进行页面设计的工作区。6.控件交互面板（InteractionsPane）定义控件的交互，如：链接、弹出、动态显示和隐藏等。7.控件注释面板（AnnotationsPane）对控件进行注释定义和对控件的功能进行说明。8.页面注释面板（PagesNotes&PageInteractionsPane）添加和管理页面的注释和交互。9.页面交互面板（PagesNotes&PageInteractionsPane）添加和管理页面的交互。AxureRP基本操作页面的基本操作添加页面删除页面页面层级缩进页面位置移动设计页面页面导航面板是用于管理所设计的页面，可以添加、删除及对页面层次进行重新组织。AxureRP基本操作组件的基本操作组件介绍与使用组件属性编辑组件布局与样式动态模板组件线稿图的设计AxureRP基本操作组件介绍与使用单选按钮复选框命令按钮图片与热区表格矩形形状按钮文本块与超链接下拉列表列表框输入框文本域菜单树状菜单命令按钮内部框架AxureRP基本操作组件属性编辑鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。例如，双击一个图片控件可以导入一张图片；双击一个下拉列表或列表框控件可以编辑列表项。工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。右键菜单：控件右键菜单上可编辑控件的一些特定属性，不同控件这些属性也不同。AxureRP基本操作组件布局与样式填充与渐变分散于对齐叠放层序组合与锁定AxureRP基本操作组件动态模板动态面板组件可以让你的原型中实现高级的动态交互功能。动态面板包含有多个状态（states），每个状态可包含一系列控件。任何时候都只有一个状态是可见的，或这整个动态面板可以被隐藏。结合交互动作，可以让动态面板的状态进行隐藏、显示和改变。像其它控件一样，可以在控件面板中拖拉动态面板控件，将动态面板控件添加到线框图中。动态模板的交互动作：显示与隐藏，状态切换、位置移动；AxureRP基本操作组件标签与注释组件标签组件提示组件注释页面注释AxureRP基本操作组件的交互关系事件、场景、动作的交互关系AxureRP基本操作Axure支持的事件：OnClick：鼠标点击OnMouseEnter：鼠标的指针移动到对象上OnMouseOut：鼠标的指针移动出对象外OnFocus：鼠标的指针进入文字输入状态（获得焦点）OnLostFocus：鼠标的指针离开文字输入状态（失去焦点）OnPageLoad：页面或模块载入OnKeyUp：输入、释放键盘OnChange：所选项被更改AxureRP基本操作组件交互——定义链接Axure所支持的链接打开方式：OpenLinkinCurrentWindow：在当前窗口打开一个页面OpenLinkinPopupWindow：在弹出的窗口中打开一个页面OpenLinkinParentWindow：在父窗口中打开一个页面CloseCurrentWindow：关闭当前窗口OpenLinkinFrame：在框架中打开一个页面AxureRP基本操作模块的基本操作创建模块删除模块模块层级缩进模块位置移动设计模块模块是可以重复使用特殊页面。一些常用模块如页首(Header)、页尾(Footer)与导航(Navigation)。模块可用在页面中或是其他模块中。只要修改模块，在所有页面中引用这个模块的模块实例也会随即全部跟着变化。AxureRP基本操作流程图的设计与应用Axure的流程图常用于提供一个高保真的、能通过所设计的页面来完成的任务视图。一张简明的流程图，能促进和其它设计师、开发工程师的交流，节约口头沟通的成本，并且能点出一些关键性问题。流程图能使思路清晰、逻辑清楚，并且有助于程序的逻辑实现和有效解决实际问题。AxureRP基本操作文件的基本操作创建文件保存文件自动保存恢复文件文件输出文件合并AxureRP基本操作文件导入与合并AxureRP基本操作文件的输出word需求说明书输出：设计完线框图后，就可以输出Word格式的需求书或功能性规格文件。这主要得益于我们先前在组件和线稿文件中设置好的特殊注释说明。在设计线框图时，如果把需求说明或规格描述写在了页面备注或控件注释中，生成规格文件时，Axure会自动汇总这些文字和插图，按照顺序出现在Word文档中。AxureRP基本操作HTML文件输出HTML演示文件输出：设计好的线稿图可以导出生成HTML网页演示文件，交互设计师可以拿这些html文件，给程序员、产品经理、设计师们演示你的DEMO文件。AxureRP高级应用与实例解析页面跳转单选群组互斥全选和全消动态模板TAB页签效果折叠菜单效果下拉联动效果文本校验效果页面锚点效果图片轮播效果AxureRP使用心得要灵活运用软件，画界面图多用Axure，画流程图多用Visio，为的是节省时间、提高效率。不需要关注太多细节,我们要做的只是原型，而不是最终设计。不执着于AxureRP不能实现的业务需求；考虑下载和引用官网或者第三方的样式库；中文输入法的解决方法；学习软件更多的是靠我们的项目实际应用；不要太依赖软件，软件只是我们的工具；相关资料学习教程：《Axure快速原型设计》.pdf在线教程中文交流论坛样式库讨论与思考THANKYOU！