最专业的八方代购网站源码!

资讯热点
Quick Hand APP拍摄页面交互设计描述

发布时间:2023-7-24 分类: 电商动态

在上一篇文章之后,本文将继续与您分享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

« 在被提交给世纪佳园漏洞后,他被捕。如何豁免“白帽子” | Mituo模板:软件信息公司代购源码网站模板推荐 »