京东，天猫，淘宝等等这些电商的商品主图都会有放大器的功能，用户只需要将鼠标移到主图上就可以将图片放大查看细节。这种放大器方便用户更加深入地了解图片中的信息，从而一定程度保障了用户对商品的知情权。这一章我就教教大家如何使用axure原型工具制作图片放大器。
　　第一步：拖拉摆放好相关的控件
　　一张300X200的图片，命名为“小图”；
　　一个150X100的矩形，黄底黄边，并设置不透明度为30，初始状态设置为隐藏，命名为“放大镜”，放置在“小图”的右下角；
　　一个300X200的动态面板，初始状态设置为隐藏，命名为“放大窗口”，放置在小图右边，并在state1面板状态中放置一张600X400的图片，命名为“大图”。
　　第二步：添加页面载入时用例
　　在用例中设置全局变量OnLoadVariable为【大图宽度小图宽度】，即大小图的宽度比例。
　　第三步：为“放大器”添加鼠标移动时用例
　　用例中有两个动作：
　　1、绝对移动“放大器”，x轴移动到【鼠标的x坐标“放大镜”宽度的一半】，y轴移动到【鼠标的y坐标“放大镜”高度的一半】，并且左侧、右侧、顶部和底部的边界分别为“小图”的左侧、右侧、顶部和底部。
　　2、绝对移动“大图”，x轴移动到【（“小图”左侧“放大镜”左侧）OnLoadVariable】，y轴移动到【（“小图”顶部“放大镜”顶部）OnLoadVariable】。
　　第四步：为“小图”添加鼠标移动时用例
　　该用例与“放大镜”的鼠标移动时用例一样，直接复制过来就行。
　　第五步：为“小图”添加鼠标移入时用例
　　用例中只有两个动作，一个是显示“放大镜”，另一个是显示“放大窗口”。
　　OK，点击预览，鼠标在图片上移动即可以看到效果。
　　在工作过程中，有很多这些axure原型设计小技巧的例子，所以我会坚持分享下去，希望对大家有帮助，你们对我的关注就是我的动力。
　　效果图：axure原型设计之放大器
　　附件下载：放大器rp文件

Axure教程：列表拖动排序的实现方式在很多任务管理，计划管理类的应用中，大都有对列表进行拖动排序的功能，这样非常方便用户根据自己的需要进行排列。但是用Axure实现这一功能，网上似乎没有一篇有关的教程，而你能搜索……Axure原型设计之放大器京东，天猫，淘宝等等这些电商的商品主图都会有放大器的功能，用户只需要将鼠标移到主图上就可以将图片放大查看细节。这种放大器方便用户更加深入地了解图片中的信息，从而一定程度保障了用……主流原型工具可用性测试横向比较可用性测试是指通过观察用户使用产品（或原型）的过程，记录和分析用户的行为和感受，以改善产品可用性的一系列方法。可用性测试适用于产品前期设计开发，中期改进和后期维护的各个阶段，是……Axure教程：屏幕纵向切换通过鼠标滚轮的前滚及后滚操作，实现屏幕纵向的上翻页和下翻页效果，其实不难。一起来学习吧。一、原型效果二、准备工作本文原型是在1366768分辨率下完成的。……Axure原型设计中变量的使用（3）：系统变量的使用方法变量，一般来说是用于存储和传递一段数据内容。它就像一个移动硬盘，能够把你暂时用不到但还有用途的数据进行保存，以便之后使用，还能把这些存储的内容传递到其它地方进行使用。那么，如何……经验分享在设计原型时，我的一些所思所想最近参与一个项目，在前期的讨论与规划中算是一个比较复杂的项目，当我把功能拆分开，定下第一期的要做什么的时候，却发现已经没有什么难度了。不经怀疑这段时间自己到底干了些什么是不是又……Axure原型设计中变量的使用（2）：自定义变量的作用范围变量，一般来说是用于存储和传递一段数据内容。它就像一个移动硬盘，能够把你暂时用不到但还有用途的数据进行保存，以便之后使用，还能把这些存储的内容传递到其它地方进行使用。那么，如何……Axure原型设计：锤子手机OneStep操作这是一个趣味的原型案例：如何使用Axure实现OneStep的交互效果。锤子手机的易用性一向值得称赞，坚果Pro也在上市以来常常被老罗亲自各种曝光，在坚果Pro发布会上的……做与用户对话的产品界面：微供对话式设计语言探索通过视觉手段表现对话式设计的核心就是”在可以视觉干预的地方努力增加产品人格性，增强用户代入感、互动感“。说人话的文案、场景化插图、特色元素等都是能够打动用户心灵的方式。随……Axure原型设计中变量的使用（1）变量，一般来说是用于存储和传递一段数据内容。它就像一个移动硬盘，能够把你暂时用不到但还有用途的数据进行保存，以便之后使用，还能把这些存储的内容传递到其它地方进行使用。那么，如何……AxureRP官方教程翻译（91818）完结最后10篇（前8篇点击查看）看看是否有自己感兴趣的模块，每个功能都挺有意思的。这10篇分别是：第9篇：账号登录第10篇：旋转式幻灯放映机第11篇：自动点……AxureRP官方教程翻译（3）：显示隐藏的部件文章分享了通过Axure来实现点击触发显示隐藏的部件的具体过程，一起看看吧本教程翻自Axure官方教程第3篇《ShowHiddenwidget》，通过点击触发显示隐藏的部……