产品经理面试：Axure原型11-20题及答案（一般不会超纲）

亲爱的小伙伴如有帮助请订阅专栏跟着老师每课一练系统学习Axure交互设计课程Axure原型设计精品课https://edu.csdn.net/course/detail/40420产品需求分析训练https://edu.csdn.net/course/detail/40465目录第十一题设计一个“侧边栏菜单”要求鼠标悬停展开移出收起且有平滑动画。第十二题模拟“下拉刷新”交互在移动原型中向下拖动列表后松开出现加载动画并新增数据。第十三题如何实现“长按弹出菜单”Axure默认不支持长按请用事件组合模拟。第十四题当你需要制作一个包含100个列表项的重复原型时如何避免手动复制粘贴第十五题你被要求输出高保真原型但时间紧张。哪些元素可以“假交互”例如用多个状态模拟而不是动态逻辑请举例。第十六题如何为原型添加版本说明和更新日志以便开发人员知道哪些部分已变更第十七题请列出至少5个Axure快捷键并说明每个的使用场景。第十八题如果有三个按钮白底黑字如何实现点击任何一个按钮实现选中效果蓝底白字其他两个按钮如果有选中变为非选中。第十九题页面中存在400*400的矩形如果实现这个区域内拖入动态面板面板里的内容为800*400如何实现长页面的垂直滚动效果第二十题页面中存在下拉列表、文本框、按钮如何实现点击按钮将下拉列表的被选项赋值给文本框以下为题目答案可先看上边题目试着做一下不行在参考下边答案。第十一题设计一个“侧边栏菜单”要求鼠标悬停展开移出收起且有平滑动画。请描述Axure中如何实现动画时长和缓动。参考答案1. 画一个窄的竖条作为“触发器”旁边放一个宽菜单面板初始隐藏或宽度0。2. 将菜单面板设置为动态面板宽度为200px。3. 为触发器添加“鼠标移入”事件设置动态面板的宽度为200px动画线性时长300ms。4. 为触发器添加“鼠标移出”事件设置动态面板的宽度为0或隐藏动画同样300ms。5. 如果菜单面板内有按钮需注意鼠标移出触发器但移入菜单时不应收起。可给菜单面板也添加“鼠标移入”事件取消收起移出菜单且移出触发器时再收起使用“等待”和条件判断避免闪烁。6. 动画缓动Axure支持“线性”“缓进”“缓出”等可在动画效果下拉框选择。第十二题模拟“下拉刷新”交互在移动原型中向下拖动列表后松开出现加载动画并新增数据。请说明核心逻辑。参考答案1. 用一个动态面板作为列表容器内部放中继器或多个项目。2. 为动态面板添加“拖动”事件记录拖动的Y轴偏移量。3. 当向下拖动超过阈值如50px时显示“刷新中”提示一个文本或动效。4. 在“拖动结束”事件中判断如果满足刷新条件则设置列表回位动态面板回到原始Y坐标动画平滑。显示加载动画如旋转图标等待1秒使用“等待”事件。隐藏加载动画向中继器添加新数据使用“新增行”动作。更新最后刷新时间文本。5. 注意防止重复刷新用全局变量标记是否正在刷新。第十三题如何实现“长按弹出菜单”Axure默认不支持长按请用事件组合模拟。参考答案1. 为需要长按的元件添加“鼠标按下”事件记录当前时间戳到全局变量 pressTime。2. 添加“鼠标松开”事件计算当前时间减去 pressTime如果大于500毫秒则触发长按动作如显示菜单。3. 为避免短按也触发在“鼠标松开”中还需判断若短按500ms则不做任何事。4. 同时可在“鼠标按下”后启动一个等待500ms的触发器如果500ms内没有松开则直接显示菜单。这种方法更精确。5. 注意长按时应阻止浏览器的默认右键菜单在Axure预览中可能无法完全模拟但逻辑正确。第十四题当你需要制作一个包含100个列表项的重复原型时如何避免手动复制粘贴至少给出两种高效方法参考答案方法一使用中继器创建中继器设置数据集可在Axure内编辑或导入Excel。中继器会自动根据数据行数生成重复项每项样式相同。优点修改样式一次所有项同步支持增删改查。方法二使用母版复制创建一个列表项母版然后在页面中多次拖入母版实例。虽然需要拖100次但比手动画100个元件快且修改母版即可全部更新。方法三使用Axure的“重复”功能选中一个列表项按CtrlD复制并自动排列需设置网格对齐。可配合“粘贴时保持位置”快速生成多行。第十五题你被要求输出高保真原型但时间紧张。哪些元素可以“假交互”例如用多个状态模拟而不是动态逻辑请举例。参考答案假交互示例1. 悬停效果直接用多个状态鼠标移入时切换图片/样式而不是写条件逻辑。2. 下拉菜单做一个动态面板两个状态显示/隐藏点击时切换不处理选中后的数据传递。3. 轮播图只做手动点击切换不做自动循环和动态加载。4. 表单校验不写实时校验只在点击提交时弹窗提示“演示效果”。5. 页面跳转直接用“打开链接”跳转到做好的静态页面而不是动态内容。6. 输入框联想不做真实数据源直接做一个静态的下拉选项。原则对于非核心交互、或评审时不需要验证逻辑的部分用静态状态模拟即可节省时间。第十六题如何为原型添加版本说明和更新日志以便开发人员知道哪些部分已变更参考答案1. 新建一个页面命名为“更新日志”或“Version History”。2. 在该页面中记录版本号、日期、变更内容新增/修改/删除的功能或页面、负责人。3. 使用标注在具体页面的变更元件上添加“注释”右键→添加注释说明变更点。4. 生成变更报告Axure Cloud支持版本对比可以在线查看两个版本之间的差异。5. 流程图如果修改了流程更新流程图并用颜色高亮变更步骤。6. 邮件/沟通每次更新原型后在团队群发送更新日志截图并开发人员。第十七题请列出至少5个Axure快捷键并说明每个的使用场景。参考答案1. CtrlG将选中的多个元件组合Group。用于管理复杂布局。2. CtrlShiftG取消组合。3. CtrlD复制并粘贴选中的元件原地复制。用于快速创建多个相似元件。4. Ctrl左键在多个元件重叠时循环选择下一层元件。用于选中被遮挡的元件。5. F5预览当前页面HTML。快速查看效果。6. F8生成全部HTML文件。用于输出原型。7. CtrlShift上下箭头将选中元件上移一层或下移一层。调整图层顺序。8. Alt拖动快速复制元件拖拽时复制。效率高。以上任选5个即可第十八题如果有三个按钮白底黑字如何实现点击任何一个按钮实现选中效果蓝底白字其他两个按钮如果有选中变为非选中。答案核心在于使用“选项组”功能而非单纯编写复杂的交互逻辑。设置交互样式1、选中三个按钮在右侧“交互”面板中点击“新建交互样式”勾选“选中”。2、设置“选中”状态下的样式填充颜色为蓝色字体颜色为白色。创建选项组1、同时选中这三个按钮。2、右键点击任意一个按钮选择“设为选项组”或在属性面板中找到“选项组”设置。3、将它们归入同一个组例如命名为“TabGroup”。添加交互动作1、分别为每个按钮添加“单击时”交互。2、添加动作“设置选中”。配置目标选择“当前元件”This。配置状态选择“切换”或“真”。原理说明由于三个按钮在同一个“选项组”中当其中一个被设置为“真”选中时Axure会自动将组内其他元件的选中状态设为“假”从而实现互斥的高亮切换。第十九题页面中存在400*400的矩形如果实现这个区域内拖入动态面板面板里的内容为800*400如何实现长页面的垂直滚动效果答案这需要利用动态面板的“剪裁”属性和“滚动条”设置。构建容器外层动态面板1、创建一个动态面板命名为“滚动容器”。2、在“属性”面板中将其宽高设置为400*400。关键步骤在“属性”面板中勾选“剪裁”。这能确保超出400*400的内容被隐藏不会溢出。构建内容内层动态面板1、在“滚动容器”的状态State 1内部放入另一个动态面板命名为“长内容面板”。2、将“长内容面板”的宽高设置为800*400高度大于容器。3、在“长内容面板”中填充实际内容如长文本、图片等。设置滚动属性选中内部的“长内容面板”。1、在右侧“属性”面板中找到“滚动”或“溢出”选项。2、将其设置为“垂直滚动条”或“根据需要显示滚动条”。效果预览时外层容器固定大小并剪裁内容内层面板因高度超出会自动在右侧显示滚动条用户可在此区域内滚动查看800px高度的内容。第二十题页面中存在下拉列表、文本框、按钮如何实现点击按钮将下拉列表的被选项赋值给文本框答案这考察的是“设置文本”动作与“元件属性函数”的结合使用。准备元件1、放置一个下拉列表命名为Dropdown_1添加若干选项。2、放置一个文本框命名为TextField_1设为可编辑。3、放置一个按钮命名为Btn_Confirm文字为“赋值”。编写交互逻辑1、选中“按钮”添加“单击时”交互。2、添加动作“设置文本”。配置目标选择文本框TextField_1。配置值点击“fx”编辑按钮输入表达式 [[LVAR1]]或直接选择“部件” - Dropdown_1 - selectedLabel / selectedValue。表达式说明1、若需获取下拉框显示的文字使用 [[Dropdown_1.selectedLabel]]。2、若需获取下拉框绑定的值使用 [[Dropdown_1.selectedValue]]。优化体验可选可以在赋值后添加一个“隐藏”或“禁用”下拉列表的动作或者弹出提示“赋值成功”。原理通过按钮点击事件触发读取下拉列表的当前选中属性并将其作为字符串写入文本框的文本属性中。其他专栏直通车《Axure疑难杂症专题》https://blog.csdn.net/benleiqiang/category_12961170.html《Axure应用交互设计》https://blog.csdn.net/benleiqiang/category_12803093.html《Axure原型设计精品课》https://edu.csdn.net/course/detail/40420如有其他相关问题欢迎私信沟通关注结构化知识课堂-CSDN博客明天的产品大咖就是你创作不易麻烦关注一下点赞收藏感谢大家