来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。
前几天看到有人介绍了axure8的图片放大原型设计步骤（
http://www.woshipm.com/rp/246879.html），挺不错的，可惜，我的axure目前用的不是8，还木有那么高大全，于是乎，我就想不如用现有的7.0做一做，分享给大家，且看下文步骤~
1.准备工作
准备工作暂时告一段落。
看看放大图片必要的元素还缺少些什么？嗯，就是放大镜！Of course，也有很牛掰的不用放大镜，鼠标放到缩略图上就放大图片，原理都是相同的啦，我这里放个放大镜，方便看效果~~~~~~
2.添加放大镜
Yeah，放大镜制作完成，来看下预览效果。咦？放大镜不能移动，What's wrong？？？？？？Calm down，还没有给放大镜添加动态效果。
放大镜动画效果：鼠标移入图片显示放大镜；鼠标移出隐藏放大镜；放大镜跟随鼠标移动；
来来来预览一下。嗯，移动可以了，但是一开始放大镜就显示出来了，这你逗人玩吗？NoNoNo，忘记一步。
好了，再来预览一下，保证是好的~如果还不行，真的不是我的问题，不是我的问题，不是我的问题！
放大镜搞完了，还没有放大图，下面就来设置放大图。
3.添加放大图
图片放好了，那接下来就是看它怎么配合放大镜移动。别害怕，很简单的：
.left代表大图的x坐标，.top代表大图的y坐标，Cursor.x和.y代表放大镜当前停留位置的x和y坐标（前面设了-20，所以上面有+20）。（大图坐标-小图坐标）*放大倍数=当前放大图该显示的部分，上面函数式的*5就是图片的放大倍数，大图的比例最好是>=函数式上的放大倍数
完事具备，赶快预览去吧！
写完这些，感觉自己萌萌哒~~~~~~~~~
作者提供源：
人人官方源：
