Axure9的使用经验分享:如何高效的实现弹窗交互模型

本文分享了使用Axure9高效实现弹窗交互的两种方法:1) 以动态面板为基础,利用自适应内容和固定定位创建逼真的弹窗效果;2) 以页面为基础,适合不追求高保真效果的原型。同时介绍了无需操作的提示浮层的设置技巧,帮助提升原型展示质量。
摘要由CSDN通过智能技术生成

在我们绘制原型时,很多按钮点击后会以弹窗的形式进行页面展示,如何更快速友好地做好弹窗交互效果,我个人做了很多的尝试,以下将我的经验和大家作个分享。

1、以动态面板为基础的弹窗交互

利用动态面板进行弹窗展示及交互,(个人更喜欢这种)
优点是利用交互效果逼真,可用灯箱效果、弹出效果等。
缺点是一个页面集成的东西比较多,有的人会搞混乱,但若有较好的元件命名习惯和看概要的习惯,混乱就不是问题了。
使用时的一些小技巧如下:
①新建动态面板(本处命名为弹窗汇总),在样式管理处设置:勾选自适应内容、设置固定到浏览器:中部,居中
在这里插入图片描述
固定到浏览器的弹出页面设置如下:在这里插入图片描述
目的: 弹窗在浏览时能够居中显示,并且页面自适应,能始终和内容大小保持一致。
②动态面板中可以设置多个页面,页面命名建议使用操作按钮的名称命名;
如下:

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值