Axure遮罩 or 燈箱

在作原型設計的時候，經常須要設計彈窗（好比confirm、alert或者彈出面板），加一個全屏的遮罩能夠突出要展現的內容，效果會更好一些，相似下面這種效果：

目前有2種方法：原始手動和axure自帶效果（燈箱）

1：手動

須要建立2個動態面板，1個是遮罩面板，一個是彈框面板。動態面板這裏就不介紹了，不會的朋友能夠自行百度。在彈框面板下，正常設計須要的彈框，如上方的登陸彈框，遮罩面板的寬高設置大一些，而後2個面板都設置固定在瀏覽器居中（水平、垂直），以下：

注意層級關係，彈框的層級要比遮罩高一些。

到這裏基本就完成了，設置2個面板初始隱藏，頁面增長一個元件，點擊以後展現這2個動態面板就ok了。效果以下：

2：自帶燈箱效果：

在Axure6.5（百度的）之後，增長的這個功能，與手動建立相比少了一個遮罩的面板，其實就是將手動建立的遮罩進行了封裝。

在點擊彈出彈窗面板的元件的時候，設置展示彈窗面板，下面有個選項是選擇效果，這裏選擇燈箱便可，還能夠編輯遮罩的顏色和透明度等，以下圖：

設置完以後預覽效果大體以下：

ps：發現自帶的燈箱效果，點擊遮罩也會關閉彈窗，這裏須要注意一下。