在我们绘制原型时,很多按钮点击后会以弹窗的形式进行页面展示,如何更快速友好地做好弹窗交互效果,我个人做了很多的尝试,以下将我的经验和大家作个分享。
1、以动态面板为基础的弹窗交互
利用动态面板进行弹窗展示及交互,(个人更喜欢这种)
优点是利用交互效果逼真,可用灯箱效果、弹出效果等。
缺点是一个页面集成的东西比较多,有的人会搞混乱,但若有较好的元件命名习惯和看概要的习惯,混乱就不是问题了。
使用时的一些小技巧如下:
①新建动态面板(本处命名为弹窗汇总),在样式管理处设置:勾选自适应内容、设置固定到浏览器:中部,居中
固定到浏览器的弹出页面设置如下:
目的: 弹窗在浏览时能够居中显示,并且页面自适应,能始终和内容大小保持一致。
②动态面板中可以设置多个页面,页面命名建议使用操作按钮的名称命名;
如下: