Axure本身就提供了模板的功能，也就是说只要实现一次但可以一劳永逸，本文就一起来看看这个遮罩层实现过程和效果。
　　今天在做产品原型设计时，遇到了个关于动态显现遮罩层的难点。“无奈”为追求高保真的效果，还是花了点心思做个原型实现。待做好回过头来看看的话，其实这个效果的难度也不大，只是看个人意愿是否想做而已。
　　Axure本身就提供了模板的功能，也就是说只要实现一次但可以一劳永逸。下面就一起来看看这个遮罩层实现过程和效果吧。
　　做前端开发的同学都知道，在HTML实现一个遮罩层，只需要添加个浮动的DIV即可轻松实现。那么在Axure中如何去实现它呢？
　　如上图所示，可以将这个遮罩层的实现分为如下2部分：
　　主体内容，即遮罩层要盖住的部分
　　遮罩层组件，即遮罩层其它装饰部分（在Demo中只是增加了个Loading的动画图片来区分）
　　所以遮罩层的实现思路就清晰啦步骤如下：
　　准备一个与你所想要遮盖内容大小相同的矩形框，注意要减去边框的大小，示例：主体内容大小为600400，边框宽度为1px，那么遮罩层的大小为598398且是无边框的。
　　设置遮罩层的填充色，还有相对的透明度。
　　加强遮罩层显示的动画效果（Axure上所支持的效果并不多，如不能够满足，可以采用文字描述阐明效果要求）。
　　接着用3个按钮来做不同效果的展示：
　　打开遮罩层：
　　关闭遮罩层：
　　自动演示：
　　那么现在来看看最终的实现效果如下，请看下面的大屏幕：（点击在线预览）
　　如果想要做全屏的遮罩层就更加的简单啦，只在要显示组件上增加个灯箱的效果即可。
　　PS：示例源文件下载：遮罩层效果。rp

Axure：电商网站图片放大镜效果本文是关于电商网站图片放大镜的实现效果，一起来文中看看为了加深对动态面板的理解，所以尝试了图片放大镜实现效果，中间也遇到一些小问题。该练习主要用到元件跟随鼠标移动、动态面……Axure教程：手机屏幕左滑、右滑、上下滑动如何实现？本文主要讲的是关于手机屏幕上的滑动在原型设计中是如何实现的，一起来文中看看我们使用手机时经常看小说，逛商城需要大量的滑屏。左右（滑过来，滑过去），上下（滑上去，滑下来），……Axure教程：怎样设计轮播图？大家设计轮播图的时候，是怎么操作的呢？本文作者分享了自己的做法，来看看轮者，循环也，姿势者，知识、形态也，故此文乃探究循环知识乎？非也，循环播放姿势也。吾日三省吾身……Axure教程：制作移动端商品分类本次跟各位小伙伴一起学习使用动态面板来实现商品分类效果，本次案例是依照某易严选移动端的商品分类页面，有了解的小伙伴可以去看一看。下面就开始剖解整个实现过程，我们拿一小部分……Axure教程：和我一起设计简书App本文通过还原简书App原型的过程，进行了大量的交互设计。本文也将会分享实现这些交互效果的设计思路与方法，希望能够帮助到有需要的同学，在原型设计的道路上更上一层楼。本文通过……一款知识产权授权平台的产品原型探讨本篇文章讨论的产品原型，是结合调整阶段这一年来的IP授权工作经历提出的，旨在为IP授权行业的市场双方：版权方和被授权商，提供一个相互交流的平台。工作已近三年，一年前逃离制……Axure教程微信读书书城摇一摇加载时，图标翻页效果的实现之前在做微信读书的原型时被书城摇一摇的加载交互效果卡了两天的时间，最后终于想出如何制作，本文将分享如何制作这样的一个翻页效果。一、最终效果展示体验地址：点击此处……Axure教程：使用内联框架，制作页面滚动本次教各位小伙伴使用内联框架来实现页面滚动，除此之外还会有一些小案例先来看看天猫首页顶部栏的效果（以上图片已是上传的极限，各位看官要是看不清，请自行下载天猫，打开首……Axure教程：滚轮控制全屏切换、遮罩动画本文用案例说明怎样利用鼠标滚轮控制全屏切换、遮罩动画。来借鉴一下吧效果如下：分析实现目标：自适应全屏鼠标滚轮控制切换图片及文字的动画分析元素……Axure案例：如何制作微信原型？笔者作为小白，将自己画的第一份原型铺出来，目的是为了和大家一起交流学习。本文是基于最新版本的微信来写的，将在最大程度上还原微信原型的交互效果。先铺上效果给大家看：点击体验……Axure：运用视觉差和动态看板状态切换，制作banner立如何运用视觉差和动态看板状态切换，制作banner立体切换效果。如下图所示：鼠标向左滑动切换下一张图片，向右滑动显示上一张图片，动态效果为立体翻转样式。思路：利用时……Axure教程：如何实现动态的遮罩层？Axure本身就提供了模板的功能，也就是说只要实现一次但可以一劳永逸，本文就一起来看看这个遮罩层实现过程和效果。今天在做产品原型设计时，遇到了个关于动态显现遮罩层的难点。……