中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

繼上篇文章，本文繼續(xù)和大家分享關(guān)于快手APP的相關(guān)交互設(shè)計。

第一期主要和大家分享了快手頂部Tab切換交互、側(cè)導(dǎo)航展開交互、視頻播放頁交互以及視頻拍攝頁交互效果。

作為本次Axure學(xué)習(xí)系列的第二期，主要和大家分享快手APP拍攝頁的相關(guān)基本交互，主要包括：拍攝頁的進(jìn)入與退出；插入魔法表情及音樂；刪除視頻交互。期望通過本次分享讓初學(xué)的同學(xué)能夠掌握Axure的交互設(shè)計。

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

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

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

一、 設(shè)置進(jìn)入拍攝頁與退出拍攝頁

1 完成“視頻拍攝頁”低保真原型，并做好原件命名。

2 將視頻拍攝頁面進(jìn)行組合，命名為“拍攝頁”，并設(shè)為隱藏狀態(tài)。

3 “發(fā)現(xiàn)”頁，點擊“拍攝”按鈕并雙擊 “鼠標(biāo)單擊時”用例，選擇“顯示”動作。

4 右側(cè)配置動作區(qū)域，選中“拍攝頁”組合，同時設(shè)置動畫為“向左滑動”500毫秒。

5 選擇“拍攝頁”，點擊“關(guān)閉拍攝按鈕” 使用“鼠標(biāo)單擊時”用例，選擇“隱藏”動作。

6 右側(cè)配置動作區(qū)域，選中“拍攝頁”組合，同時設(shè)置動畫為“向右滑動”500毫秒。

7 設(shè)置完成后，則本次側(cè)導(dǎo)航交互設(shè)計完成，趕快F5預(yù)覽一下自己的成功。

二、 拍攝中交互設(shè)置

1?拍攝中的基礎(chǔ)交互包括，進(jìn)度條展示、刪除按鈕展示、下一步按鈕展示。

2?首先完成“拍攝中”低保真原型，并做好原件命名。

3 分別將進(jìn)度條、刪除按鈕、下一步按鈕設(shè)為隱藏狀態(tài)。

4?點擊“拍攝”按鈕并雙擊 “鼠標(biāo)單擊時”用例，選擇“顯示”動作。

5?右側(cè)配置動作區(qū)域，分別選中：進(jìn)度條、刪除按鈕、下一步按鈕。

6?點擊“拍攝”按鈕并雙擊 “鼠標(biāo)單擊時”用例，首先配置顯示“當(dāng)前原件”；之后選擇隱藏“進(jìn)度條”、“刪除按鈕”、以及“下一步按鈕”。

7?設(shè)置完成后，則本次側(cè)導(dǎo)航交互設(shè)計完成，趕快F5預(yù)覽一下自己的成功。

三、 插入音頻交互

1?完成“音樂彈窗頁”低保真原型，并做好原件命名。

2?將音樂彈窗頁面進(jìn)行組合，命名為“音樂彈窗”，并設(shè)為隱藏狀態(tài)。

3?“視頻拍攝”頁，點擊“音樂”按鈕并雙擊 “鼠標(biāo)單擊時”用例，選擇“顯示”動作。

4?右側(cè)配置動作區(qū)域，選中“音樂彈窗”組合，同時設(shè)置動畫為“向上滑動”500毫秒。

5?選擇“音樂彈窗”，點擊“關(guān)閉按鈕” 使用“鼠標(biāo)單擊時”用例，選擇“隱藏”動作。

6?右側(cè)配置動作區(qū)域，選中“音樂彈窗”組合，同時設(shè)置動畫為“向下滑動”500毫秒。

7?設(shè)置完成后，則本次側(cè)導(dǎo)航交互設(shè)計完成，趕快F5預(yù)覽一下自己的成功。

本次分享到這里完成，下一期繼續(xù)分享視頻詳情頁的動作交互。

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

相關(guān)閱讀

Axure教程一：快手APP頂部Tap切換及側(cè)導(dǎo)航展示交互

作者：海外社區(qū)高級產(chǎn)品經(jīng)理，7年互聯(lián)網(wǎng)產(chǎn)品設(shè)計經(jīng)驗，主要負(fù)責(zé)知名海外社區(qū)的產(chǎn)品設(shè)計。初次開始分享文章，后期將會陸續(xù)分享自己在海外社區(qū)產(chǎn)品設(shè)計中的經(jīng)驗。

本文由 @楊福偉 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自PEXELS，基于CC0協(xié)議