Axure交互进阶教程-侧边栏制作

用户头像
成都/UI设计师/7年前/602浏览
Axure交互进阶教程-侧边栏制作

Axure交互进阶教程-侧边栏制作

这是locky私人共享的工作经验教程,网上是没有的哦,喜欢的请给一个赞~,locky会陆续共享出其他相对复杂一点和网上教程稀少的交互供设计爱好者经验交流~




Axure交互进阶教程-侧边栏制作

步骤一:先绘制侧边栏并编组为a放在动态面板内,x位置设置为-220;

步骤二:在动态面板放一个半透明的黑的背景,置于a下方;

步骤三:为按钮添加弹出侧边栏的效果,点击时,显示动态面板,移动a从-220、0到0、0,补间效果300ms波动效果;

步骤四:为黑色半透明背景添加退出侧边栏效果,点击时,移动a从0、0到-220、0,补间效果300ms波动效果,隐藏动态面板;

步骤六:现在可以预览,试一下侧边栏效果了哦~




6
举报
|
8
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
大家都在看
登录注册