AxureRP互联网产品原型设计（AxureRP10）-教学大纲

《AxureRP互联网产品原型设计》教学大纲课程名称：AxureRP互联网产品原型设计课程编码：学时：学分：课程类别：先修课程：适用专业：建议教材：一、教学目标和任务《AxureRP互联网产品原型设计》是电子商务、数字媒体与艺术、计算机科学与技术等专业的一门专业必修课程，课程聚焦于互联网产品原型设计领域，旨在为学生打造扎实的专业技能与知识体系。课程以AxureRP10这款行业主流原型设计软件为核心工具，深入讲解从基础概念到高级应用的全流程知识。通过《AxureRP互联网产品原型设计》这门课程的学习，学生应全面掌握AxureRP10软件的使用方法，具备独立设计互联网产品原型的能力，培养学生的创新思维、用户体验意识和团队协作精神，为从事互联网产品设计、交互设计等相关工作奠定坚实基础。课程思政教学目标：在教学过程中渗透思政元素，培养学生的爱国主义情怀，鼓励学生关注国家互联网产业发展，为提升我国互联网产品设计水平贡献力量；强化学生的社会责任感，引导学生设计符合社会道德规范、有利于社会发展的产品，注重产品对用户和社会的积极影响。二、教学基本内容及要求第1章 了解互联网产品原型TOC\o"1-2"\n\u1.1 什么是原型设计1.2 原型设计的参与者1.3 如何体现原型设计1.4 原型设计的必要性和作用1.5 原型设计中的用户体验1.6 思维导图与原型设计1.7 思维导图软件介绍1.8 总结扩展1.9 课后测试理论讲解：详细阐述原型设计的概念、参与者，深入探讨体现原型设计的多种方式（纸质、Word和Visio、原型设计软件），剖析原型设计的必要性、作用及要点，全面讲解用户体验的相关内容（包含的内容、生命周期、需求层次），介绍思维导图在原型设计中的作用及基本类型。实践操作：指导学生使用MindMeister、XMind、MindManager等思维导图软件绘制简单的产品思维导图，如简单的在线购物App功能思维导图。第2章了解AxureRP10TOC\o"1-2"\n\u2.1 什么是原型设计2.2 原型设计的参与者2.3 如何体现原型设计2.4 原型设计的必要性和作用2.5 原型设计中的用户体验2.6 思维导图与原型设计2.7 思维导图软件介绍2.8 总结扩展2.9 课后测试理论讲解：全面介绍AxureRP10软件，包括软件的主要功能（绘制网站构架图、示意图、流程图，实现交互设计，输出网站原型和Word格式规格文件等），详细讲解软件工作界面（菜单栏、工具栏、面板、工作区）及自定义工作界面的方法，介绍软件的帮助资源。实践操作：学生根据指导完成AxureRP10软件的下载、安装、汉化与启动，自定义草图工作区，熟悉软件基本操作。第3章页面管理与自适应视图TOC\o"1-2"\n\u3.1 使用欢迎界面3.2 新建和设置Axure文件3.3 页面管理3.4 页面设置3.5 设置自适应视图3.6 使用参考线和栅格3.7 设置遮罩3.8 总结扩展3.9 课后测试理论讲解：讲解Axure文件的新建和设置（纸张尺寸、文件存储、存储格式、自动备份），页面管理的各种操作（添加、删除、移动、搜索、剪切、复制、粘贴、重复页面），页面设置的具体内容（尺寸、排列、填充、低保真度、样式、注释），自适应视图的设置方法，参考线和栅格的使用，遮罩的设置。实践操作：学生创建不同尺寸的Axure文件，进行页面管理操作，设置页面样式和自适应视图，添加参考线和栅格，制作具有自适应效果的简单页面，如不同屏幕尺寸下的登录页面。第4章使用元件和元件库TOC\o"1-2"\n\u4.1 了解元件库面板4.2 将元件添加到页面4.3 使用钢笔工具4.4 元件的转换4.5 元件的编辑4.6 创建元件库4.7 使用外部元件库4.8 使用大纲面板4.9 总结扩展4.10 课后测试理论讲解：介绍元件库面板，详细讲解各类元件（常用元件、互动元件、表单元件等）的特点和用途，钢笔工具的使用，元件的转换（转换为形状、图片）、编辑（对齐/分布、锁定、组合和结合等），元件库的创建和使用（新建、编辑、添加图片文件夹，下载和导入外部元件库），大纲面板的使用。实践操作：学生从元件库中选择元件制作注册页原型，熟练掌握元件的使用和编辑技巧，创建自定义元件库并应用到实际项目中。第5章元件的样式和交互TOC\o"1-2"\n\u5.1 设置元件的属性5.2 创建和管理样式5.3 了解交互面板5.4 添加页面交互5.5 添加元件交互5.6 交互样式设置5.7 总结扩展5.8 课后测试理论讲解：深入讲解元件属性的设置（基本属性、不透明度、排版等），样式的创建和管理（页面样式、元件样式的创建、编辑，格式刷的使用），交互面板的功能，页面交互（打开链接、关闭窗口等）和元件交互（显示/隐藏、设置动态面板状态等）的添加，交互样式的设置。实践操作：学生设计制作按钮交互样式，为页面和元件添加丰富的交互效果，实现简单的页面跳转和动态展示功能。第6章使用母版和动态面板TOC\o"1-2"\n\u6.1 母版的概念6.2 新建和编辑母版6.3 使用母版6.4 母版使用报告6.5 应用动态面板6.6 转换为动态面板6.7 总结扩展6.8 课后测试理论讲解：讲解母版的概念、新建和编辑方法，母版的使用（拖放、添加到页面、从页面移除）及使用报告，动态面板的应用（使用、编辑状态、脱离首个状态、添加交互），元件转换为动态面板的操作。实践操作：学生设计制作动态按钮效果，利用母版和动态面板制作具有复用性和动态交互效果的页面元素，如导航栏、轮播图。第7章变量与表达式TOC\o"1-2"\n\u7.1 使用变量7.2 设置条件7.3 使用表达式7.4 总结扩展7.5 课后测试理论讲解：介绍变量的使用（全局变量、局部变量），条件的设置（确定条件逻辑、逻辑判断的值、变量或元件名称、运算符等），表达式的使用（运算符类型、格式）。实践操作：学生设计制作图片交互效果，通过设置变量和表达式实现图片的切换、缩放等动态交互功能。第8章函数的使用TOC\o"1-2"\n\u8.1了解函数8.2常见函数8.3总结扩展8.4课后测试理论讲解：介绍函数的概念，详细讲解常见函数（中继器/数据集函数、元件函数、页面函数等）的功能和使用方法。实践操作：学生设计制作商品购买页面，运用各种函数实现商品数量计算、总价统计等功能。第9章使用中继器TOC\o"1-2"\n\u9.1 中继器元件9.2 数据集的操作9.3 项目列表的操作9.4 总结扩展9.5 课后测试理论讲解：讲解中继器元件（项目、数据集）的概念，项目交互和样式设置，数据集的操作（分页、排序、筛选、添加和删除项目），项目列表的操作。实践操作：学生设计制作模糊搜索功能，利用中继器实现数据的动态展示和筛选。第10章团队合作与输出TOC\o"1-2"\n\u10.1 使用团队项目10.2 使用AxureCloud10.3 发布查看原型10.4 使用生成器10.5 总结扩展10.6 课后测试理论讲解：介绍团队项目的使用（创建、加入、打开、编辑项目文件），AxureCloud的使用（创建账号、发布到AxureCloud），原型的发布查看方法，生成器的使用（HTML生成器、Word生成器等）。实践操作：学生完成团队项目的检入与检出，将项目发布到AxureCloud并生成HTML和Word文件。第11章设计制作网页原型TOC\o"1-2"\n\u11.1 设计制作QQ邮箱加载页面11.2 设计制作微博用户评论页面11.3 设计制作课程购买页面11.4 使用并设置链接类动作11.5 设计制作商品分类页面11.6 设计制作课程选择页面11.7 总结扩展11.8 课后测试理论讲解：分析多个网页原型案例（QQ邮箱加载页面、微博用户评论页面等），讲解链接类动作的使用和设置。实践操作：学生设计制作多个网页原型，如抽奖活动页面原型，综合运用所学知识实现网页的各种功能和交互效果。第12章设计制作App原型TOC\o"1-2"\n\u12.1 设计制作App页面原型12.2 设计制作App交互原型12.3 总结扩展12.4 课后测试理论讲解：分析App页面原型（启动页面、会员系统页面等）和交互原型（页面导航交互、注册/登录页面交互等）案例。实践操作：学生设计制作App幻灯片原型，完成App原型的设计和交互制作，实现App的基本功能和流畅的交互体验。三、教学建议本课程采用“理论+案例”的教学法，通过案例分析加强知识理解，将所学知识与实际案例相结合，帮助学生准确理解与使用AxureRP10，并领会互联网产品原型设计的内在实质。同时并充分利用挂图、投影和多媒体等教学手段。本课程需要在多媒体计算机机房进行教学。四、教学方法讲授法：通过课堂讲解，系统传授AxureRP10的理论知识、操作技巧和设计理念，使学生建立完整的知识体系。实践法：安排大量实践操作课程，让学生在实际操作中巩固所学知识，提高动手能力和解决问题的能力。教师在实践过程中进行巡视指导，及时纠正学生的错误操作，解答学生的疑问。案例分析法：引入丰富的实际项目案例，分析案例的设计思路、实现方法和用户体验，引导学生从案例中学习优秀的设计经验，培养学生的设计思维和创新能力。小组合作学习法：在部分实践项目中，组织学生进行小组合作，促进学生之间的交流与协作，培养学生的团队合作精神和沟通能力。五、作业要求1.《平时作业》根据课堂学习内容，完成课后习题。根据课程要求，完成课后拓展任务。2.《期末考核作业》以个人为单位完成某互联网产品的原型设计，内容包括界面图和交互动画两个部分。展示形式为ppt，内容展现必须包括文字和图片，还可以包括视音频等内容每人需提交创意阐述ppt。六、学时分配教学内容讲课学时实验学时总学时第1章了解互联网产品原型设计第2章了解AxureRP10第3章页面管理与自适应视图第4章使用元件和元件库第5章元件的样式和交互第6章使用母版和动态面板第7章变量与表达式第8章函数的使用第9章使用中继器第10章团队合作与输出第11章设计制作网页原型第12章设计制作App原型合计七、教学参考资料Axure官方文档、相关行业书籍、互联网产品设计相关网站和论坛等。八、考核方式平时成绩（40%）：包括考勤（10%）、课堂表现（10%）、作业完成情况（20%）。教师根据学生的出勤记录、课堂参与度、作