Axure 设计案例基础教程 标准

《AxureRP9原型设计实战案例教程》课程标准一、课程性质本课程以AxureRP9软件为核心工具，聚焦APP与Web端原型设计实战，系统覆盖原型设计基础理论、软件操作技能与商业项目实战应用。课程内容遵循“基础入门—技能提升—综合实战”的递进逻辑，通过三大学习模块、10个项目、14个任务及2个商业实战案例，融合产品设计思维与原型制作技巧，实现“教、学、练、战”一体化。课程既注重Axure软件的操作熟练度培养，又强调产品需求挖掘、交互逻辑设计等核心能力塑造，对接互联网产品原型设计师、产品经理等岗位的实际工作需求。本课程可作为高等学校、职业院校计算机及相关专业的专业基础课或技能核心课，也可作为原型设计爱好者、产品设计入门者的自学与培训教材，助力培养具备产品思维与实战能力的高素质技术技能人才。二、课程任务本课程以AxureRP9原型设计为主线，分三篇系统讲解原型设计基础、高级交互效果及综合实战应用。第一篇（基础操作篇）涵盖AxureRP9基础环境、元件使用、母版与流程图设计、文字处理等核心基础；第二篇（进阶交互篇）深入讲解动态面板、事件行为、变量与函数、中继器等高级功能的应用；第三篇（综合实战篇）通过携程旅游网高保真原型、支付宝低保真原型两个商业案例，整合前文知识与技能，完成从需求分析到原型交付的全流程实战。课程配套练习题、实战任务及产品设计思维引导，帮助学习者夯实基础、提升技能，最终具备独立完成APP与Web端原型设计的综合能力。三、课程目标为适应互联网行业对产品原型设计人才的需求，贯彻“以能力为本位、以项目为驱动”的教学理念，本课程通过模块化教学与实战化训练，实现以下目标：掌握核心知识与工具：使学习者系统掌握AxureRP9软件的基础操作、元件使用、交互设计、变量与函数应用等核心知识，熟悉原型设计的基本流程与规范。提升实战设计能力：通过案例训练与项目实战，培养学习者低保真/高保真原型制作、动态交互效果实现、跨端（APP/Web）原型设计的能力，能够将产品需求转化为可视化原型。融入产品设计思维：将产品需求分析、用户体验优化、交互逻辑梳理等思维融入教学，使学习者理解原型设计与产品开发的关联，具备初步的产品设计意识。适配多元学习与职业需求：配套丰富的实战案例、练习题及教学资源，满足院校教学、企业培训、自学提升等多元场景需求，为从事原型设计、产品经理等岗位奠定基础。强化问题解决与创新思维：通过复杂交互效果实现、商业案例实战，训练学习者的逻辑思维、问题分析与解决能力，激发其在原型设计中的创新意识。四、学时分配《AxureRP9原型设计实战案例教程》知识模块与课时设置如下：理论学时为16学时。课程框架及学时分配如下表所示：序号项目名学时第一章初识AxureRP92第二章用Axure元件搭积木2第三章母版及流程图2第四章使用文字处理完成网页文字排版1第五章用动态面板制作动态效果2第六章事件、行为与动作2第七章变量与函数2第八章中继器1第九章携程旅游网高保真原型设计1第十章制作支付宝低保真原型1合计16五、本课程主要教学内容第1章C#概述学习目标了解什么是软件原型以及软件原型的分类：草图原型、低保真原型、高保真原型，理解它们的优缺点以及适用的场合。学会AxureRP9软件的安装。认识Axure的软件界面，了解软件界面上的6个区域以及它们的含义和功能。理解原型设计流程，掌握需求分析、页面架构设计、低保真原型设计、原型评审以及高保真原型设计的概念和方法。了解什么是页面区域。页面区域是由功能菜单和页面两部分组成，可以通过页面区域管理软件的页面关系。通过功能菜单和右键菜单选项来管理页面，包括新增页面、移动页面、删除页面以及搜索页面等操作等。学会如何规划软件栏目结构。课时安排本章安排理论2学时主要教学内容一、原型1.1.1草图原型1.1.2低保真原型1.1.3高保真原型二、AxureRP9软件安装与汉化实战——登录页的低保真原型制作三、认识Axure软件界面3.1菜单栏区域3.2工具栏区域3.3页面与概要区域3.4元件与母版区域3.5工作区域3.6检视区域四、原型设计流程4.1需求分析4.2页面架构设计4.3低保真原型设计4.4原型评审4.5高保真原型设计实战——“蓝月亮”栏目规划第2章用Axure元件搭积木学习目标熟悉AxureRP【元件库】面板，掌握编辑图形元件的方法和各种技巧，而且能够创建自定义元件库。掌握导入图片方法以及如何对图像进行一些简单的编辑。掌握各个表单元件的使用方法以及各自的用途。掌握不同类型的文本框有何特点以及在什么情况下使用这些文本框。列表框和下拉列表框非常相似，也要注意区分。单选按钮必须指定选项组方可起到单选的作用。掌握如何将多个单选按钮指定在相应的选项组中。对于表单而言，还有一些专用的事件，如【文本改变时】、【选项改变时】等，要掌握其用法；还有一些经常在表单上使用的动作，如【获取焦点】、【设置列表选中项】等也要掌握。课时安排本章安排理论2学时主要教学内容一、绘制线框图所用的元件1.1基本元件的使用二、丰富的图标元件库 三、载入元件库和自定义元件库3.1载入元件库3.2自定义元件库实战——手机图标和外壳设计四、原型设计流程4.1需求分析4.2页面架构设计4.3低保真原型设计4.4原型评审4.5高保真原型设计五、表单元件的使用5.1文本框元件和文本域元件5.2下拉列表元件和列表框元件5.3复选框元件和单选按钮元件六、菜单|表格元件的使用6.1树元件的使用6.2表格元件的使用6.3水平菜单和垂直菜单元件实战——个人简历页面设计第3章母版及流程图学习目标熟练掌握流程图元件的使用方法以及建立流程图的方法。熟练使用【链接模式】工具建立并调整流程图。熟练运用【链接锚点】工具移动、添加和删除链接点。掌握使用当前文档中的页面快速生成流程图的方法。如何将当前的流程图输出为图片格式，以及如何将当前的流程图输出为网页格式。学会Axure母版的基本操作，新增母版、删除母版、将母版引用到页面，从页面上删除母版等操作。学会制作母版的两种方式：一种是通过母版区域新建母版，另一种是通过元件转换为母版。学会母版的3种拖放行为：任何位置、锁定到母版中的位置、从母版脱离的3种拖放行为，根据不同的场合使用不同的拖放行为。课时安排本章安排理论2学时主要教学内容一、使用流程图元件1.1认识流程图元件1.2连接流程图元件 1.3编辑流程图的连接线1.4编辑元件的连接锚点二、使用页面生成流程图2.1页面类型2.2从页面生成流程图三、导出流程图3.1导出为图片3.2导出为网页格式实战——在线考试系统流程图四、母版功能介绍4.1母版的使用4.2制作母版的两种方式五、母版3种拖放行为的使用5.1拖放行为为任何位置5.2拖放行为为锁定到母版中的位置5.3拖放行为为从母版脱离实战——蓝月亮导航菜单母版设计第4章文字处理及样式应用学习目标熟悉掌握在元件中添加文本以及对文本进行格式化的操作，学会如何使用格式刷方式快速应用某个元件的样式。学会创建和编辑表格的方法，如果读者有其他软件的基础，如微软办公软件或者金山办公软件。学习本章内容时，一定要注意比较软件之间工具和命令的异同之处，这对学习很有帮助，可大大提高学习效率。课时安排本章安排理论1学时主要教学内容一、添加文本1.1应用文本元件1.2在其他元件中添加文本1.3添加文本的方法1.4适合文本大小二、应用表格2.1创建表格2.2选择表格三、格式化文本3.1使用样式工具栏3.2使用【样式】子面板3.3使用格式刷实战——使用文字处理完成网页文字排版 第5章用动态面板制作动态效果学习目标学会动态面板的使用，如何创建动态面板、命名动态面板、创建动态面板的状态和命名状态。学会动态面板的常用功能，理解它们的含义以及它们使用的场景。学会深入了解动态面板的常用事件，并且结合多个事件进行综合应用。学会动态面板的常用功能，理解它们的含义以及它们使用的场景。学会制作京东登录页签的切换效果，进一步深化动态面板结合事件的使用。课时安排本章安排理论2学时主要教学内容一、动态面板的使用1.1创建动态面板并命名1.2编辑动态面板状态1.3通过页面概要区域管理动态面板二、动态面板的常用功能2.1动态面板的显示与隐藏2.2动态面板的调整大小以适合内容2.3动态面板的滚动栏设置2.4动态面板的固定到浏览器2.5100%宽度2.6从动态面板脱离2.7转换为母版2.8转换为动态面板实战-图片轮播效果三、动态面板的事件实战——完成淘宝登录切换效果第6章事件、行为与动作学习目标学会Axure的打开链接和关闭窗口行为，包括当前窗口、新窗口、弹出窗口、父窗口、关闭窗口链接行为。学会在内部框架中打开链接行为，了解什么是内部框架元件，并学习内部框架和父框架的使用。学会使用滚动到元件行为，这是一个经常会用到的一个功能，在很多网站上都会用到这样的功能。理解自适应视图功能，Axure提供多视图设计以使电脑、平板、手机等不同尺寸的终端显示不同的内容。学会使用Axure元件的显示与隐藏行为，通过切换方式控制元件的显示与隐藏交互效果；通过变量方式控制元件显示与隐藏效果；学会设置多个导航菜单联动效果。学会使用设置文本和设置图片行为，给文本进行通过多种方式进行赋值，使图片不同触发事件下显示不同的图像。学会使用设置选中行为，常用于单选按钮选中和复选框选中效果。学会使用设置列表选中项行为，学会设置下拉列表的一对一联动效果和一对多联动效果。学会使用元件的启用和禁用行为、移动、旋转、置于顶层和置于底层行为。学会使用元件的获取焦点、展开、收起树节点行为。课时安排本章安排理论2学时主要教学内容一、打开链接1.1当前窗口打开链接1.2新窗口打开链接1.3弹出窗口打开链接1.4父窗口打开链接1.5关闭窗口二、在内部框架中打开链接2.1内部框架2.2父框架三、滚动到元件（锚点链接）四、设置自适应视图实战——弘扬二十大精神网站首页制作登录页签标题设计五、显示/隐藏5.1切换方式控制元件显示隐藏5.2变量方式控制元件显示隐藏5.3多个导航菜单联动效果六、设置文本和设置图片6.1设置文本行为6.2设置图片行为七、设置选中7.1单选按钮选中行为7.2复选框选中行为八、设置列表选中项8.1一对一联动效果九、启用/禁用十、移动/旋转和置于顶层/底层十一、获取焦点和展开/收起树节点实战——完成省市联动效果第7章变量与函数学习目标理解Axure的全局变量和局部变量的含义以及使用方法。学会使用Axure变量值在页面间传递，实现高级交互效果。学会使用Axure变量来制作简易计算器，深入使用Axure变量。了解函数的概念。掌握函数的使用方法。熟悉常用函数的功能即参数的色泽。课时安排本章安排理论2学时主要教学内容一、全局变量和局部变量的使用二、变量值在页面间传递2.1登录表单和首页2.2新增变量和赋值2.3首页显示变量值2.4页面管理介绍2.5发布原型实战——制作简易计算器三、元件函数和页面函数3.1元件函数3.2页面函数四、窗口函数和鼠标指针函数4.1窗口函数4.2鼠标指针函数五、数字函数和字符串函数5.1数字函数5.2字符串函数六、数学函数和日期函数6.1数学函数6.2日期函数实战——手机时钟原型设计第8章中继器学习目标学会什么是中继器、中继器数据集和中继器的项。学会将中继器数据集里的数据绑定到中继器上，然后在中继器里显示出来。学会利用Axure元件制作新增数据弹出框。学会利用中继器元件来动态地进行新增数据操作。学会使用中继器进行行内删除数据操作和全局删除数据操作。课时安排本章安排理论1学时主要教学内容一、中继器元件的组成二、项目交互与样式设置2.1数据集2.2项目交互2.3样式设置2.4布局三、掌握数据集的操作3.1设置分页与数量3.2添加和移除排序3.3添加和移除筛选3.4添加和移除中继器项目实战——使用中继器完成员工信息管理表第9章携程旅游网高保真原型设计学习目标会使用文本标签元件、矩形元件、文本框元件、横线元件、图片元件、动态面板元件等元件进行页面的布局设计。学会使用动态面板进行登录表单的验证，当用户输入用户名和密码的时候，将错误的提示信息放在动态面板里，根据不同的条件显示不同的提示信息。学会母版制作的2种方式以及3种拖放行为，可以把网站的导航菜单这样其他的页面都会使用的布局制作成母版，这样一次制作，其他页面可以直接使用，不需要进行重复制作。学会进行倒计时交互效果设计以及海报轮播效果设计。学会进行搜索区域导航悬浮效果以及图片放大缩小效果制作。学会利用Axure软件制作网站的高保真原型设计。课时安排本章安排理论1学时主要教学内容一、需求描述二、设计思路三、准备工作四、设计流程4.1网站注册表单布局设计4.2网站注册表单校验4.3倒计时交互设计4.4网站登录布局与交互设计4.5导航菜单母版设计4.6首页海报轮播效果制作4.7首页搜索区域导航悬浮效果设计4.8首页图片放大缩小效果制作第10章制作支付宝低保真原型学习目标学会使