这一系列的xure学习系列分为三个阶段，预计这种共享将使初学者掌握Axure的交互式设计。这种共享的主要内容包括：快速顶部切换交互;侧导航扩展互动;视频播放页面交互和视频拍摄页面交互。

原型基于Axure8，以下是相关交互架构的图表。

首先看一下完整的原型预览：http://bdh2ot.axshare.com/

以下是共享的第一个问题。

首先，顶部分接开关

1设置动态面板

1.1拖动到动态面板600 * 900。

1.2双击动态面板以设置动态面板名称。

1.3点击“+””用于设置动态面板状态的数字（快速应用程序顶部共有3个点击，因此这次需要再添加三个）。

1.4单击“确定”，添加完成。

2完成Tap页面的低保真原型（以发现页面为例）

2.1双击“发现”>进入动态面板 - 发现状态页面。

2.2在“发现页面”中，使用组件库并参考快速应用程序以创建低保真原型。

2.3每个原件都被命名，以便在交互时可以区分。

2.4根据以上三条规则，创建一个“关注”。页面和&ndquo;城市”页面低保真原型。

2.5此时，主页点击交互的工作已准备就绪，交互设计就开始了。

3点按“交互设计”

3.1双击“发现>进入动态面板 - 发现状态页面。

3.2首先，点击选择“关注&Tquo;点击”，然后双击“点击时”>用例，选择“设置面板状态””动作，并选择状态为“发现”。

3.3接下来，单击以选中“关注”，然后点按，然后双击“点击时”>用例，选择“设置面板状态””操作，并选择状态为“关注”。

3.4三，点击选择< ;;城市&nd;点击，然后双击“ldquo;鼠标点击&&;用例，选择“ldquo;设置面板状态”动作，并选择状态为“同一城市”。

3.5根据以上4点，您可以完成“发现”页面的“点击”交互设置。

3.6还要输入“关注”字样和&ndquo;   >

3.7设置完成后，点击交互设计完成，F5预览自己的成功。

其次，侧面导航扩展了交互

1完成“侧面导航页面”&quoquo;低保真原型并命名原始。

2组合侧面导航页面并将其命名为“侧面导航”并将其设置为隐藏状态。

3“关注”页面，点击“侧面导航”。按钮并双击“ldquo;鼠标点击“rdquo;用例，选择“ldquo;显示”行动。

4配置右侧的操作区域，选择“侧面导航”组合，并将动画设置为“向右旋转”到500ms。

5选择侧面导航遮罩区域，然后双击“鼠标单击时”。用例，选择“ldquo;隐藏“rdquo;行动。

6配置右侧的操作区域，选择“侧向导航”组合，并将动画设置为“向左旋转”500毫秒。

7设置完成后，侧导航交互的设计完成，F5预览其成功。

此共享在此完成，下一阶段将继续分享视频播放页面的动作交互。

RP文件下载地址：链接:https://pan.baidu.com/s/1skKsvOp密码: ddrg

« 网易云音乐在Tiger Sniffing WOW Conference上分享它如何引爆地铁营销 | 不差钱也不错决定为什么亚马逊离线商店“难以生产”？ »