Axure 交互案例：放大缩小图片

产品经理在进行原型设计的时候，时常会遇到这样一种动态效果：鼠标移入到页面中的某个图片或者图标上，图标会进行放大，提醒用户现在鼠标所在的位置为当前的图片。移出该图片时，图片的尺寸回复为原本大小。

 

通常我们会在图片的展示页面中用到它，比如电商网站中商品的展示页面。

 

在前面的分析中，我们基本知道这个交互的逻辑是怎样的了，那么这个效果在Axure RP9中应该怎么样去操作设置呢？我们一步步来看看。

 

 

一、准备页面元素。

 

这里我们使用了两张商品的图片，是这个效果的主要部分，其他的元素大家可以按照自己的实际情况去绘制，这里就不浪费这个时间了。

 

                           

 

二、设置交互

 

1、选中需要设置的图片（先设置其中一个）

 

 

2、将检查窗口的标签切换到“交互”标签，方可进行交互设置。