AxureRP9原型设计实战案例教程（App与Web）试题及答案

教学检测一一、单项选择题（每小题4分，共5题，共20分）1.AxureRP9中，默认内置的线框图元件库不包括以下哪类？（）A.基本元件B.表单元件C.图标元件D.图表元件2.以下哪种拖放行为会使页面引用的母版与原母版失去联系，可像普通元件编辑？（）A.任何位置B.锁定到母版中的位置C.从母版脱离D.自适应位置3.制作图片轮播效果时，核心依赖的元件是（）A.中继器B.动态面板C.热区D.母版4.以下哪类函数可用于获取当前页面名称？（）A.元件函数B.页面函数C.窗口函数D.日期函数5.中继器的数据集操作中，用于动态添加数据的动作是（）A.标记行B.更新行C.添加行D.筛选行二、多项选择题（每小题10分，共3题，共30分）1.以下属于AxureRP9母版功能特点的有（）A.一次制作多次复用B.修改母版可同步更新引用页面C.支持三种拖放行为D.可转换为普通元件2.原型设计流程包含的关键步骤有（）A.需求分析B.页面架构设计C.低保真原型设计D.原型评审E.高保真原型设计3.以下可实现页面间数据传递的方式有（）A.全局变量B.局部变量C.元件文字赋值D.中继器数据集三、判断题（每小题2分，共5题，共10分）1.动态面板至少需要包含一种状态才能正常使用。（）2.局部变量可在所有页面中调用和修改。（）3.中继器的交替颜色效果需要将填充不透明性设置为0%才能正常显示。（）4.热区元件不可见，但可添加交互事件。（）5.AxureRP9的格式刷功能可通过快捷键Ctrl+Alt+V实现格式复制。（）四、填空题（每小题5分，共4题，共20分）1.软件原型分为草图原型、__________和高保真原型三类。2.动态面板的常用功能包括显示与隐藏、调整大小以适合内容、滚动栏设置、__________、100%宽度等。3.AxureRP9中，页面的触发事件包括页面载入时、窗口尺寸改变时和__________。4.中继器的项目交互事件包括载入时、每项加载时和__________。五、简答题（每小题5分，共2题，共10分）1.简述AxureRP9中动态面板的核心作用及典型应用场景。2.说明母版的三种拖放行为及其适用场景。六、实操题（每小题10分，共1题，共10分）1.利用AxureRP9制作一个简单的登录页面低保真原型，要求包含用户名输入框、密码输入框（密码类型）、登录按钮，且点击登录按钮后跳转到首页。

教学检测二一、单项选择题（每小题5分，共4题，共20分）1.以下哪种元件可用于实现表格数据的动态展示与管理？（）A.动态面板B.中继器C.表格元件D.内联框架2.AxureRP9中，全局变量的设置路径是（）A.视图→全局变量B.项目→全局变量C.编辑→全局变量D.发布→全局变量3.以下哪种交互动作可实现页面滚动到指定元件位置？（）A.滚动到元件B.移动元件C.打开链接D.设置面板状态4.母版的添加到页面操作中，不能设置的是（）A.引用页面范围B.母版位置C.母版透明度D.是否置于底层二、多项选择题（每小题10分，共3题，共30分）1.以下属于AxureRP9函数分类的有（）A.元件函数B.页面函数C.数学函数D.逻辑函数E.日期函数2.表单验证可实现的校验逻辑有（）A.密码长度校验B.两次密码一致性校验C.用户名非空校验D.邮箱格式校验3.高保真原型设计前的准备工作包括（）A.收集界面相关图片B.确定页面布局结构C.设计交互逻辑D.准备切图资源三、判断题（每小题2分，共5题，共10分）1.内联框架元件可引用本地PDF文件和Office文件。（）2.动态面板的状态改变时事件可触发其他元件的显示隐藏。（）3.单选按钮必须指定选项组才能实现单选效果。（）4.中继器的分页显示功能仅可通过样式面板设置，不可通过交互动作修改。（）5.AxureRP9支持导入外部元件库（.rplib格式）。（）四、填空题（每小题4分，共5题，共20分）1.流程图元件中，__________用于表示流程的开始和结束。2.AxureRP9的格式刷功能可复制元件的__________和公共交互部分。3.页面架构设计中，常用__________软件理清产品功能模块和逻辑关系。4.动态面板的滚动栏设置包括从不滚动、按需滚动、__________和水平滚动四种方式。5.制作倒计时交互效果时，需使用__________变量存储倒计时时长，配合页面载入时事件实现计时。五、简单题（每小题5分，共2题，共10分）1.简述中继器的核心组成及典型应用场景。2.说明AxureRP9中变量的分类及各自的作用范围。六、实操题（每小题10分，共1题，共10分）1.利用中继器制作员工信息管理表，要求包含员工编号、姓名、部门、职务字段，实现新增员工（输入姓名、部门、职务后添加）、删除选中员工（勾选复选框后点击删除按钮）功能。

教学检测一标准答案及评分标准一、单项选择题（每小题4分，计20分）1.D2.C3.B4.B5.C二、多项选择题（每小题10分，计30分）1.ABC2.ABCDE3.AC三、判断题（每小题2分，计10分）1.√2.×3.√4.√5.√四、填空题（每小题5分，计20分）1.低保真原型2.固定到浏览器3.窗口滚动时4.项目调整尺寸时五、简单题（每小题5分，计10分）1.答案：核心作用：动态面板是容纳多状态的容器，仅显示当前激活状态，可实现动态切换、显示隐藏、滚动、固定等交互效果。典型应用场景：图片轮播、登录方式切换、二级菜单显示隐藏、页面内容滚动、弹窗交互等。2.答案：（1）任何位置：母版可在引用页面自由移动，修改母版同步更新所有引用页面，适用于需灵活调整位置的共用元素（如广告横幅）；（2）锁定到母版中的位置：母版固定在页面底层且不可移动，修改母版同步更新，适用于页面布局底板、固定导航；（3）从母版脱离：引用母版与原母版解除关联，变为普通元件可独立编辑，适用于需局部自定义的共用元素（如部分页面需修改的导航菜单）。六、实操题（每小题10分，计10分）1.答案步骤：（1）新建工程，拖曳矩形元件作为登录区域边框（宽度300，高度200）；（2）添加文本标签“用户名”“密码”（字号14号）；（3）添加两个文本框，用户名文本框设置提示文字“请输入用户名”，密码文本框设置输入类型为“密码”，提示文字“请输入密码”；（4）添加按钮元件，文本内容“登录”（宽度100，高度30）；（5）新建“首页”页面，为登录按钮添加“单击时”事件，设置“打开链接”动作，选择“首页”页面，打开方式为“当前窗口”。

教学检测二标准答案及评分标准一、单项选择题（每小题5分，计20分）1.B2.B3.A4.C二、多项选择题（每小题10分，计30分）1.ABCE2.ABCD3.ABCD三、判断题（每小题2分，计10分）1.×2.√3.√4.×5.√四、填空题（每小题4分，计20分）1.圆角矩形2.样式3.思维导图4.垂直滚动5.全局五、简单题（每小题5分，计10分）1.答案：核心组成：（1）数据集：存储结构化数据的表格，包含多行多列；（2）项目交互：控制数据与原型元件的绑定和动作执行；（3）样式设置：控制布局、背景、分页等显示效果。典型应用场景：商品列表展示、员工信息管理、数据筛选与排序、分页数据展示等。2.答案：分类及作用范围：（1）全局变量：作用于所有页面，可在任意页面读取和修改，适用于跨页面数据传递（如用户名、登录状态）；（2）局部变量：仅作用于当前触发事件的动作中，不可跨事件或页面调用，适用于临时数据处理（如局部计算、文本赋值）。六、实操题（每小题10分，计10分）1.答案步骤：（1）拖曳中继器元件（命名“员工信息中继器”），双击进入编辑模式，添加数据集列：员工编号、姓名、部门、职务，默认添加几条测试数据；（2）设计中继器项：添加表格元件（4列），第一列添加复选框（命名“行复选框”），其余列添加文本标签，分别绑定数据集的员工编号、姓名、部门、职务字段；（3）添加新增区域：文本标签“姓名”“部门”“职务”，文本框（命名“新增姓名”“新增部门”“新增职务”），按钮“新增”；（4）为“新增”按钮添加“单击时”事件：设置“添加行”动作，为中继器添加新行，员工编号自动生成（如中继器数据条数+1），姓名、部门、职务取值自新增文本框；（5）添加“删除”按钮，为“行复选框”添加“选中时”事件：标记当前行；“取消选中时”事件：取消标记当前行；（6）为“删除”按钮添加“单击时”事件：设置“删除行”动作，删除中继器中已标记的行。

第一章初识AxureRP9一、简答题：1.什么是软件原型？软件原型可以理解成软件的Demo（示范），它并不是一个可以最终使用的软件，而是通过某种物品（比如纸笔）或者某种工具（比如Axure）快速地勾勒出软件的大致结构，并添加一些交互效果，实现的模拟软件功能操作的范例。2.草图原型、低保真原型以及高保真原型有哪些优缺点？草图原型：缺点：产品经理或者设计师们在白板上制作的草图，他人难以理解其设计意图，因此与其他成员在沟通上存在障碍。优点：可以简单、快捷地描述出产品大概需求，记录瞬间的灵感。这样的原型适用于小项目、工期短、用户需求少的产品。低保真原型：缺点：美观上和交互效果上比较欠缺。优点：能够快速构建产品大致结构，提供基本交互效果，是一个团队成员间有效的沟通方式。高保真原型：缺点：需要投入大量的精力和时间。优点：可以模拟出真实软件的界面以及交互效果。3.Axure软件界面上的6个区域以及它们的含义和功能？软件界面大致可以分为6个区域，分别为菜单栏区域、工具栏区域、页面与概要区域、元件与母版区域、工作区域和检视区域。菜单栏区域包括文件、编辑、视图、项目、布局、发布、团队、账号、帮助9个菜单项，提供软件的一些常规操作和功能。工具栏是使用频率最高的快捷工具，在原型设计过程中经常会用到快捷操作，理解工具栏的功能并掌握它的使用，可以提高原型制作的效率。工具栏区域分为基本工具栏和样式工具栏，同时提供自定义工具栏功能。页面与概要区域包含两部分内容，一部分用来显示软件页面的区域，从这里可以了解到软件的大致结构，有哪些页面，以及页面之间的关系。页面区域采用树状结构来显示页面，以Page1页为树的根节点，可以通过对页面进行增加、移动、删除等操作来管理软件原型的页面；另一部分是概要区域，它是用来管理页面上使用的元件，可以查看页面上使用了哪些元件并管理元件，比如可以管理动态面板，进行增加动态面板、移动动态面板以及删除动态面板等管理元件的操作。元件区域为制作原型提供的一些基础元件，AxureRP9原型设计工具默认线框图元件库、流程图元件库和图标元件库。母版区域用来设计一些共用、复用的区域，例如网站尾部版权区域，可能每个页面都会用到版权信息；也可以用来设计导航菜单、特别是移动App的底部标签导航。在母版区域进行一次设计，在其他页面可以直接引用该设计，从而达到共用、复用的效果。工作区域是用来绘制原型的画布，在该区域里可以完成原型的设计，就像画画时用的画纸，在画纸上可以随意发挥，工作区域就是绘制原型的画纸。检视区域用于设计页面或者元件的样式、交互效果及说明。4.什么是页面区域？页面区域由两部分组成，一部分是对页面的一些操作按钮，页面区域提供3个操作按钮，页面右键选项里提供更多操作按钮，称之为功能菜单；另一部分是页面，呈现树状结构，其与Windows系统文件存放目录结构相一致，通过父与子的页面关系，兄弟和兄弟的页面关系，把设计的产品页面关系整合起来，形成产品的文档关系。5.页面区域的意义是什么？（1）页面区域可以用来规划软件的功能单元或者软件的结构。（2）页面区域可以让使用者快速地了解软件的结构。（3）页面区域方便使用者快速地找到想要的页面。二、实操题:1.导入一个RP文件到工程里。2.通过设置将原型设计软件界面某些区域隐藏起来，比如把母版区域或者其他区域隐藏起来。3.拖曳一个矩形元件到工作区域，将矩形元件背景色填充为灰色（#666666），文本内容命名为“我是矩形元件”，字号设置为红色字体，顶部对齐，边框颜色设置为黄色（#FFFF00），边框线框加粗。4.通过页面区域规划“清华大学门户”网站栏目。5.导航菜单包括首页、清华新闻、学校概况（校长致辞、学校沿革、历任领导、现任领导、组织机构、统计资料）、院系设置、师资队伍、教育教学（本科生教育、研究生教育、留学生教育、继续教育）、科学研究（科研项目、科研机构、科研合作、科研成果与知识产权、学术交流）、招生就业（本科生招生、研究生招生、留学生招生、学生职业发展）、人才招聘（招聘计划、招聘信息、我要应聘）、图书馆、走进清华（校园生活、校园风光、实用信息）。注意：括号里的是当前菜单的二级菜单。

第二章用Axure元件搭积木一、简答题：1.矩形元件和占位符元件、椭圆形元件如何使用？矩形元件和占位符元件可以用来做很多工作，在本质上这两种元件没有太大的区别，这两种元件都可以用来制作一个横向、纵向的菜单，或者制作一个背景图。这两种元件的区别在于占位符元件更强调占位作用，如果想表达页面区域某个位置放什么，可以放一个占位符，清晰明了表达该区域的含义。椭圆形元件的使用和矩形元件的使用方式一样，只不过形状不同。2.图片元件如何使用？图片元件，可以用来进行图片占位。在设计软件原型的时候，往往会包含一些图片的展示，包括图标或者某个商品图片，但是还没有想好应该放什么图片，或者等待UI设计人员来设计图片，这时可以使用图片元件，来表达在软件的某个区域要使用图片来显示。低保真原型：缺点：美观上和交互效果上比较欠缺。优点：能够快速构建产品大致结构，提供基本交互效果，是一个团队成员间有效的沟通方式。3.标题元件如何使用？标题元件可以用来作为一段文字的标题，也可以用来作为某个区域的说明文字，一般设计简历的时候，常把个人信息、教育经历、工作经验这类文字加粗起强调作用，这时就可以使用标题元件。4.按钮元件如何使用？按钮元件分为按钮元件、主要按钮元件以及链接按钮元件，根据需求在不同场合使用不同按钮元件。5.表单元件如何使用？表单元件是在设计表单时候经常会用到的元件，比如设计登录表单、注册表单等表单，就可以使用表单型元件来设计表单。表单型元件包括文本框元件、文本域元件、下拉列表元件、列表框元件、复选框元件、单选按钮元件。二、实操题:1.使用图形、图像元件制作中国结标志设计，效果图如图所示。2.个人简历表除了个人信息模块内容，还有教育经历、工作经验等模块内容，通过使用Axure元件库，绘制教育经历、工作经验表单内容，如图所示。

第三章母版及流程图一、简答题：1.快照引用页面有几种方法？双击页面中的快照元件：在打开的【引用页面】对话框中选择要引用的页面。右击页面中的快照元件：右击页面中的快照元件，从弹出的快捷菜单中执行【引用页面或者母版】命令。通过【属性】子面板添加引用页面：选择页面上的快照元件后，在【检视】→【属性】子面板的“快照”参数栏中单击“添加引用页面”。2.母版有什么功能？Axure的母版能够重复制作原型某个类似的功能，实现母版制作一次，其他页面进行复用的效果。3.制作母版的方式有哪些？有两种方式，一种是将元件转换为母版，另一种是通过母版区域新建母版。4.母版有哪些拖放行为？版有3种拖放行为：任何位置、锁定到母版中的位置、从母版脱离。页面使用母版时，根据不同的拖放行为来选择母版使用哪种拖放行为。5.编辑元件的连接锚点有几种操作？编辑元件的连接锚点主要包括移动、添加和删除三项操作。二、实操题:1.完成程序工作流程图设计效果图如图所示。2.完成百度门户导航菜单母版设计，效果图如图所示。

第四章文字处理及样式应用一、简答题：1.添加文本的方法有几种？添加文本的方法归纳起来有4种。双击元件输入文本，直接选择元件输入文本，右击元件输入文本，从外部程序复制文本。2.适合文本大小指的是什么？适合文本大小是指文本框架的宽度或者高度与框架内文本的宽度或者高度大小匹配。可以双击文本框架边缘的控制点快速实现框架适合文本的操作。3.AxureRP创建表格的方法有哪些？使用表格元件：在默认的【元件库】面板中，可以从【菜单和表格】元件库中找到表格的图标。将表格元件拖曳到页面中，会得到一个三行三列的表格。使用特殊粘贴命令：AxureRP支持从金山WPS办公软件、微软Office办公软件复制表格数据。4.如何选择整个表格？选择整个表格的正确方法是：单击表格线，当表格周围出现8个小方格（控制点）时，就表示选择了整个表格，此时再按【Delete】键删除的就是整个表格了。5.AxureRP如何使用格式刷？不同于Axure8的格式刷，选择某个元件，按下Ctrl+C复制按钮或快捷键，然后选中另一个元件按下Ctrl+Alt+V即可将前一个元件的格式及公共交互部分复制并粘贴到后一个元件上，这就是AxureRP9的神秘格式刷。二、实操题:1.通过本案例的学习，完成百度首页文字排版，巩固设置文本框的样式，如字体、字号、颜色等，效果图如图所示。

第五章用动态面板制作动态效果一、简答题：1.动态面板的常用功能有哪些？动态面板有8个常用的功能：动态面板的显示与隐藏效果、动态面板的调整大小以适合内容、动态面板的滚动栏设置、动态面板的固定到浏览器、100%宽度、从动态面板脱离、转换为母版、转换为动态面板，这些常用功能是制作原型过程中不可缺少的8个功能。2.什么是100%宽度？100%宽度，当设置的状态内容超出动态面板显示的区域，超出的内容将不会被显示出来，但是当设置100%宽度时，超出的内容也会被显示出来。3.什么是从动态面板脱离？从动态面板脱离，是将动态面板的状态内容变为普通的元件，同时此状态会在动态面板里消失。4.动态面板的事件有哪些？动态面板的事件包含普通的鼠标事件、键盘事件、滑动事件，以及动态面板自身特别事件。二、实操题:1.完成京东商城或者其他主流电商网站首页图片轮播效果，加强练习，熟练掌握动态面板的基本操作，如图所示。2.完成京东商城注册表单页签切换效果，实现个人用户与企业用户两个页签可以相互切换，动态地显示页面内容，页面效果如图。

第六章事件、行为与动作一、简答题：1.打开链接的有几种方法？当前窗口打开链接新窗口打开链接弹出窗口打开链接父窗口打开链接2.电脑、平板、手机的显示侧重点？电脑：可以全面考虑所有内容，然后渐进地为更小的屏幕设计。平板：为用户使用平板而设计。手机：为更小的屏幕设计，能够确保为智能手机用户设计关键功能和内容，并考虑到更小屏幕和一些不可预知的网络连接问题。3.设置文本和设置图片通常用于？设置文本行为一般可以应用于便签元件、标题元件、矩形元件等元件，有文本内容的元件都可以为其设置文本行为；设置图片行为是针对图片元件的。4.设置选中用于？设置选中行为常用于单选按钮元件和复选框按钮元件的选中与未选中以及选中和未选中状态的切换。5.移动/旋转和置于顶层/底层用于？移动行为可以设置元件移动的相对位置以及绝对位置，动画效果和移动的时间，其经常用于制作导航菜单的时候，移动菜单选中的背景；旋转行为用于调整元件的角度，可以自行定义元件的角度；置于顶层/底层行为可以控制元件上下关系，设置元件处于在顶层或者底层，以达到元件的显示效果。二、实操题:1.通过继续完善二十大官网，增加中间板块内容，并设置返回顶部操作，来学习滚动到元件功能，如图所示。2.很多同学喜欢玩的连连看游戏，也是通过对元件的多个行为和事件的组合，请同学完成简单的连连看效果，如图所示。具体要求如下：（1） 鼠标悬停可以查看图片背面效果，鼠标离开则恢复默认状态；（2） 鼠标单击则可以一直显示背面效果；（3） 选择相同图案即可配对消失

第七章变量与函数一、简答题：1.简述全局变量，局部变量和变量设置规则全局变量：在所有页面里都可以使用，但是全局变量的值也很容易被修改掉，因为所有页面都可以使用全局变量，也就有权限修改全局变量值，所以在使用的过程中需要注意。局部变量：只供某个局部区域使用，比如在某个触发事件的某个动作中使用，其他触发事件就不可以使用此变量。变量设置规则：变量名必须是字母或者是数字，并以字母开头，需要少于25个字符，且不能包含空格，Axure会默认初始化一个“OnLoadVariable”变量。2.简述16个原件函数函数名称说明This获取当前元件对象，当前元件指添加事件的元件Target获取目标元件对象，目标元件指添加动作的元件x获得元件对象的X坐标y获得元件对象的X坐标width获得元件对象的宽度height获得元件对象的高度scrollX获取元件对象水平移动的距离scrollY获取元件对象垂直移动的距离text获取元件对象的文字name获取元件对象的名称top获取元件对象顶部边界的坐标值left获取元件对象左边界的坐标值right获取元件对象右边界的坐标值度bottom获取元件对象底部边界的坐标值opacity获取元件对象的旋转角度rotation获取元件对象的旋转角度3.简述页面函数与窗口函数页面函数：函数名称说明PageName获取当前页面的名称窗口函数函数名称说明Window.width获取浏览器的当前宽度Window.height获取浏览器的当前高度Window.scrollX获取浏览器的水平滚动距离Window.scrollY获取浏览器的垂直滚动距离4.简述鼠标指针函数函数名称说明Cursor.x获取鼠标当前位置的X轴坐标Cursor.y获取鼠标当前位置的Y轴坐标DragX整个拖动过程中，鼠标指针在水平方向上移动的距离DragY整个拖动过程中，鼠标指针在水平方向上移动的距离TotalDragX整个拖动过程中，鼠标指针在水平方向上移动的距离TotalDragY整个拖动过程中，鼠标指针在垂直方向上移动的距离DragTime鼠标拖动操作的总时长。从鼠标按下左键到释放左键的总时长，中间过程中，如果未移动鼠标位置，也计算时长。5.简述数字函数函数名称说明toExponential(decimalPoints)对象的值转换为指数计数法。decimalPoints为小数点后保留的小数位数toFixed(decimalPoints)将一个数字转换为保留指定小数位数的数字，超出的后面小数位将自动进行四舍五入。decimalPoints为小数点后保留的小数位数toPrecision(length)将数字格式化为指定的长度，小数点不计算长度，length为指定的长度二、实操题:1.简易计算器目前只能完成整数的加减乘除操作，并且数字按钮只能使用1或者2，请完成以下内容。（1）按照数字1的方式给其他数字按钮添加鼠标单击时触发事件。（2）给点号按钮添加鼠标单击时触发事件，使计算器既能实现整数的加减乘除操作，也能实现小数的加减乘除操作。（3）思考退格、清屏、全清交互逻辑2.利用日期函数完成电商网站双十一倒计时效果，如同所示。

第八章中继器一、简答题：1.什么是中继器？“中继器”元件是AxureRP9中的一款高级元件，是一个存放数据集的容器。通常使用中继器来显示商品列表、联系人信息列表和数据表等。2.什么是项目交互？项目交互主要用来将数据集中的数据传递到原型中的元件并显示出来；或者根据数据集中的数据执行相应的动作。3.中继器的添加和删除一共包含了几种动作？添加行：使用“添加行”动作可以动态地添加数据到中继器数据集。标记行：“标记行”的意思就是选择想要编辑的指定行。取消标记行：“取消标记行”动作可以用来取消选择项。使用此动作可以取消标记当前行、取消标记全部行，或者按规则取消标记行。更新行：使用“更新行”动作，可以动态地将值插入到已选择的中继器项中，可以更新已标记的行，也可以使用规则更新行。比如，首先使用“标记行”动作选中任意一款或多款商品，再使用“更新行”动作将选中商品的销量、价格和评价进行更新。删除行：如果已经对中继器数据集中的项进行了标记行，则可以使用“删除行”动作删除已经被标记的行了。另外，还可以按照规则删除行。4.如何正确显示背景交替效果？要想正确显示背景交替效果，需要将双击进入中继器编辑模式，修改“填充”不透明性为0%。否则将不能显示交替效果。5.项目交互有几个触发按