学习Axure:如何制作可视化中国地图下钻交互设计

发布时间:2024-08-04 13:20:59 浏览量:545次

在日常大屏报表设计工作中,地图下钻效果是常见的需求。今天我们来学习如何使用Axure软件制作中国地图的点击下钻动效果,通过此原理可以实现更细致的下钻交互体验。一起来看看具体操作吧!

中国地图下钻效果演示

教程整体简单,适合AXURE初中级同学学习。

在制作过程中主要使用到了Axure的鼠标点击事件、动态面板以及简单的点击逻辑。

准备工作包括中国地图和各省份的svg资源。推荐一个免费获取svg地图的平台,当然你也可以联系我们付费获取整理好的地图资源。

具体操作步骤如下:

新建工程文件示例

首先在Axure中新建一个工程文件,导入中国地图,同时创建一个命名为“弹出面板”的动态面板,如下图所示:

弹窗面板示例

弹出面板需要设置为固定到浏览器并水平垂直居中。

导入省份地图样式示例

接着将预先整理好的省份地图样式导入到动态面板中,建议按省份命名面板状态,方便后续交互逻辑的使用。

关键的逻辑部分包括鼠标点击事件和显示对应省份状态的弹窗面板,具体操作请参考下图:

逻辑操作示例

完成上述步骤后,复制修改弹窗面板中的省份即可保存演示。

想要了解更多关于数字艺术教育的内容吗?欢迎点击咨询,了解更多课程信息。

热门课程推荐

热门资讯

请绑定手机号

x

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定