Axure RP9原型设计工具使用记录：实际应用及问题记录

已于 2024-02-05 10:29:53 修改
阅读量1.8k 收藏 27
点赞数 26
分类专栏： # Axure RP9 文章标签： axure 动态菜单 下拉框联动 单选框切换
于 2024-02-04 16:57:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36434219/article/details/136009475
版权
本文介绍了在AxureRP9中进行实际应用，包括快速定位00坐标、创建动态菜单实现折叠效果、下拉框联动以及单选框的使用。还记录了解决菜单显示问题和处理复杂页面层级的方法。
摘要由CSDN通过智能技术生成

Axure RP9使用记录二

🔼上一集：Axure RP9原型设计工具使用记录：基础操作

📚第三章 实际应用

今天就以去年写的一个系统为例吧：2023五一赶制个人系统：基于SpringBoot+MyBatisPlus+Vue+ElementUI前后端分离
在这里插入图片描述

📗快速归位00坐标

页面缩放后，可以通过Ctrl+9快速回到00坐标
在这里插入图片描述

📗动态菜单

📕 效果
点击展开，再点击收缩,具体效果如下
在这里插入图片描述
📕 实现步骤

  • 📘画出所有菜单：这里画了三级菜单，菜单之间无缝衔接，可以通过Y坐标增减微调
    在这里插入图片描述
  • 📘菜单按照曾经划分组合：比如杂技列表、杂技详情是一个组合，属于杂技管理，一集菜单韧小钊下面的所有菜单也应该是一个组合，全部隶属与韧小钊
    在这里插入图片描述
  • 📘一级菜单韧小钊添加交互事件：通过显示隐藏的切换效果、实现点击显示、再点击隐藏
    在这里插入图片描述
    在这里插入图片描述
  • 📘如法炮制所有菜单：添加单击事件显示隐藏切换效果
    在这里插入图片描述
  • 菜单添加样式，美化一下：填充颜色呀、鼠标悬浮效果呀
    在这里插入图片描述
    展开收缩图标可以通过旋转实现
    在这里插入图片描述
    在这里插入图片描述

📗填充图片

在这里插入图片描述
在这里插入图片描述

📗下拉框联动

📕 效果
左边设置一个动态面板，右边点击菜单时，设置对应的面板状态，昨天分享过，这里以杂记详情为例，选择名著之后，对应的人物下拉框内容也要跟着改变，这里还是通过动态面板，人物设置动态面板，选择名著时，设置对应的人物面板状态
在这里插入图片描述
📕 实现
设置人物动态面板
在这里插入图片描述
设置名著选项改变时，选择对应的人物
在这里插入图片描述

  • 右键设置添加情形
    在这里插入图片描述
  • 添加条件
    在这里插入图片描述
    在这里插入图片描述
  • 当前选项是三国演义时候，设置三国人物面板状态
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

最终效果如下
在这里插入图片描述

📗单选框

📕 效果
单选框，实现每次只能选中一个的效果，只要把所有选项设置为一个组就行了
在这里插入图片描述
📕 实现
在这里插入图片描述
在这里插入图片描述
可以设置一下选中后的样式
在这里插入图片描述
在这里插入图片描述

📗全局变量

最开始使用过全局变量，后来又取消掉了，具体场景不记得了，简单记录下
在这里插入图片描述

  • 📘创建全局变量useVarDemo，默认值为0
    在这里插入图片描述
  • 📘性别为未知时，全局变量useVarDemo设置为1,同时把值赋给年龄对应的文本框（没啥意义，纯演示）
    在这里插入图片描述
    在这里插入图片描述

过了一夜又想起来了，嘿嘿，针对这种场景：比如页面选择了某个值，点击确定跳转页面，根据选择的值跳转不同的页面
在这里插入图片描述
步骤：
在这里插入图片描述
在这里插入图片描述

⁉️问题记录

❓问题一：菜单不显示

在这里插入图片描述

❗解决方式：调整菜单元件之间的间距

不知道是不是元件哪里重叠了还是怎么回事，调大间距就正常了
在这里插入图片描述
在这里插入图片描述

❓问题二：页面比较复杂、创建了很多层时，如何修改下层的元件

❗解决：切换到概要试图进行选择或者隐藏操作

在这里插入图片描述
在这里插入图片描述

❓其它

📗之前做一个动作，一直不生效，具体场景不记得了，最终解决就是把矩形元件换成按钮元件，然后就生效了。
📗axure rp 画了两个原型，如何直接把一个原型中的整个目录及页面拷贝到另一个原型
在这里插入图片描述

行吧，春节前应该就到这了，提前祝大家：在龙年里，如龙腾四海、气势如虹，事业飞黄腾达，生活幸福安康，行大运赚大钱，家庭和睦美满，吉祥如意常伴左右！龙年快乐，万事顺意，心想事成，岁岁平安！
在这里插入图片描述

韧小钊
关注
专栏目录
Axure RP 9.0
07-25
RP9安装包，原型画图工具，Axure RP是一款专业的快速原型设计工具
Axure RP 9 原型工具使用技巧.mp4
08-28
详细讲解 用Axure RP 9 原型工具设计MES系统的单据界面的全过程，细节很重要，以上是我培训本公司内部人员录制的视频。
Axure RP 9中文--打造卓越交互设计的必备工具
lx53mac的博客
03-29 473
首先，Axure RP 9提供了丰富的交互元素和交互效果，如按钮、表单、滑块、开关等，以及点击、滑动、缩放、旋转等效果，使得设计师可以快速创建出具有吸引力的原型，并创建出流畅的用户体验。其次，Axure RP 9的界面美观且易用，支持多人协作和版本控制，这使得团队成员之间可以方便地进行沟通和协作，共同推进项目的进展。总的来说，Axure RP 9以其丰富的交互设计功能、多人协作和版本控制特点、美观易用的界面、插件支持以及强大的自动标注功能，满足了设计师和产品经理的多种需求，是一款非常实用的原型设计软件。
Axure 9 保姆级使用教程
最新发布
WGzhuiri的博客
08-09 1194
大家好，我是大明同学。Axure是产品经理用来绘制原型的工具，在快速迭代快速发展的当下，原型能验证设计的概念，将现有的需求转化为具体可视方案，让团队成员可以更好的理解需求方案。这期内容先来熟悉一下Axure的操作界面。
Axure rp9入门图文教程——基操及介绍（看完就能上手，人人都是产品经理）
热门推荐
七加一i的博客
03-13 3万+
由于这几天参加绘制原型草图工作，被迫学习Axure，所以将这几天的学习成果梳理一下，分享给跟我类似努力学习 （被迫）的同学
Axure RP 9 产品设计入门
NilEra的博客
05-06 2839
使用单选框时，需要对单选框进行编组。编组方式：框选对应组的单选框，右键选择指定单选按钮的组，然后命名组名即可。自定义单选框操作步骤使用圆形绘制一个大圆以及一个小圆内部的小圆的线条和填充设置为透明右键添加交互样式，设置当选中时，内部小圆的填充和线条更改颜色，外部大圆线条更改颜色添加文字后进行编组，对于编组内容设置交互（和交互样式不同），在菜单栏的右侧，交互面板。
入门 Axure RP 9 | 原型设计基础教程
2301_79599164的博客
06-13 2210
选择正确的原型设计工具并非易事，Axure RP 9能够快速完成原型设计。原型设计是一种经过时间考验的方法，可以将你的设计快速放置在用户的设备并交到他们手中。替代Axure RP 9的原型设计工具即时设计是一个完全集成的协同设计工具，无需使用不同的设计工具。设计师可以在Axure RP 9即时设计中制作复杂的原型。
Axure RP9
qq_40850266的博客
12-14 541
RP9 1.原型图分类 a.线框图 低成本快速描绘，通过线段来描绘 b.高保真图 高度还原项目：90%静态页面+动态效果 c.需求文档（PRD/MRD） 很多业务逻辑说明，可以直接指导开发 2.认识Axure 2.1新建 2.2设置页面周围区域颜色 2.3标尺对齐 3.分页和事件 3.1热区 3.2给热区添加事件 3.3查看效果 4.动态面板 5.手风琴效果制作 1.新建页面 2.在空白区域添加一个大矩形框容器 3.向矩形框中继续拖拽矩形框作为菜单项目 4.要收起来的手风琴部分需要手
原型设计软件【AxureRP】快速原型设计工具
06-24
原型设计软件【AxureRP】快速原型设计工具原型设计软件【AxureRP】快速原型设计工具原型设计软件【AxureRP】快速原型设计工具原型设计软件【AxureRP】快速原型设计工具原型设计软件【AxureRP】快速原型设计工具原型...
AxureRP9项目原型.rar
03-31
Axure RP 9是一款强大的原型设计工具，专为产品经理、设计师和开发人员设计，用于快速创建交互式的产品原型。在“AxureRP9项目原型.rar”这个压缩包中，包含了丰富的资源，帮助用户高效地进行产品设计工作。 首先，...
Axure RP 9原型设计工具.rar
09-28
Axure RP 9原型设计工具
AxureRP9项目原型50套、案例20个、元件库1套
02-08
Axure RP9是一款广泛应用于产品设计和原型制作的工具，尤其在IT行业中，它被大量用于快速构建交互式原型，帮助设计师将想法转化为可操作的界面。本资源包含50套Axure RP9项目原型，这是一批丰富的设计实例，涵盖了...
Axure RP9使用指南
m0_72791534的博客
11-22 1万+
axure 9 常有的交互组件，掌握提到的这几种基本够用
Axure RP 9安装与使用
爱琳先生的博客
04-10 1万+
一、Axure RP 9的下载 ①官网下载地址（Mac&Window）：https://www.axure.com/release-history/rp9 ②安装包（包括汉化文件）提取：https://pan.baidu.com/s/1ybrtj8sZsk_xYot0-G94fw 提取码：1016 二、Axure RP 9的安装 运行我们的安装包“AxureRP-Setup-3731.exe”进行安装： ..
【Axure RP9】安装及使用
2201_75526942的博客
12-11 8005
【Axure RP9】安装及一些重要部分的详细使用
Axure RP 9中文---原型设计更高效 轻松上手原型设计
lx53mac的博客
04-19 420
其界面设计合理且易于使用，用户可以清晰地看到主菜单、工具栏、模块面板等，方便进行操作。该软件提供了丰富的交互功能和效果，如动态面板、变量、条件逻辑等，使用户能创建复杂的交互设计和原型。同时，它还支持多人协作，在团队开发和协作场景中非常有用。此外，Axure RP 9也支持用户测试，可以在原型上模拟用户操作进行测试和验证，有助于在开发过程中发现和解决问题。总之，Axure RP 9以其出色的交互设计能力和团队协作功能，大大提升了用户的办公效率，是数字产品开发不可或缺的得力工具。
【Axure RP9】的详细安装及Axure入门应用
m0_73192864的博客
12-11 6041
Axure的入门安装及Axure应用----超详细的Axure讲解! 感兴趣的小伙伴可以看看噢~
Axure RP9原型设计工具使用记录：基础操作
02-04 1501
Axure RP PC端原型绘制-基本操作
Axure RP 9(附授权码+安装教程)
余念
08-24 9373
软件介绍 Axure RP 9是一款由美国公司最新推出的交互能力强大、提供解决方案的高端产品原型设计工具，专业的效果图设计制作软件，能够实现快速原型设计。在功能上得到了一些改进和优化，拥有全新的硬件加速渲染引擎，全面的UI、新的设计和文档特征，设计了专为加速保存和加载而设计的文件结构。使其在现代主流硬件上明显更快，以及用于平滑缩放和更快编辑的简化画布，同时特别关注交互生成器，保留了Axure RP强大的交互能力。它可以让你在上面任意构建草图、框线图、流程图以及产品模型，还能够为您注释一些重要地方，可支持同
Axure RP快速原型设计工具详解
Axure RP Pro是美国Axure Software Solution公司的旗舰产品，是一个快速的原型工具，主要是针对负责定义需求、定义规格、设计功能、设计界面的专家，包括用户体验设计师（UX）、交互设计师（UI）、业务分析师（BA）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

韧小钊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值