AxureRP产品原型设计教学教案

《AxureRP产品原型设计（AxureRP9）》教学教案课时内容初识产品原型设计授课时间90分钟课时2教学目标了解产品原型。了解AxureRP。熟悉AxureRP的历史。教学重点掌握产品原型设计的流程。掌握AxureRP的应用。掌握AI提示词的写作技巧。教学难点培养学习AxureRP的兴趣。培养获取AxureRP新知识、新技能、新方法的基本能力。培养主动用AI探索原型设计的思维和能力。树立文化自信、职业自信。教学设计教学思路：通过产品原型概述、产品原型设计的流程、AxureRP概述、AxureRP的应用、AIGC赋能产品原型设计的讲解，读者可以对产品原型、AxureRP和AI赋能产品原型设计有一个系统的认识，从而高效地进行后续的AxureRP操作。教学手段：（1）通过设计案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过讲解AI相关知识，帮助读者认识AIGC并掌握AIGC赋能原型设计的流程和产品原型设计常用的AI工具。教学内容讨论问题：1、产品原型设计的流程可以分为哪几个步骤？2、产品原型设计中可用到的AI工具种类有哪些？内容大纲：具体可结合本项目的PPT课件进行配合讲解。1.1产品原型概述1.1.1草图原型1.1.2低保真原型1.1.3高保真原型1.2产品原型设计的流程1.2.1需求分析1.2.2架构设计1.2.3流程设计1.2.4原型设计1.2.5原型评审1.2.6完善优化1.3AxureRP概述1.4AxureRP的历史1.4.1AxureRP的诞生1.4.2AxureRP的发展1.5AxureRP的应用1.5.1绘制架构图1.5.2绘制流程图1.5.3绘制原型图1.5.4实现交互1.5.5生成HTML文件1.5.6生成Word说明书1.6AIGC赋能产品原型设计1.6.1认识AIGC101.6.2AIGC赋能原型设计流程1.6.3产品原型设计常用的AI工具小结熟悉产品原型设计的流程。掌握AxureRP的应用能力。掌握AIGC提示词核心构成要素和交互设计提示词写作技巧。掌握AIGC赋能交互设计流程的能力。课时内容AxureRP基础知识授课时间90分钟课时2教学目标了解AxureRP的欢迎界面。熟悉AxureRP的工作界面。教学重点掌握AxureRP中文件的基本操作。具备在AxureRP中进行页面管理的能力。具备在AxureRP中进行页面设置的能力。具备在AxureRP中操作视图的能力。具备操作AxureRP中标尺、网格、辅助线的能力。教学难点能够合理制订AxureRP学习计划。培养持续学习、独立思考的能力。培养联系AxureRP理论知识与实际操作的能力。教学设计教学思路：通过AxureRP的欢迎界面、工作界面、文件的基本操作、页面管理、页面设置、操作视图、标尺、网格和辅助线的讲解，掌握AxureRP的基础工具和基本操作。教学手段：（1）通过设计案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。教学内容讨论问题：1、AxureRP的工作界面分为几个部分？2、常用文件格式有哪些？内容大纲：具体可结合本项目的PPT课件进行配合讲解。2.1欢迎界面2.2工作界面2.2.1标题栏2.2.2菜单栏2.2.3工具栏2.2.4画布2.2.5“页面”与“概要”面板2.2.6“元件库”与“母版”面板2.2.7“样式”、“交互”与“说明”面板2.3文件的基本操作2.3.1新建文件2.3.2保存文件2.3.3打开文件2.3.4导入文件2.3.5关闭文件2.3.6文件格式2.3.7自动备份2.4页面管理2.4.1添加页面2.4.2移动页面2.4.3删除页面2.4.4剪切页面2.4.5复制页面2.4.6粘贴页面2.4.7重命名页面2.4.8重复页面2.4.9图表类型2.4.10搜索页面2.5页面设置2.5.1页面尺寸2.5.2页面对齐2.5.3页面填充2.5.4低保真度模式2.6操作视图2.6.1缩放视图2.6.2平移视图2.7标尺、网格和辅助线2.7.1标尺2.7.2网格2.7.3辅助线小结了解欢迎界面布局与核心功能入口。熟悉工作界面的整体布局。掌握文件的操作方法。掌握管理页面的方法。掌握设置页面的方法。掌握视图的操作。掌握原型设计中重要的辅助工具。课时内容元件与元件库授课时间180分钟课时4教学目标掌握AxureRP常用的元件。熟悉AxureRP的元件库。教学重点具备添加、转换、AxureRP元件的能力。具备创建AxureRP元件库的能力。具备使用外部元件库的能力。掌握用AI辅助制作流程图的方法。教学难点树立灵活运用AI提升制作效率的意识。培养锐意进取、精益求精的工匠精神。培养一定的设计创新能力和艺术审美能力。教学设计教学思路：（1）通过对课堂案例的讲解掌握制作“企业招聘H5岗位申请页的低保真原型”“制作中式茶业官网联系方式页的低保真原型”“制作家具电商平台的购买商品流程图”“管理中式茶业官网联系方式页低保真原型的元件”“制作旅游出行App引导页的低保真原型”“制作中式茶业官网元件库”和“制作旅游出行App登录页的低保真原型”的方法和技巧；（2）通过软件相关功能的解析学习常用元件与元件库的使用方法和技巧；（3）通过课堂练习和课后习题巩固软件功能，消化所学软件知识；（4）最后通过AI扩展案例，提升运用AI工具高效生成流程图的能力。教学手段：（1）通过课堂案例操作熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特色。（3）通过课后练习提高学生的实际应用能力。（4）通过AI扩展案例帮助学生掌握交互设计的设计理念和设计元素，顺利达到实战水平。教学资料及要求：在网上或现实生活中找一些H5页面、官网首页等进行制作，来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题：1、默认元件库可分为哪几类？2、外部元件库怎样下载或导入？内容大纲：具体可结合本项目的PPT课件进行配合讲解。3.1添加元件3.1.1课堂案例——制作企业招聘H5岗位申请页的低保真原型3.1.2基本元件3.1.3课堂案例——制作中式茶业官网联系方式页的低保真原型3.1.4表单元件3.1.5菜单/表格元件3.1.6标记元件3.1.7课堂案例——制作家具电商平台的购买商品流程图3.1.8流程图元件3.1.9图标元件3.1.10示例UI模式元件3.2管理元件3.2.1课堂案例——管理中式茶业官网联系方式页低保真原型的元件3.2.2命名元件3.2.3定位元件3.2.4缩放元件3.2.5旋转元件3.2.6组合元件3.2.7元件排序3.2.8对齐和分布元件3.3转换元件3.3.1课堂案例——制作旅游出行App引导页的低保真原型3.3.2转换为形状3.3.3转换为图片3.4创建元件库3.4.1课堂案例——制作中式茶业官网元件库3.4.2新建元件库3.4.3编辑元件库3.4.4添加图片文件夹3.5使用外部元件库3.5.1课堂案例——制作旅游出行App登录页的低保真原型3.5.2下载元件库3.5.3导入元件库3.6课堂练习——制作中式茶业官网首页的低保真原型3.7课后习题——制作企业招聘H5关于我们页的低保真原型3.8AI扩展——用ProcessOn的AI功能制作旅游出行App的用户登录流程图小结掌握添加元件的方法与技巧。掌握转换元件的方法和技巧。掌握创建元件库的方法与技巧。掌握使用外部元件库的方法与技巧。作业3.6课堂练习——制作中式茶业官网首页的低保真原型练习知识要点使用“矩形2”元件、“圆形”元件等基本元件绘制图形，使用“主要按钮”元件添加按钮，使用“一级标题”元件和“二级标题”元件等基本元件添加文案，使用“便签1”元件为原型添加标记。效果所在位置云盘\Ch03\制作中式茶业官网首页的低保真原型\工程文件.rp。3.7课后习题——制作企业招聘H5关于我们页的低保真原型习题知识要点使用“添加页面”按钮添加页面，使用“矩形1”元件绘制图形，使用“二级标题”元件“添加文案。效果所在位置云盘\Ch03\制作企业招聘H5关于我们页的低保真原型\工程文件.rp。3.8AI扩展——用ProcessOn的AI功能制作旅游出行App的用户登录流程图案例学习目标学习使用ProcessOn的AI功能制作App的用户登录流程图。案例知识要点在ProcessOn中，使用ProcessOn“AI创作”中的“流程图”功能，在输入框中输入提示词用户登录生成流程图；使用“拖拽”功能调整生成的流程图。效果所在位置云盘\Ch03\用ProcessOn的AI功能制作旅游出行App的用户登录流程图\最终效果图.png。课时内容元件的样式与母版授课时间180分钟课时4教学目标掌握AxureRP常用的元件属性。熟悉母版。教学重点具备设置AxureRP元件属性的能力。具备创建和管理AxureRP样式的能力。具备创建和编辑AxureRP母版的能力。掌握添加母版到页面的方法和技巧。掌握用AI工具制作App高保真原型的方法。教学难点培养使用AxureRP元件样式与母版的良好习惯。培养锐意进取、精益求精的工匠精神。培养一定的设计创新能力和艺术审美能力。教学设计教学思路：（1）通过对课堂案例的讲解掌握“制作中式茶业官网茶叶详情页的高保真原型”“制作企业招聘H5关于我们页的高保真原型”“创建旅游出行App状态栏和指示器母版”“将中式茶业官网底部转换为母版”和“在旅游出行App引导页中添加母版”的方法和技巧；（2）通过软件相关功能的解析学习元件样式和母版的使用方法和技巧；（3）通过课堂练习和课后习题巩固软件功能，消化所学软件知识；（4）最后通过AI扩展案例，提升运用AI工具高效生成App高保真原型的能力。教学手段：（1）通过课堂案例操作熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特色。（3）通过课后练习提高学生的实际应用能力。（4）通过AI扩展案例帮助学生掌握交互设计的设计理念和设计元素，顺利达到实战水平。教学资料及要求：在网上或现实生活中找一些官网首页、App引导页等进行制作，来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题：1、拾色器面板中有几种填充类型？2、“样式”面板中的“排版”选项包含哪些属性？内容大纲：具体可结合本项目的PPT课件进行配合讲解。4.1设置元件属性4.1.1课堂案例——制作中式茶业官网茶叶详情页的高保真原型4.1.2不透明度4.1.3排版4.1.4填充4.1.5线段4.1.6阴影4.1.7圆角4.1.8边距4.2创建和管理样式4.2.1课堂案例——制作企业招聘H5关于我们页的高保真原型4.2.2创建页面样式4.2.3创建元件样式4.2.4编辑元件样式4.2.5格式刷4.3认识母版4.4创建和编辑母版4.4.1课堂案例——创建旅游出行App状态栏和指示器母版4.4.2创建母版4.4.3课堂案例——将中式茶业官网底部转换为母版4.4.4编辑和转换母版4.4.5搜索母版4.4.6删除母版4.5添加母版到页面4.5.1课堂案例——在旅游出行App引导页中添加母版4.5.2拖放行为4.5.3文本和图片重写4.5.4使用情况报告4.6课堂练习——制作中式茶业官网关于品茗页的高保真原型4.7课后习题——将企业招聘H5标题转换为母版4.8AI扩展——用妙多AI工具制作电商App详情页的高保真原型小结掌握设置元件属性的方法与技巧。掌握创建和管理样式的方法与技巧。掌握创建和编辑母版的方法与技巧。掌握添加母版到页面的方法和技巧。作业4.6课堂练习——制作中式茶业官网关于品茗页的高保真原型练习知识要点使用“插入”按钮添加素材图片，使用“样式”面板设置元件属性。效果所在位置云盘\Ch04\制作中式茶业官网关于品茗页的高保真原型\工程文件.rp。4.7课后习题——将企业招聘H5标题转换为母版习题知识要点使用“转换为母版”命令将企业招聘H5标题转换为母版。效果所在位置云盘\Ch04\将企业招聘H5标题转换为母版\工程文件.rp。4.8AI扩展——用妙多AI工具制作电商App详情页的高保真原型案例学习目标学习使用妙多AI工具制作App详情页的高保真原型。案例知识要点在妙多AI工具中，使用“AI”面板中的输入框输入提示词，生成电商App详情页的高保真原型；使用“设计”面板中的“容器”“文字”“填充”等功能调整生成高保真原型。效果所在位置云盘\Ch04\用妙多AI工具制作电商App详情页的高保真原型\最终效果图.png。课时内容基础交互授课时间180分钟课时4教学目标熟悉AxureRP的交互结构。掌握AxureRP常用的链接交互和元件交互。了解AxureRP常用的交互样式。了解自适应视图的重要性。教学重点具备添加AxureRP链接交互和元件交互的能力。具备设置AxureRP交互样式和自适应视图的能力。掌握GemDesign的使用方法。教学难点培养使用AxureRP基础交互的良好习惯。培养锐意进取、精益求精的工匠精神。培养一定的设计创新能力和艺术审美能力。教学设计教学思路：通过对课堂案例的讲解掌握制作“制作旅游出行App的页面链接”“制作中式茶业官网的视频链接”“制作中式茶业官网的返回顶部”“制作家具电商平台顶部导航栏的显示/隐藏效果”“制作中式茶业新闻动态页的页码交互”“为家具电商App注册页文本框获取焦点”“设置家具电商平台底部导航交互样式”和“设置中式茶业官网茗茶区域自适应视图”的方法和技巧；（2）通过软件相关功能的解析学习基础交互的使用方法和技巧；（3）通过课堂练习和课后习题巩固软件功能，消化所学软件知识；（4）最后通过AI扩展案例，提升运用AI工具高效辅助交互与界面适配的能力。教学手段：（1）通过课堂案例操作熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特色。（3）通过课后练习提高学生的实际应用能力。（4）通过AI扩展案例帮助学生掌握交互设计的设计理念和设计元素，顺利达到实战水平。教学资料及要求：在网上或现实生活中找一些动态页、注册页、官网首页等进行制作，来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题：1、在AxureRP中，交互是由哪几部分组成？2、AxureRP提供了几种元件动作，具体指什么？内容大纲：具体可结合本项目的PPT课件进行配合讲解。5.1认识AxureRP的交互结构5.2添加链接交互5.2.1课堂案例——制作旅游出行App的页面链接5.2.2打开链接5.2.3关闭窗口5.2.4课堂案例——制作中式茶业官网的视频链接5.2.5框架中打开链接5.2.6课堂案例——制作中式茶业官网的返回顶部5.2.7滚动到元件5.3添加元件交互5.3.1课堂案例——制作家具电商平台顶部导航栏的显示/隐藏效果5.3.2显示/隐藏5.3.3设置面板状态5.3.4设置文本5.3.5设置图片5.3.6课堂案例——制作中式茶业新闻动态页的页码交互5.3.7设置选中5.3.8设置列表选中项5.3.9启用/禁用5.3.10移动5.3.11旋转5.3.12设置尺寸5.3.13置于顶层/底层5.3.14设置不透明5.3.15课堂案例——为家具电商App注册页文本框获取焦点5.3.16获取焦点5.3.17展开/收起树节点5.4设置交互样式课堂案例——设置家具电商平台底部导航交互样式5.5自适应视图5.5.1课堂案例——设置中式茶业官网茗茶区域自适应视图5.5.2创建和管理自适应视图5.5.3编辑自适应视图5.5.4预览和生成自适应视图5.6课堂练习——制作家具电商App的页面链接5.7课后习题——设置职业教育管理系统侧导航交互样式5.8AI扩展——用GemDesign制作中式茶业官网导航自适应视图小结掌握AxureRP的交互逻辑。掌握添加链接交互的方法与技巧。掌握添加元件交互的方法与技巧。掌握设置交互样式的方法与技巧。掌握制作自适应视图的方法和技巧。作业5.6课堂练习——制作家具电商App的页面链接练习知识要点使用“元件库”面板添加元件，使用“交互”面板为图标添加交互效果。效果所在位置云盘\Ch05\制作家具电商App的页面链接\工程文件.rp。5.7课后习题——设置职业教育管理系统侧导航交互样式习题知识要点使用“添加类似‘鼠标悬停’的交互样式”超链接为元件添加交互样式。效果所在位置云盘\Ch05\设置职业教育管理系统侧导航交互样式\工程文件.rp。5.8AI扩展——用GemDesign制作中式茶业官网导航自适应视图案例学习目标学习使用GemDesign制作官网导航的自适应视图。案例知识要点在GemDesign的输入框中，输入提示词生成中式茶业官网导航自适应视图。使用“编辑模式”中的“编辑文字”“填充”“上传图片”等功能调整生成的自适应视图。效果所在位置云盘\Ch05\用GemDesign制作中式茶业官网导航自适应视图\最终效果图.png。课时内容动态面板授课时间180分钟课时4教学目标认识并熟悉AxureRP的动态面板。掌握AxureRP动态面板的特殊属性。掌握AxureRP动态面板的特殊交互。教学重点具备使用AxureRP动态面板的能力。具备使用AxureRP动态面板特殊属性和特殊交互的能力。掌握用MasterGo制作轮播效果的方法。教学难点培养规范使用AxureRP动态面板的习惯。培养锐意进取、精益求精的工匠精神。培养一定的设计创新能力和艺术审美能力。教学设计教学思路：通过对课堂案例的讲解掌握制作“为旅游出行App引导页创建动态面板”“将家具电商平台树状侧导航转换为动态面板”“将中式茶业官网海报设为100%宽度”“固定家具电商App顶部”“制作中式茶业官网的轮播效果”和“制作企业招聘H5的拖动交互”的方法和技巧；（2）通过软件相关功能的解析学习常用动态面板的使用方法和技巧；（3）通过课堂练习和课后习题巩固软件功能，消化所学软件知识；（4）最后通过AI扩展案例，提升运用AI工具高效生成电商平台轮播效果的能力。教学手段：（1）通过课堂案例操作熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特色。（3）通过课后练习提高学生的实际应用能力。（4）通过AI扩展案例帮助学生掌握交互设计的设计理念和设计元素，顺利达到实战水平。教学资料及要求：在网上或现实生活中找一些App引导页、H5页面、官网首页等进行制作，来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题：1、“动态面板”元件有哪些功能？2、“动态”面板具有哪些特殊样式？内容大纲：具体可结合本项目的PPT课件进行配合讲解。6.1认识动态面板6.2使用动态面板6.2.1课堂案例——为旅游出行App引导页创建动态面板6.2.2创建动态面板并命名6.2.3管理动态面板状态6.2.4课堂案例——将家具电商平台树状侧导航转换为动态面板6.2.5转换为动态面板6.3动态面板的特殊样式6.3.1滚动方式6.3.2自适应内容6.3.3课堂案例——将中式茶业官网海报设为100%宽度6.3.4100%宽度6.3.5课堂案例——固定家具电商App顶部6.3.6固定到浏览器6.4动态面板的特殊事件6.4.1尺寸改变时6.4.2课堂案例——制作中式茶业官网的轮播效果6.4.3载入时6.4.4状态改变时6.4.5课堂案例——制作企业招聘H5的拖动交互6.4.6拖动事件6.4.7滚动事件6.5课堂练习——固定职业教育管理系统顶部导航栏6.6课后习题——制作美食外卖App引导页的拖动交互6.7AI扩展——用MasterGO制作家具电商平台的轮播效果小结熟悉动态面板的基本概念。掌握使用动态面板的方法与技巧。掌握设置动态面板特殊样式的方法与技巧。掌握设置动态面板特殊事件的方法与技巧。作业6.5课堂练习——固定职业教育管理系统顶部导航栏练习知识要点使用“转换为动态面板”命令转换元件，使用“固定到浏览器”功能固定职业教育管理系统顶部导航栏。效果所在位置云盘\Ch06\固定职业教育管理系统顶部导航栏\工程文件.rp。6.6课后习题——制作美食外卖App引导页的拖动交互习题知识要点使用“动态面板”元件添加动态面板，使用“插入”按钮添加素材图片，使用基本元件绘制图形，使用“样式”面板设置元件属性，使用“转换为母版”命令转换元件，使用“打开交互编辑器”按钮为页面添加拖动交互效果。效果所在位置云盘\Ch06\制作美食外卖App引导页的拖动交互\工程文件.rp。6.7AI扩展——用MasterGO制作家具电商平台的轮播效果案例学习目标学习使用MasterGO制作电商平台的轮播效果。案例知识要点在MasterGO中，使用MasterGO的“AI快搭”功能，在输入框中输入提示词，生成家具电商平台的轮播效果；在输入框中继续输入修改要求，调整生成的轮播效果。效果所在位置云盘\Ch06\用MasterGO制作家具电商平台的轮播效果\最终效果图.png。课时内容高级交互授课时间180分钟课时4教学目标熟悉并理解AxureRP的变量。熟悉并理解AxureRP的条件逻辑。熟悉并理解AxureRP的表达式和函数。教学重点教学难点教学设计教学思路：通过对课堂案例的讲解掌握制作“跳转到不同状态的家具电商平台购物车页”“制作旅游出行App的不同登录状态”和“制作家具电商平台商品信息交互”的方法和技巧；（2）通过软件相关功能的解析学习高级交互的使用方法和技巧；（3）通过课堂练习和课后习题巩固软件功能，消化所学软件知识；（4）最后通过AI扩展案例，提升运用AI工具高效生成App不同登录状态的能力。教学手段：（1）通过课堂案例操作熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特色。（3）通过课后练习提高学生的实际应用能力。（4）通过AI扩展案例帮助学生掌握交互设计的设计理念和设计元素，顺利达到实战水平。教学资料及要求：在网上或现实生活中找一些H5页面、官网首页等进行制作，来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题：1、全局变量与局部变量有什么区别？2、在AxureRP9中，常见函数有哪些？内容大纲：具体可结合本项目的PPT课件进行配合讲解。7.1变量7.1.1课堂案例——跳转到不同状态的家具电商平台购物车页7.1.2全局变量7.1.3局部变量7.2条件逻辑7.2.1课堂案例——制作旅游出行App的不同登录状态7.2.2匹配所有或匹配任何条件语句7.2.3用来进行逻辑判断的值7.2.4确定变量或元件名称7.2.5逻辑判断的运算符7.2.6用来选择被比较的值7.2.7文本框7.2.8如果或否则7.3表达式和函数7.3.1课堂案例——制作家具电商平台商品信息交互7.3.2运算符类型7.3.3表达式的格式7.3.4常见函数7.4课堂练习——制作职业教育管理系统的不同登录状态7.5课后习题——制作美食外卖App的不同滚动状态7.6AI扩展——用MasterGo制作美食外卖App的不同登录状态小结掌握设置变量的方法和技巧。掌握设置条件逻辑的方法与技巧。掌握设置表达式和函数的方法与技巧。作业7.4课堂练习——制作职业教育管理系统的不同登录状态练习知识要点使用“全局变量”命令添加全局变量，使用“打开交互编辑器”按钮为元件添加交互效果和条件逻辑。效果所在位置云盘\Ch07\制作职业教育管理系统的不同登录状态\工程文件.rp。7.5课后习题——制作美食外卖App的不同滚动状态习题知识要点使用“打开交互编辑器”按钮为元件添加不同的滚动状态。效果所在位置云盘\Ch07\制作美食外卖App的不同滚动状态\工程文件.rp。7.6AI扩展——用MasterGo制作美食外卖App的不同登录状态案例学习目标学习使用MasterGO制作美食外卖App的不同登录状态。案例知识要点在MasterGO中，使用MasterGO中的“AI快搭”功能，在输入框中输入提示词，生成美食外卖App的不同登录状态；在输入框中继续输入修改要求，调整生成的美食外卖App的不同登录状态。效果所在位置云盘\Ch07\用MasterGo制作美食外卖App的不同登录状态\最终效果图.png。课时内容中继器授课时间180分钟课时4教学目标熟悉并理解AxureRP的中继器。熟悉并理解AxureRP中继器的数据集。熟悉并理解AxureRP中继器的项目列表。教学重点具备使用AxureRP中继器的能力。具备操作AxureRP数据集和项目列表的能力。掌握AI辅助数据驱动的方法。教学难点培养使用AxureRP中继器的良好习惯。培养锐意进取、精益求精的工匠精神。培养一定的设计创新能力和艺术审美能力。教学设计教学思路：通过对课堂案例的讲解掌握制作“制作家具电商App分类页的高保真原型”“为家具电商平台商品列表添加分页”“为旅游出行App设置酒店排序”和“为家具电商平台添加商品筛选功能”的方法和技巧；（2）通过软件相关功能的解析学习中继器的使用方法和技巧；（3）通过课堂练习和课后习题巩固软件功能，消化所学软件知识；（4）最后通过AI扩展案例，提升运用AI工具高效生成后台管理系统高保真原型的能力。教学手段：（1）通过课堂案例操作熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特色。（3）通过课后练习提高学生的实际应用能力。（4）通过AI扩展案例帮助学生掌握交互设计的设计理念和设计元素，顺利达到实战水平。教学资料及要求：在网上或现实生活中找一些H5页面、官网首页等进行制作，来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题：1、项目交互中有几个触发事件，具体指什么？2、中继器动作的添加和删除共包含了几种动作，具体指什么？内容大纲：具体可结合本项目的PPT课件进行配合讲解。8.1认识中继器8.1.1课堂案例——制作家具电商App分类页的高保真原型8.1.2数据集8.1.3项目交互8.1.4样式设置8.2数据集的操作8.2.1课堂案例——为家具电商平台商品列表添加分页8.2.2设置分页与数量8.2.3课堂案例——为旅游出行App设置酒店排序8.2.4添加和移除排序8.2.5课堂案例——为家具电商平台添加商品筛选功能8.2.6添加和移除筛选8.2.7添加和删除中继器的项目8.3项目列表的操作8.4课堂练习——制作职业教育管理系统课程列表的高保真原型8.5课后习题——为美食外卖App设置商家排序8.6AI扩展——用GemDesign制作教务管理系统学生列表的高保真原型小结掌握设置中继器的基本方法和技巧。掌握操作数据集的方法与技巧。掌握操作项目列表的方法与技巧。作业8.4课堂练习——制作职业教育管理系统课程列表的高保真原型练习知识要点使用“中继器”元件制作数据集，使用“打开交互编辑器”按钮为元件添加项目交互。效果所在位置云盘\Ch08\制作职业教育管理系统课程列表的高保真原型\工程文件.rp。8.5课后习题——为美食外卖App设置商家排序习题知识要点使用“样式”面板设置元件样式，使用中继器动作中的“添加排序”动作完成数据排序，使用“打开交互编辑器”按钮为元件添加交互样式。效果所在位置云盘\Ch08\为美食外卖App设置商家排序\工程文件.rp。8.6AI扩展——用GemDesign制作教务管理系统学生列表的高保真原型案例学习目标学习使用GemDesign制作教务管理系统列表的高保真原型。案例知识要点在GemDesign的输入框中，输入提示词生成教务管理系统学生列表的高保真原型；在输入框中继续输入修改要求，并使用“编辑模式”中的“编辑文字”“上传图片”等功能调整生成的高保真原型。效果所在位置云盘\Ch08\用GemDesign制作教务管理系统学生列表的高保真原型\最终效果图.png。课时内容团队项目与发布输出授课时间90分钟课时2教学目标熟悉并理解AxureRP的团队项目。熟悉并理解Axure云。掌握AxureRP的常用生成器。教学重点具备使用AxureRP团队项目和云的能力。具备操作AxureRP生成器能力。熟悉Pixso的使用。教学难点培养较强的自我学习与技术更新能力。培养在原型设计方面的工作协调能力和组织管理能力。培养良好的责任心和团队合作精神。教学设计教学思路：通过对课堂案例的讲解掌握制作“创建自己的Axure云账户”“创建中式糕点H5团队项目”“查看中式糕点H5原型”和“基于中式糕点H5原型生成HTML文件”的方法和技巧；（2）通过软件相关功能的解析学习团队项目与发布输出的方法；（3）通过课堂练习和课后习题巩固软件功能，消化所学软件知识；（4）最后通过AI扩展案例，提升运用AI工具高效发布App原型的能力。教学手段：（1）通过课堂案例操作熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特色。（3）通过课后练习提高学生的实际应用能力。（4）通过AI扩展案例帮助学生掌握交互设计的设计理念和设计元素，顺利达到实战水平。教学资料及要求：在网上或现实生活中找一些H5页面、App等进行制作，来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题：1、怎样创建Axure云账号？2、怎样创建团队项目，需要登录Axure账户吗？内容大纲：具体可结合本项目的PPT课件进行配合讲解。9.1Axure云9.1.1课堂案例——创建自己的Axure云账户9.1.2创建Axure云账户9.1.3发布到Axure云9.2团队项目9.2.1课堂案例——创建中式糕点H5团队项目9.2.2创建团队项目9.2.3加入团队项目9.2.4打开团队项目9.2.5编辑项目文件9.3发布查看原型9.3.1课堂案例——查看中式糕点H5原型9.3.2浏览器9.3.3播放器9.4使用生成器9.4.1课堂案例——基于中式糕点H5原型生成HTML文件9.4.2HTML生成器9.4.3Word生成器9.4.4更多生成器9.5课堂练习——创建职业教育管理系统的团队项目9.6课后习题——发布查看旅游出行App原型9.7AI扩展——用Pixso发布音乐播放器原型小结掌握设置Axure云的方法和技巧。掌握设置团队项目的方法与技巧。掌握发布查看原型的方法与技巧。掌握使用生成器的方法与技巧。作业9.5课堂练习——创建职业教育管理系统的团队项目练习知识要点使用“从当前文件创建团队项目”命令创建团队项目。效果所在位置云盘\Ch09\创建职业教育管理系统的团队项目\工程文件.rp。9.6课后习题——发布查看旅游出行App原型习题知识要点使用“生成HTML文件”命令完成原型的发布。效果所在位置云盘\Ch09\发布查看旅游出行App原型\工程文件.rp。9.7AI扩展——用Pixso发布音乐播放器原型案例学习目标学习使用Pixso发布原型。案例知识要点在Pixso中，使用“开始AI创作”功能，在输入框中输入提示词，生成音乐播放器原型；使用“发布”按钮发布并查看音乐播放器原型。效果所在位置云盘\Ch09\用Pixso发布音乐播放器原型\最终效果图.png。课时内容商业案例实战授课时间90分钟课时2教学目标理解商业案例的项目背景。理解商业案例的项目要求。熟悉商业案例的项目要点。教学重点具备制作中式茶业官网低保真原型、高保真交互原型的能力。具备制作企业招聘H5低保真原型、高保真交互原型的能力。具备制作旅游出行App低保真原型、高保真交互原型的能力。具备制作家具电商平台、中式糕点H5、家具电商App高保真交互原型的能力。掌握UXbot的使用技巧。教学难点培养完成AxureRP商业案例的能力。培养应对AxureRP商业案例中的问题的能力。培养良好的责任心和团队合作精神。教学设计教学思路：通过对课堂案例的讲解掌握“制作中式茶业官网的低保真原型”“制作企业招聘H5的低保真原型”“制作旅游出行App的低保真原型”“制作中式茶业官网的高保真交互原型”“制作家具电商平台的高保真交互原型”“制作企业招聘H5的高保真交互原型”“制作中式糕点H5的高保真交互原型”“制作旅游出行App的高保真交互原型”和“制作家具电商App的高保真交互原型”的方法和技巧；（2）通过软件相关功能的解析学习软件基础知识的使用方法以及在不同设计领域的制作技巧。（3）通过课堂练习巩固软件功能的技巧；（4）通过课后习题消化所学软件知识。（4）最后通过AI扩展案例，提升运用AI工具高效生成电商平台高保真交互原型能力。教学手段：（1）通过综合设计案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特色。（3）通过课后练习提高学生的实际应用能力。（4）通过AI扩展案例帮助学生掌握交互设计的设计理念和设计元素，顺利达到实战水平。教学资料及要求：在网上或现实生活中找一些不同领域的作品案例进行制作，来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题：1、常见的产品原型类型有哪些？2、列举AxureRP的高级交互功能？内容大纲：具体可结合本项目的PPT课件进行配合讲解。10.1制作中式茶业官网的低保真原型10.1.1项目背景10.1.2项目要求10.1.3项目要点10.1.4项目设计10.2制作企业招聘H5的低保真原型10.2.1项目背景10.2.2项目要求10.2.3项目要点10.2.4项目设计10.3制作旅游出行App的低保真原型10.3.1项目背景10.3.2项目要求10.3.3项目要点10.3.4项目设计10.4制作中式茶业官网的高保真交互原型10.4.1项目背景10.4.2项目要求10.4.3项目要点10.4.4项目设计10.5制作家具电商平台的高保真交互原型10.5.1项目背景10.5.2项目要求10.5.3项目要点10.5.4项目设计10.6制作企业招聘H5的高保真交互原型10.6.1项目背景10.6.2项目要求10.6.3项目要点10.6.4项目设计10.7制作中式糕点H5的高保真交互原型10.7.1项目背景10.7.2项目要求10.7.3项目要点10.7.4项目设计10.8制作旅游出行App的高保真交互原型10.8.1项目背景10.8.2项目要求10.8.3项目要点10.8.4项目设计10.9制作家具电商App的高保真交互原型10.9.1项目背景10.9.2项目要求10.9.3项目要点10.9.4项目设计10.10课堂练习——制作职业教育管理系统的高保真交互原型10.10.1项目背景10.10.2项目要求10.10.3项目要点10.10.4项目设计10.11课后习题——制作美食外卖App的高保真交互原型10.11.1项目背景10.11.2项目要求10.11.3项目要点10.11.4项目设计10.12AI扩展——用UXbot制作家具电商平台的高保真交互原型10.12.1项目背景10.12.2项目要求10.12.4项目要点10.12.4项目设计小结掌握完成商业项目设计的方法和技巧，提升综合创意设计能力和水平。全面提升运用AI工具高效生成电商平台高保真交互原型能力。作业10.10课堂练习——制作职业教育管理系统的高保真交