Axure 灯箱效果

        Axure灯箱效果

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： Axure RP 8

撰写时间：2021/7/28

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1.打开Axure软件

2.在元件库那里拉出一个矩形，改大小，然后再拉出两个矩形，改一下大小，把边框隐藏掉保留下面的边框，一个改成橙色，一个为灰色，边框加粗一点，分别输入“手机 登录”“邮箱登录”，字体颜色也改一下。

3.在元件库里拉出三级标签，内容改为“使用短信验证登录”，再从元件库那里拉出一个信封图标，改大小，放在标签左边，再从元件库那里拉出一个矩形，改大小，放在中心编上的位置，往矩形里面放个文本框，类型改为“电话 码”，然后拉出一个手机图标，改一下大小，放在文本框旁边，然后把它们三个复制下来，放在下面，把手机图标改成锁的图标，文本框类型改为“密码”，记得给两个文本框设置提示语。

4在元件库里拉出一个按钮，改大一下，颜色改为橙色，里面的单词改为“登录”，在“登录”按钮的左下角，放个三级标签，内容随意，像平时那些登陆界面就行了，比如“忘记密码”之类的，在“登录”按钮右下角也放个三级标签，内容改为“去注册”，在它右边放个向右的单角符，然后都改成橙色。

5.拉出一个三级标签，内容改为“其他登录方式”，再从元件库那里拉出一个椭圆形，改大小，往里面放入微信图标，然后复制两个出来，里面的图标改为QQ和新浪微博。

6.将它们都组合起来，然后隐藏，然后拉出一个按钮，放在上面，在属性界面那里选择“鼠标单击时”，选择“显示/隐藏”，然后在右边的界面那里选择组合，可见性为“显示”，在更多选项那里选择“灯箱效果”就行了。

7，点击右上角的预览便可知晓成果如何。

这是我所学到的Axure翻牌制作步骤，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！