在上一篇文章之后，本文将继续与您分享Quick App的相关交互设计。

在第一期中，我与您分享了顶部标签切换互动，侧面导航扩展互动，视频播放页面互动和视频捕获页面互动。

作为Axure学习系列的第二阶段，我主要分享Quick App拍摄页面的基本互动，包括：拍摄页面的进入和退出;插入神奇的表情和音乐;删除视频互动。希望通过这种分享，初学者将能够掌握Axure的交互设计。

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

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

以下是共享内容的第二部分，首先检查完成交互效果：

1.设置进入拍摄页面并退出拍摄页面

1完成“视频捕获页面”和低保真原型并命名原件。

2合并视频捕获页面并将其命名为“Snapshot Pages”并将其设置为隐藏。

3“ Discovery”页面，单击< ;; shoot"按钮并双击“ldquo;鼠标点击&&;用例，选择“ldquo;显示”行动。

4在右侧配置操作区域，选择“拍摄页面”。组合，并将动画设置为“向左滑动”500毫秒。

5选择“拍摄页面”和“关闭捕获按钮”。使用“当鼠标点击“rdquo;用例，选择“隐藏”行动。

6配置右侧的操作区域，选择“拍摄页面”。组合，并将动画设置为“ldquo;向右滑动” 500毫秒。

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

二，拍摄中的互动设置

1拍摄中的基本交互包括进度条显示，删除按钮显示和下一个按钮显示。

2首先完成“低保真原型”和“命名原始”。

3将进度条，删除按钮和下一个按钮设置为隐藏状态。

4单击< ;; shoot"按钮并双击“当鼠标点击”时用例，选择“ldquo;显示”行动。

5配置右侧的操作区域，然后选择：进度条，删除按钮和下一个按钮。

6单击“拍摄”按钮，然后双击“鼠标单击时””用例，首先配置显示“当前原始””然后选择隐藏“ldquo;进度条”，“删除按钮” &<下一步按钮”

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

第三，插入音频交互

1完成“音乐弹出窗口”和低保真原型并命名原件。

2合并音乐弹出页面并将其命名为“音乐弹出窗口”并将其设置为隐藏状态。

3“视频捕捉”页面，点击< ;;音乐”按钮并双击“ldquo;鼠标点击&&;用例，选择“ldquo;显示”行动。

4配置右侧的操作区域，选择“音乐弹出窗口”组合，并将动画设置为“向上滑动”500毫秒。

5选择“音乐弹出窗口”，单击“关闭按钮”，然后单击“&& quoquo”使用“ldquo;用例，选择“隐藏”。行动。

6配置右侧的操作区域，选择“音乐弹出窗口”组合，并将动画设置为“向下滑动”500毫秒。

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

此共享已在此处完成，下一阶段将继续共享视频详细信息页面的操作交互。

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

« 采访资金CEO陈伟：专注于商家服务是移动支付的趋势 | 电子商务操作文案的技巧和原则：产品卖点定位应突出16个方面的16个优势 »