AxureRP原型设计课案
- 格式:ppt
- 大小:1.67 MB
- 文档页数:16
《Axure RP原型设计》课程标准课程名称:Axure RP原型设计学分:4计划学时:72适用专业:计算机应用技术1.前言1.1课程性质本课程是计算机应用技术专业的一门专业拓展课,其功能在于向学生介绍使用Axure RP创建快速原型的方法,培养学生轻松创建应用软件或Web网站的线框图、流程图、原型和规格说明文档的能力。
通过本课程的学习,使学生熟悉Axure RP的工作环境,重点掌握线框图和流程图的创建方法,简单链接和高级交互,多人协助和版本管理等技术,从而能够进行高效的原型设计,为将来从事APP软件开发、用户体验设计、交互设计、界面设计等相关工作奠定基础。
本课程的先修课程为C语言程序设计,后续课程为移动WEB开发(HTML5+CSS3)。
1.2设计思路本课程是以高职计算机类移动开发方向学生的就业为导向,在行业专家的指导下,对移动开发过程中所涉及的岗位进行职业能力分析,以实际工作中移动WEB开发前期原型设计任务为引领,以原型设计过程中涉及的专业知识与技能为课程主线,通过项目组织教学,倡导学生在项目活动中学会动态原型设计的基本技能。
在教学内容的选择上,贯彻“技能培养为主,知识够用为度”的教学思想,以学生为主体,注重学生实际操作能力与应用能力的培养。
根据原型设计的工作流程,按项目构筑课程教学内容,通过项目引领和任务驱动,并配以案例分析进行教学,着重培养学生的实践应用技能。
建议本课程课时为72学时,计算机类三年制安排在第5学期,计算机类五年一贯制安排在第9学期。
2.课程目标2.1总体目标通过本课程的学习,要求学生充分认识到原型制作的重要性,掌握快速创建动态原型的方法,掌握简单链接和高级交互的实现方法,并学会如何进行多人协同设计和对版本进行管理控制。
教学过程中利用以任务做驱动,对项目和案例进行分析和实现,在此过程中逐渐学会快速创建动态原型,不仅可以让团队成员一起体验自己的设计,而且可以向用户演示和交流以确认用户需求,并为下一步学习移动WEB 开发等课程奠定基础。
《AxureRP原型设计》课程标准《Axure RP原型设计》课程标准课程名称:Axure RP原型设计学分:4计划学时:72适用专业:计算机应用技术1.前言1.1课程性质本课程是计算机应用技术专业的一门专业拓展课,其功能在于向学生介绍使用Axure RP创建快速原型的方法,培养学生轻松创建应用软件或Web网站的线框图、流程图、原型和规格说明文档的能力。
通过本课程的学习,使学生熟悉Axure RP的工作环境,重点掌握线框图和流程图的创建方法,简单链接和高级交互,多人协助和版本管理等技术,从而能够进行高效的原型设计,为将来从事APP软件开发、用户体验设计、交互设计、界面设计等相关工作奠定基础。
本课程的先修课程为C语言程序设计,后续课程为移动WEB开发(HTML5+CSS3)。
1.2设计思路本课程是以高职计算机类移动开发方向学生的就业为导向,在行业专家的指导下,对移动开发过程中所涉及的岗位进行职业能力分析,以实际工作中移动WEB开发前期原型设计任务为引领,以原型设计过程中涉及的专业知识与技能为课程主线,通过项目组织教学,倡导学生在项目活动中学会动态原型设计的基本技能。
在教学内容的选择上,贯彻“技能培养为主,知识够用为度”的教学思想,以学生为主体,注重学生实际操作能力与应用能力的培养。
根据原型设计的工作流程,按项目构筑课程教学内容,通过项目引领和任务驱动,并配以案例分析进行教学,着重培养学生的实践应用技能。
建议本课程课时为72学时,计算机类三年制安排在第5学期,计算机类五年一贯制安排在第9学期。
2.课程目标2.1总体目标通过本课程的学习,要求学生充分认识到原型制作的重要性,掌握快速创建动态原型的方法,掌握简单链接和高级交互的实现方法,并学会如何进行多人协同设计和对版本进行管理控制。
教学过程中利用以任务做驱动,对项目和案例进行分析和实现,在此过程中逐渐学会快速创建动态原型,不仅可以让团队成员一起体验自己的设计,而且可以向用户演示和交流以确认用户需求,并为下一步学习移动WEB 开发等课程奠定基础。
AxureRP原型设计与交互制作教学第一章:Axure RP 简介Axure RP 是一款流行的原型设计与交互制作工具,其全称为Axure Rapid Prototyping(原型制作)。
它具备丰富强大的功能,可以帮助用户快速设计、交互和分享原型。
Axure RP 不仅受到设计师和产品经理的喜爱,也被广泛应用于用户体验设计(User Experience Design,简称UXD)领域。
第二章:Axure RP 的功能特点Axure RP 提供了多种丰富的功能和工具,以满足用户对原型设计和交互制作的需求。
其中包括:1. 页面布局和设计:Axure RP 提供了简洁直观的页面布局工具,用户可以轻松创建和编辑页面结构,并添加所需的元素和组件。
2. 交互设计:Axure RP 的交互设计功能非常强大,用户可以添加链接、触发事件、创建用户流程等,以展示页面之间的交互效果,模拟实际应用的交互过程。
3. 数据驱动设计:Axure RP 支持用户通过添加变量、数据列表和数据操作等功能来模拟真实的数据交互,使用户能够更好地测试和展示设计方案。
4. 团队协作和分享:Axure RP 具备强大的协作功能,用户可以与团队成员一起编辑项目、共享原型,进行实时的远程协作,提高团队工作效率。
第三章:Axure RP 的使用步骤使用 Axure RP 进行原型设计和交互制作一般需要经过以下步骤:1. 确定需求:在开始设计之前,首先要明确项目的需求,包括功能、交互和页面结构等方面的要求。
2. 创建页面:根据需求,在 Axure RP 中创建相应的页面,并进行布局和设计,添加所需的元素和组件。
3. 添加交互效果:利用 Axure RP 的交互设计功能,为页面中的元素添加链接、触发事件、定义用户流程等,以实现交互效果。
4. 设计数据驱动功能:根据需求,添加变量、数据列表和数据操作等功能,模拟真实的数据交互过程。
5. 进行测试和优化:完成设计后,进行测试,检查页面和交互效果是否符合预期,根据测试结果进行必要的优化。
第6章用Axure母版减少重复工作Axure母版的使用是为了减少重复的工作,在原型设计过程中,往往会设计很多重复的页面内容,包括页面的首部、版权信息、导航菜单。
这就加大很多工作量,而通过母版,在母版里面只需要进行一次设计,其他页面可以直接使用母版的内容,并且在母版里修改内容,可以实现所有引用母版的页面同时更新,也不需要到每个页面里单独修改内容。
用母版设计页面重复出现的内容6.1 母版功能介绍Axure的母版能够重复制作原型某个类似的功能,实现母版制作一次,其他页面进行复用的效果。
在Axure原型设计工具的左下角是Axure的母版区域。
Axure母版区域6.1.1 母版的使用Axure母版区域提供3个快捷操作按钮:新增母版、新增母版文件夹以及检索母版。
更多的操作可以通过鼠标右键单击模板区域,在弹出的快捷菜单中获取,包括调整母版之间的顺序以及层级关系、删除母版和检索母版等功能,其与页面区域功能条的使用方式一致。
实战演练(1)单击“新增母版”按钮可以新增一个母版,也可以鼠标右键单击母版区域在快捷菜单中通过添加选项添加一个母版,输入母版的名称“导航菜单”。
导航菜单母版(2)单击“新增文件夹”按钮可以新增文件夹,将其命名为“页面母版”,文件夹可以对母版进行归类,存放导航菜单的母版、页首的母版、页尾的母版。
母版文件夹(3)在母版上右键单击,在弹出的快捷菜单中,通过移动选项可以调整母版之间的上下顺序和层级关系,通过删除选项可以进行删除母版。
调整母版顺序和删除母版(4)在母版上右键单击,在弹出的快捷菜单里的选项中,除了可以新增母版、新增文件夹、移动和删除母版,还提供母版重命名、母版复制、设置母版拖放行为、将母版添加到页面中、将母版从页面中移除以及查看母版使用情况等功能。
母版右键菜单选项6.1.2 制作母版的两种方式那怎么制作母版呢?有两种方式,一种是将元件转换为母版,另一种是通过母版区域新建母版。
下面演示制作母版的两种方式。
第11章携程旅游网站高保真原型设计交互设计师拿到图片,替换低保真原型里的图片,最终制作出一版高保真原型设计。
制作高保准原型需要做以下准备工作。
(1)需要准备携程旅游网站注册界面和登录界面相关图片。
图11.2 携程旅游网站注册界面携程旅游网站登录界面(2)需要准备携程旅游网站首页界面的图片。
携程旅游网站首页界面11.4 设计流程11.4.1 网站注册表单布局设计携程旅游网站的注册表单是一个向导型表单,分为3个步骤:填写、验证、注册成功。
注册表单内容包含手机号、Email、密码、确认密码等表单项。
填写表单邮箱验证(1)进入到注册页面,拖曳一个“图片”元件到工作区域,用“1-状态栏”图片替换图片元件,设置X、Y坐标值为(0,0);拖曳一个“图片”元件到工作区域,用“27-填写向导”图片替换图片元件,设置X、Y坐标值为(0,0)。
状态栏和表单向导(2)拖曳一个“文本标签”元件到工作区域,将其文本内容命名为“会员注册注册成功可获1000积分+返现特权”,将“会员注册”4个字设置为24号字,将“1000”字体颜色设置成绿色(#006600),字体加粗,将“返现”字体颜色设置成橙色(#FF9900),字体加粗。
会员注册说明(3)拖曳三个“文本标签”元件到工作区域,将其文本内容分别命名为“手机号”“Email”“密码”,字号设置为16号字;拖曳一个“矩形1”元件到工作区域,将其宽度设置为320,高度设置为32,边框颜色为灰色(#CCCCCC);拖曳一个“文本框”元件到工作区域,将其宽度设置为210,高度设置为25。
表单标签和边框(4)设置文本框的提示文字为“可用作登录名”,去掉隐藏边框,然后复制该文本框两次,分别作为Email和密码的输入框,将它们的提示文字分别设置为“可用作登录名”“8-20位字母、数字和符号”。
设置提示文字(5)拖曳一个“动态面板”元件到工作区域,将其名称设置为“确认密码组合”,状态命名为“密码组合”,复制手机号标签和文本框到“密码组合”状态里,修改表单标签为“确认密码”,修改提示文字为“再次输入密码”。