axure导航设置,axure滑动效果怎么设置

在本教程中,您可以使用Axure跟随鼠标移动导航菜单的特殊效果,enjoy~

一、最终效果二、制作过程首先要了解本教程使用的要素。 菜单按钮菜单的背景根据背景移动的颜色块。

那么,首先尝试将根据菜单按钮菜单的背景移动的颜色块排列在一定的位置。

如下图所示。

在这里,可以看到三个蓝色背景块同时出现。 这主要是为了便于记录鼠标移动后色块的移动位置。

A:225200/B:385200/C:515200。

记录结束后,只留下第一个蓝色背景块,删除其他的; 然后将蓝色背景的原始名称定义为“背景”。

接下来,开始制作交互式操作。

选择“主页”按钮,在右侧的交互式栏中双击“移动鼠标时”,然后按图中的设置。 这里需要注意。 对于“移动”选项,必须选择“绝对位置”。 坐标值按照这边的记录输入。 是X:225/Y:200。

同样,设定“order”“account”这两个按钮,将坐标值分别设定为X:385/Y:200和X:515/Y:200。

上述设定完成后,安装了跟踪鼠标移动的背景色块功能。

然后,设定点击后的圆角效果吧。 选择蓝色块,然后在右侧的属性面板中单击“鼠标按下”,在弹出面板中选中“圆角半径”,并将该值设置为50。

设置完成后,可以在F5中预览以查看最终效果。

三.源文件下载作者: ZQZ原型师,专注原型设计/交互设计

本文宣布@ZQZ原型师为原创,人人都是产品经理,未经许可禁止转载。

标题来自Unsplash,基于CC0协议。

动态分享

迷你世界怎么用墙壁做一个隐形门,迷你世界如何打开冰箱触发器

2022-12-9 4:15:09

动态分享

达达兔形势,达达兔个人简介

2022-12-9 4:15:29

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索