《Axure 制作中国地图和世界地图操作实例》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强中继器,交互产品,热区等多维度案例或实操来进行更多的学习;此教程是由Baolan子在2021-08-27发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
今天,教大家如何用AXURE做可视化视图——中国地图和世界地图。enjoy~
在线演示地址:
中国地图:http://knt5gi.axshare.cn/#g=1&p=可视化视图
世界地图:http://4tinqs.axshare.cn/#g=1&p=可视化案例(面积前十的国家_梵蒂冈)
(1)世界各国的地图,连最小的国家梵蒂冈也能找到,里面各国为形状,可以改变颜色、设置交互等。
可视化视图,用一个中继器填入数据即可。以面积世界前十的国家+梵蒂冈为例:
(2)中国地图,里面各省、直辖市、自治区、特区为形状,可以改变颜色、设置交互等。
可视化视图,用一个中继器填入数据即可。以中国gdp排名为例。
1. 材料准备
如果制作中国地图,需要准备中国各省市的svg图片,制作世界地图的话,需要准备世界各国的svg图片,图片可以在网上下载。
2. 逻辑思路
将准备好的svg图片导入axure后,将它转为形状,这样就可改变颜色和设置交互,但是形状与形状之间会挡住,这时就需要用热区圈出形状的真实区域。
交互思路是,鼠标移入热区时,选中形状,移出是,取消选中形状。形状选中时,显示标签(标签显示该形状名称),形状取消选中时,隐藏标签。
可视化逻辑,做一个中继器,里面有形状名和数据,当选中形状是,对该形状的名称进行筛选,得到对应的数据,并显示出来。
3. 具体交互
(1)各国家形状的交互
(2)热区的交互
该原型非常实用,但制作也不是很复杂复杂,但是耗时较久。
制作完成后,以后使用方便,仅需简单填写中继器的内容,即可拥有完美的效果,所以强烈推荐给各位使用。
以上就是Axure 制作中国地图和世界地图操作实例的全部内容介绍了,关于更多Axure教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 axure9全局变量和局部变量的应用情况及操作实例
> 下一篇 Axure 教程:原型中埋点统计验证需求
2022-06-17 09:39
2022-01-27 11:04
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论