卷百科 手机版

Axure教程:可视化中国地图下钻交互设计

   发布时间:2024-08-10 12:16:24


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

主要使用到了axure的鼠标点击事件,动态面板,简单的点击逻辑。

话不多说先看演示:

具体操作如下:

步骤一:

在axure里新建一个工程文件,把中国地图加载进来,同时创建一个动态面板命名为“弹出面板”如下图:

弹窗面板,需要设置固定到浏览器做水平垂直居中。

步骤二:

将预先整理好的省份地图样式导入到动态面板中,建议大家按省份命名面板状态,方便后面些交互逻辑使用,如下图:

步骤二:(最为关键,逻辑部分)

大概思路其实很简单,就是鼠标点击,显示面板为弹窗,并显示对应的省份状态。操作如下:

最后复制用户例修改弹窗面板的省份即可保存演示。

相关推荐