在上一篇文章之后，本文將繼續(xù)與您分享Quick App的相關(guān)交互設(shè)計(jì)。

在第一期中，我與您分享了頂部標(biāo)簽切換互動(dòng)，側(cè)面導(dǎo)航擴(kuò)展互動(dòng)，視頻播放頁(yè)面互動(dòng)和視頻捕獲頁(yè)面互動(dòng)。

作為Axure學(xué)習(xí)系列的第二階段，我主要分享Quick App拍攝頁(yè)面的基本互動(dòng)，包括：拍攝頁(yè)面的進(jìn)入和退出;插入神奇的表情和音樂(lè);刪除視頻互動(dòng)。希望通過(guò)這種分享，初學(xué)者將能夠掌握Axure的交互設(shè)計(jì)。

原型基于Axure8。以下是相關(guān)的交互式架構(gòu)圖：

首先看一下完整的原型預(yù)覽：http://bdh2ot.axshare.com/

以下是共享內(nèi)容的第二部分，首先檢查完成交互效果：

1.設(shè)置進(jìn)入拍攝頁(yè)面并退出拍攝頁(yè)面

1完成“視頻捕獲頁(yè)面”和低保真原型并命名原件。

2合并視頻捕獲頁(yè)面并將其命名為“Snapshot Pages”并將其設(shè)置為隱藏。

3“ Discovery”頁(yè)面，單擊< ;; shoot"按鈕并雙擊“l(fā)dquo;鼠標(biāo)點(diǎn)擊&&;用例，選擇“l(fā)dquo;顯示”行動(dòng)。

4在右側(cè)配置操作區(qū)域，選擇“拍攝頁(yè)面”。組合，并將動(dòng)畫設(shè)置為“向左滑動(dòng)”500毫秒。

5選擇“拍攝頁(yè)面”和“關(guān)閉捕獲按鈕”。使用“當(dāng)鼠標(biāo)點(diǎn)擊“rdquo;用例，選擇“隱藏”行動(dòng)。

6配置右側(cè)的操作區(qū)域，選擇“拍攝頁(yè)面”。組合，并將動(dòng)畫設(shè)置為“l(fā)dquo;向右滑動(dòng)” 500毫秒。

7設(shè)置完成后，側(cè)導(dǎo)航交互的設(shè)計(jì)完成，F(xiàn)5預(yù)覽其成功。

二，拍攝中的互動(dòng)設(shè)置

1拍攝中的基本交互包括進(jìn)度條顯示，刪除按鈕顯示和下一個(gè)按鈕顯示。

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

3將進(jìn)度條，刪除按鈕和下一個(gè)按鈕設(shè)置為隱藏狀態(tài)。

4單擊< ;; shoot"按鈕并雙擊“當(dāng)鼠標(biāo)點(diǎn)擊”時(shí)用例，選擇“l(fā)dquo;顯示”行動(dòng)。

5配置右側(cè)的操作區(qū)域，然后選擇：進(jìn)度條，刪除按鈕和下一個(gè)按鈕。

6單擊“拍攝”按鈕，然后雙擊“鼠標(biāo)單擊時(shí)””用例，首先配置顯示“當(dāng)前原始””然后選擇隱藏“l(fā)dquo;進(jìn)度條”，“刪除按鈕” &<下一步按鈕”

7設(shè)置完成后，側(cè)導(dǎo)航交互的設(shè)計(jì)完成，F(xiàn)5預(yù)覽其成功。

第三，插入音頻交互

1完成“音樂(lè)彈出窗口”和低保真原型并命名原件。

2合并音樂(lè)彈出頁(yè)面并將其命名為“音樂(lè)彈出窗口”并將其設(shè)置為隱藏狀態(tài)。

3“視頻捕捉”頁(yè)面，點(diǎn)擊< ;;音樂(lè)”按鈕并雙擊“l(fā)dquo;鼠標(biāo)點(diǎn)擊&&;用例，選擇“l(fā)dquo;顯示”行動(dòng)。

4配置右側(cè)的操作區(qū)域，選擇“音樂(lè)彈出窗口”組合，并將動(dòng)畫設(shè)置為“向上滑動(dòng)”500毫秒。

5選擇“音樂(lè)彈出窗口”，單擊“關(guān)閉按鈕”，然后單擊“&& quoquo”使用“l(fā)dquo;用例，選擇“隱藏”。行動(dòng)。

6配置右側(cè)的操作區(qū)域，選擇“音樂(lè)彈出窗口”組合，并將動(dòng)畫設(shè)置為“向下滑動(dòng)”500毫秒。

7設(shè)置完成后，側(cè)導(dǎo)航交互的設(shè)計(jì)完成，F(xiàn)5預(yù)覽其成功。

此共享已在此處完成，下一階段將繼續(xù)共享視頻詳細(xì)信息頁(yè)面的操作交互。

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

« 采訪資金CEO陳偉：專注于商家服務(wù)是移動(dòng)支付的趨勢(shì) | 電子商務(wù)操作文案的技巧和原則：產(chǎn)品賣點(diǎn)定位應(yīng)突出16個(gè)方面的16個(gè)優(yōu)勢(shì) »