《Axure9原型设计:动态面板实现页面增删改查模式弹窗效果》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强操作实例,交互产品,页面等多维度案例或实操来进行更多的学习;此教程是由ilovekgtmac在2021-08-26发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
Axure是一个专业的快速原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。针对Axure9,谈一谈动态面板如何实现页面增删改查模式弹窗效果。
1. 拖出动态页面,双击进入动态页面设计页面,增加相应的状态
比如增删改查四个状态,然后就在这四个状态下,完成各自的设计:
其中确定按钮,有个点击事件,是用来隐藏动态面板,其实没有这个事件,鼠标点击在页面外也可以实现隐藏效果,只是增加了用户操作学习的成本。
2. 设计完动态面板各个状态之后,修改动态面板的几个属性
实现弹出效果,不需要在动态面板上增加交互。
1. 给增删改查几个按钮,增加对应的交互
每个交互都是类似的,列举详情按钮。新建交互的时候,鼠标在移动过程中会出现“添加情形”“添加目标”“添加动作”这些提示(交互的设置个人觉得跟8.0版本区别比较大)。
打开交互编辑器,按顺序:添加事件、添加情形、添加目标、添加动作、设置动作:
2. 给其他几个按钮也设置类似的交互
每个按钮需要显示的动态面板状态页面不同。
效果:https://e6osrz.axshare.com
以上就是Axure9原型设计:动态面板实现页面增删改查模式弹窗效果的全部内容介绍了,关于更多Axure教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
2022-05-30 10:27
2022-04-13 10:06
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论