Axure快速原型设计第二版.pdf
- 文档编号:3209528
- 上传时间:2022-11-20
- 格式:PDF
- 页数:78
- 大小:2.69MB
Axure快速原型设计第二版.pdf
《Axure快速原型设计第二版.pdf》由会员分享,可在线阅读,更多相关《Axure快速原型设计第二版.pdf(78页珍藏版)》请在冰豆网上搜索。
Axure快速原型设计AxureRapidPrototyping作者:
陈良泳更新日期:
2009年2月2日目录目录本书介绍.3为什么要进行原型设计.4基础篇.4第一章介绍.4第1节认识AxureRP.4第2节线框图及注释.6第3节固定图片的边角.14第4节Axure5.5绘图功能的加强.16第5节基本交互设计.17第6节模块.23第7节HTML原型.24第8节输出规格说明书.28第二章流程图.30第1节流程图和连接线.30第2节自动生成流程图.37第三章高级交互设计.38第1节动态面板.38第2节翻转效果和鼠标移动事件.44第3节按下、选中、停用的效果.44第4节菜单.46第四章高级功能.48第1节逻辑条件.48第2节OnChange事件.51第3节OnKeyUp事件.52第4节OnFocus和OnLostFocus事件.53第5节变量.53第6节OnPageLoad事件.56第7节高级交互设计编辑器.57第五章模块的有效重复使用.59第1节控制模块中的控件.59第2节模块上的自定义事件.61第六章多人协助和版本管理.64第1节创建共享工程.64第2节操作共享工程.67实战篇.73案例一登陆界面.73技巧和提示.78本书介绍本书介绍书名书名Axure快速原型设计AxureRapidPrototyping作者简介作者简介陈良泳,目前任职于北京某管理软件公司,致力于以用户为中心的软件产品设计,提倡在软件设计开发过程中应用可用性工程。
MSN:
WebSite:
Blog:
(旧址是)为什么要使用为什么要使用Axure?
AxureRP可以让桌面应用软件和Web网站的设计师创建线框图、流程图、原型和规格说明文档,它比任何当前其它创建静态原型的工具如Visio,Omnigraffle、Illustrator、Photoshop、Dreamweaver,VisualStudio、FireWorks、GUIStudio等都要快速、高效,因为它才是真正的专门原型设计工具,并且支持多人协作设计和版本控制管理。
设计师们渴望有一个专门的原型设计利器,而Axure正是为此目的而精心打造。
AxureRP已经被一些财富1000大公司采用,成为创造成功产品的必备工具。
国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。
读者受众读者受众本书读者受众包括(也即是AxureRP的使用者):
商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等。
另外,也推荐架构师、程序开发工程师阅读。
为什么要进行原型设计为什么要进行原型设计1、原型的作用和好处、原型的作用和好处没有比制作prototype更易取得使用者界面与特殊功能可用性上的一致性了。
Prototype不只可确认需求,它更可赢得顾客的心。
阿伦M.戴维斯和迪安A.莱芬韦尔用需求管理快速交付高质量的软件的作者(Rational软件公司/IBM)根据调查报告显示,大约66%的软件开发不是失败,就是超预算、延期或交付缩水的功能。
软件失败或亏损的前三大原因为:
1、缺乏使用者的参与;2、需求或规格不完整;3、需求或规格变更;传统的需求管理工具或工作表中所储存的数千个需求与上百页的文件早已不合时宜。
现在,这些需求更是不适用于目前快速发展的环境。
而制作Prototype是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需求风险降到最低的方法。
将大量文字性文档转变为带有注释与互动性的可视画面,如此更能抓住利益相关者与使用者的注意,让用户在软件开始投入编程前就确认需求。
快速原型法(RapidPrototyping)是一种有效且高效的以用户为中心(User-CenteredDesign)的技术,可以帮助用户体验专家、设计师、工程师创造更加有用、可用的产品。
目前全球有财富1000大的公司和重要机构在使用AxureRP,国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。
基础篇基础篇在基础篇中,你将完整的学习到关于Axure的基本和高级功能。
第一章第一章介绍介绍让你初步认识Axure。
第第1节节认识认识AxureRP1、什么、什么是是Axure?
Axure的完整英文名是AxureRPPro。
Axure的英文发音是Ack-sure,RP是RapidPrototyping的缩写,意思为快速原型设计;Pro是Professional的缩写,意思是专业版。
AxureRPPro是美国AxureSoftwareSolution公司的旗舰产品,是一个让负责定义需求和规格、设计功能和界面的专家快速创建应用软件或Web网站线框图、原型、规格说明书的专业快速原型设计工具。
Axure所针对的专家包括用户体验设计师(UX)、交互设计师(UI)、业务分析师(BA)、信息架构师(IA)、可用性专家(UE)和产品经理(PM)。
在Axure中设计线框图和原型会使你更加高效;可以让团队成员一起体验你的设计;向用户演示和交流以确认用户需求;自动产生规格说明书;让团队进行多人协同设计和对版本进行管理控制;等等。
总之,Axure会使你以往的工作方式发生变革:
进行更加高效的设计;体验到动态的原型;清晰有效的交流想法;2、Axure工作环境介绍工作环境介绍Axure的可视化工作环境可以让你轻松快速的以鼠标拖曳的方式创建带有注释的线框图。
不用进行编程,就可以在线框图上定义简单链接和高级交互。
在线框图的基础上,可以自动生成HTML原型和Word格式的规格说明书。
以下是AxureRP工作环境的简要说明:
1.主菜单和工具栏主菜单和工具栏执行常用操作,如文件打开、保存文件,格式化控件,自动生成原型和规格说明书等操作。
2.站点地图面板站点地图面板对所设计的页面(包括线框图和流程图)进行添加、删除、重命名和组织页面层次,。
3.控件控件面板面板该面板中包含了线框图控件和流程图控件,如按钮、图片、文本面板、矩形框等,可用这些控件进行线框图和流程图的设计。
另外,你还可以载入已有的部件库(*.rplib文件)和创建自己的部件库。
4.模块面板模块面板模块是一种可以复用的特殊页面,在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。
5.线框图工作区(或叫页面工作区)线框图工作区(或叫页面工作区)线框图工作区是你进行原型设计的主要区域,在该区域中你可以设计线框图、流程图、自定义部件、模块。
6.页面注释和交互区页面注释和交互区添加和管理页面级的注释和交互。
7.控件交互面板控件交互面板定义控件的交互,如:
链接、弹出、动态显示和隐藏等。
8.控件注释面板控件注释面板对控件的功能进行注释说明。
第第2节节线框图及注释线框图及注释现在我们来认识Axure中与设计线框图有关的各个区域和面板,说明如何设计线框图和为线框图添加注释。
1.站点地图面板站点地图面板在开始设计线框图(Wireframe)或流程图(Flow)之前,应该先考虑页面框架,决定信息内容与层次。
明确页面框架后,就可以利用站点地图面板来建立和管理所要设计的页面,添加、删除页面及对页面层次进行组织。
添加和删除页面添加和删除页面在站点地图面板中,点击面板工具栏上的AddChildPage按钮可以添加一个页面;点击面板工具栏上的DeletePage按钮或在页面上点选右键菜单中的DeletePage选项可以删除一个页面;在页面上点选右键菜单中的RenamePage菜单项或鼠标缓慢双击页面可对页面进行重命名。
组织页面层次组织页面层次在站点地图面板中,用鼠标拖曳一个页面到另一个页面上或点击面板工具栏上的MoveUp、MoveDown、Indent、Outdent按钮,就可以组织页面的层次和顺序。
打开页面进行设计打开页面进行设计在站点地图面板中,用鼠标在页面上进行双击或点击面板工具栏上的DesignPage按钮,打开该页面在线框图区域中进行线框图设计。
2、部件面板(控件面板)、部件面板(控件面板)控件是用于设计线框图的用户界面元素。
在控件面板中包含有常用的控件库,如按钮、图片、文本框等。
添加控件添加控件从控件面板中拖动一个控件到线框图区域中,就可以添加一个控件。
控件可以从一个线框图中被拷贝(Ctrl+C),然后粘贴(Ctrl+V)到另外一个线框图中。
操作控件操作控件添加控件后,可在线框图中选择该控件进行鼠标拖曳移动该控件和改变控件大小,还可以一次选择多个控件进行移动和改变大小。
另外,还可以组合、排序、对齐、平均间距(Distribute)和锁定控件。
以上这些操作可通过在控件上点击右键菜单进行,也可以通过选择菜单View-Toolbars-Object调出的对象工具栏上的按钮进行。
编辑控件风格和属性编辑控件风格和属性有多种方法可以编辑控件的风格和属性:
鼠标双击:
鼠标双击某个控件,可以对控件的最常用的属性进行编辑。
例如,双击一个图片控件可以导入一张图片;双击一个下拉列表或列表框控件可以编辑列表项。
工具栏:
点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。
右键菜单:
通过在控件上点击右键菜单,编辑控件的一些特定属性,不同的控件这些属性也各不相同。
查看和搜索控件查看和搜索控件控件面板工具栏中,点击Wireframe会弹出一个下拉菜单,你可以查看所有控件库,或只看默认线框图或流程图控件库,或只看已经被加载的控件库。
另外,你还可以加载已有控件库、创建新控件库、编辑当前控件库、或更新控件库。
点击Search这个搜索按钮,输入想要查找的控件名称,会在面板内列出所有符合条件的控件。
创建自定义控件库创建自定义控件库默认的两套控件库(Wireframe和Flow)可能还不能满足你的要求,那么现在你可以开始创建你自己的控件库了。
在控件面板中点击下拉菜单的Createlibrary选项,这时会弹出一个保存对话框让对这个.rplib文件进行命名和保存,Axure会立刻启动另一个执行程序并打开这个刚建好的.rplib文件。
在新的Axure程序界面中,原本站点地图面板的位置会被控件库面板(WidgetLibraryPane)所取代。
你可以像页面一样对控件进行新增、删除、排序。
像创建页面一样,你可以利用现有的控件来绘制新创建的控件。
Axure启动时,如果已经把创建好的自定义控件库(.rplib文件)放在Windows文件夹的我的文件MyAxureRPLibraries目录中,则该控件库会被自动加载到控件面板中。
另外,你也可以手动选择你所指定的.rplib文件进行控件库加载。
使用自定义控件库使用自定义控件库新建立的自定义控件库的操作方式就如同其它的默认控件库一样,以拖放(Drag&Drop)的方式将控件放到画布上进行画面的绘制。
3.控件注释控件注释可以为控件添加注释,以说明控件的功能。
添加注释添加注释在线框图中选择控件,然后在控件注释面板中为各个注释项(如Specification、Status等)输入文本,即可为控件添加注释。
面板顶部的Label输入框是为控件添加一个标识符(即控件在线框图中的命名)。
自定义注释项自定义注释项通过主菜单Wireframe-CustomizeAnnotationFieldsandViews或点击注释面板头部的CustommizeFieldsandViews或,然后在弹出的自定义字段和视图(CustommizeFieldsandViews)对话框中可以添加、删除、修改、排序控件的注释项。
建立新注释视图建立新注释视图在自定义字段和视图对话框中,你还可以建立新的注释视图。
你可在对话框底部的Addnewview后的输入框中输入新视图的
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Axure 快速 原型 设计 第二
![提示](https://static.bdocx.com/images/bang_tan.gif)