(软件工程)axure培训.ppt

Axure培训 目录 引言——快速原型 Axure简介 Axure入门使用 引言——快速原型 引言——快速原型 引言——快速原型 Axure简介 Axure RP是一款制作网页原型图（或者叫做网页线框图）的软件。 Axure RPAxure 的发音是[Ack-sure]，RP则是“Rapid Prototyping”快速原型的缩写。 Axure RP Pro是美国Axure Software Solution公司的精心开发的产品。 Axure简介 使用Axure RP可以制作出来逼真的，基于HTML代码的网站原型，用于评估、需求说明、提案、策划等各种不同的目的。更精彩的是，该原型可以响应用户的点击、鼠标悬停、拖拽、提交表单、超级链接等各种事件。除了数据库的支持外，他几乎就是一个真正的网站！ Axure简介——举个例子帮助理解 大家肯定都对装修有所了解。在装修自己房子的时候，你可能会做很多很多的工作，比如看建材，看家电，看各种家具城，看各种照片，看朋友的家，看户型图，看样板间，拉关系找朋友给推荐装修公司，有的也会看装修公司量身定做的3D效果图。所有这些努力，都是希望在真的签约给钱、下料开工之前，尽最大的可能去了解最终的效果是什么样子，是不是自己想要的。因为一旦开始装修，就很难去更改。装修完了，结果发现自己不喜欢，不要了也是不可能的。装修还是一个花费很高的事情。 Axure入门使用 先看一个做好的例子 Axure入门使用 了解一点点名称 线框图：一般就是指产品原型，比如：把线框图尽快画出来和把原型尽快做出来是一个意思。 axure元件：也叫axure组件或axure部件，系统自带了一部分最基础常用的，网上也有很多别人做好的，软件使用到一定阶段可以考虑自己制作元件，以便提高产品原型的制作速度。 Axure入门使用 生成原型：是指把绘制好的原型通过axure rp生成静态的html页面，检查原型是否正确，同时，方便演示。建议生成时选择用谷歌浏览器打开（第一次会有提示安装相关插件），ie会每次都有安全提示，不如谷歌浏览器方便。 Axure入门使用 （一） Axure rp的界面 Axure入门使用 （二）各个元件组成的图 Axure入门使用 （三）Axure rp元件的触发事件 l OnClick（点击时）: 鼠标点击事件，除了动态面板的所有的其他元件的点击时触发。比如点击按钮。 l OnMouseEnter（鼠标移入时）: 鼠标进入到某个元件范围时触发，比如当鼠标移到某张图片时显示该图片的介绍。 l OnMouseOut（鼠标移出时）: 鼠标离开某个元件范围时触发。比如鼠标离开图片时，图片介绍消失。 Axure入门使用 （三）Axure rp元件的触发事件 动态面板专属事件 l OnMove（移动时）： 当动态面板移动时触发。是指通过其他事件的触发控制面板移动时，比如当进度条移动时，进度比例的变化。 l The OnShow and OnHide events（显示或隐藏时）： 当动态面板隐藏或显示时触发。比如图片显示时按钮文字是关闭图片，图片隐藏时按钮文字变为打开图片。 Axure入门使用 （四）条件生成器 Axure入门使用 动手做例子（先看一个排课系统和点餐系统的例子，母版的利用） 雅虎首页幻灯效果（注重分析） 淘宝首页导航鼠标悬停效果（快速效果——偷懒法，背景覆盖法） 表单（验证，跳转，条件的使用） 模仿手机滑动功能（动态面板拖拽、逻辑） Axure入门使用 注意使用母版 使用主部件（masters）来制作那些需要重复使用的部分，比如网站的头部（Headers），尾部（Footers）或者其他模板（template）。一旦主部件被更新了，那么所有此主部件的副本都将自动被更新。你可以尽你所需在页面中使用masters，甚至可以在masters中再次使用masters从而获得最大的复用性。 《网站蓝图Axure RP高保真网页原型制作》 * * * 在软件开发过程中，快速原型模型起到了很重要的作用。 你是否有这样的困惑？ 在团队开发时，不管是搞前台还是后台人员，都需要了解项目的需求才可以进行下去。 虽然有一份详细的需求文档，但是我相信很少有人愿意去看文档。 那么在这个时候，如果有一个完整的原型，大家更会喜欢看这个原型来了解需求， 生动而且快速。 你是否有这样的困惑？ 在大家费了不少力气之后，回头一看发现做出来的东西和项目开发前有很大不同， 有没有种崩溃的感觉，以前的努力要全废了。 那是因为什么？ 因为团队没有一个统一的参照。 你是否有这样的困惑？ 在做出来的原型中，有些模块或者说功能可能会增强开发成本，这时如果有原型，团队成员 可以根据这个原型一起来讨论更为合适的原型，然后大家根据修改后的原型进行