品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Axure rp 9

学会制作交互界面，意味着能独立呈现一个app从登录到跳转的完整使用流程。而当需要在有限空间内展示更多内容时，卡片翻转效果就派上了用场，比如制作一个双面的信息卡片。下面就为大家介绍怎样用Axure RP制作交互界面，Axure RP卡片翻转怎么做的相关内容。

一、怎样用Axure RP制作交互界面

制作交互界面是Axure这款软件的长项。如果页面只能看，点了没有反应叫静态界面，点了能打开其他界面或者弹出弹窗能做出反馈是交互界面。制作交互界面主要有两个大的步骤，准备静态素材和绑定交互事件。我们以点击页面按钮打开弹窗为例向大家介绍Axure怎么制作交互界面。

1、准备静态素材。用矩形元件绘制一个长方形外框，尺寸是375*812。

在页面的靠下位置放入一个按钮元件，打上文字【提交】。

在页面靠上位置拖入一个矩形，尺寸为300*300。在右侧样式面板中设置圆角值10，让它圆润一点。双击矩形打上文字【广告】。

右击矩形在弹出的弹窗里选择【设为隐藏】。

2、绑定交互事件。选中提交按钮，在右侧交互面板里点击【添加交互】。选【单击时】，动作是【显示/隐藏】，目标是写着广告的矩形，勾选显示。

在本地是看不到效果的，要点击右上角的【预览】按钮，在浏览器里进行交互测试。测试可以发现，最开始页面只有一个提交按钮，点击后，广告弹出来了，说明交互界面制作成功。

二、Axure RP卡片翻转怎么做

卡片翻转的效果平常我们在应用里经常会看到，比如抽奖活动公布结果的时候，为了有悬念感，会设置翻转的效果。

1、为了实现卡片翻转效果，我们先准备卡片素材。用矩形元件绘制一个400*400的矩形，双击打上文字【卡片1】。复制粘贴出一个新的矩形，把文字改成【卡片2】。

2、在Axure里有个很好用的元件叫动态面板，涉及到翻转、弹跳等等动效效果，都可以用它来实现。右击卡片1，菜单里找到【转换为动态面板】。

左边概要面板里可以看到卡片1会进入动态面板的状态1里。右击状态1，选中【添加状态】。把卡片2拖拽到状态2里，注意卡片2要上移到和卡片1的位置对齐。

放置好后，点击关闭动态面板预览状态，回到画布。选中动态面板后，在交互页面点击【新建交互】。动作选【单击时-设置面板状态】。我们不选固定的一种状态，而是选【下一项】，并且勾选【向后循环】，这样就能一直翻转卡片。动画选向左翻转，就会有翻转的效果。设置好了后，可以点击【预览】，在浏览器里能看到最开始显示的是卡片1，点击卡片1后翻转为卡片2，卡片的翻转效果就制作完成了。

以上就是怎样用Axure RP制作交互界面，Axure RP卡片翻转怎么做的相关内容。灵活运用这些交互功能，就能做出从点击跳转到填写表单等各种实用的界面。而像卡片翻转这种效果，非常适合用在产品集或员工介绍页上，一正一反能展示更多信息。