快手APP 拍摄页交互设计说明
2017-10-25 18:10:31 来源:易采站长用户投稿 作者:人人都是产品经理
继上篇文章,本文持续战各人分享闭于快脚APP的相干交互设想。

第一期次要战各人分享了快脚顶部Tab切换交互、侧导航睁开交互、视频播放页交互和视频拍摄页交互结果。
做为本次Axure进修系列的第两期,次要战各人分享快脚APP拍摄页的相干根本交互,次要包罗:拍摄页的进进取退出;插进邪术心情及音乐;删除视频交互。希冀经由过程本次分享让初教的同窗可以把握Axure的交互设想。
本型基于Axure8造做,以下是相干交互架构图:

尾先检察完好本型预览:http://bdh2ot.axshare.com/
以下是第两期分享内容,尾先检察完成交互结果:

1、 设置进进拍摄页取退出拍摄页
1 完成“视频拍摄页”低保实本型,并做好本件定名。

2 将视频拍摄页里停止组开,定名为“拍摄页”,并设为躲藏形态。

3 “发明”页,面击“拍摄”按钮并单击 “鼠标单击时”用例,挑选“显现”行动。

4 左侧设置行动地区,选中“拍摄页”组开,同时设置动绘为“背左滑动”500毫秒。

5 挑选“拍摄页”,面击“封闭拍摄按钮” 利用“鼠标单击时”用例,挑选“躲藏”行动。

6 左侧设置行动地区,选中“拍摄页”组开,同时设置动绘为“背左滑动”500毫秒。

7 设置完成后,则本次侧导航交互设想完成,赶紧F5预览一下本人的胜利。
2、 拍摄中交互设置
1 拍摄中的根底交互包罗,进度条展现、删除按钮展现、下一步按钮展现。
2 尾先完成“拍摄中”低保实本型,并做好本件定名。

3 别离将进度条、删除按钮、下一步按钮设为躲藏形态。
4 面击“拍摄”按钮并单击 “鼠标单击时”用例,挑选“显现”行动。

5 左侧设置行动地区,别离选中:进度条、删除按钮、下一步按钮。

6 面击“拍摄”按钮并单击 “鼠标单击时”用例,尾先设置显现“当前本件”;以后挑选躲藏“进度条”、“删除按钮”、和“下一步按钮”。

7 设置完成后,则本次侧导航交互设想完成,赶紧F5预览一下本人的胜利。
3、 插进音频交互
1 完成“音乐弹窗页”低保实本型,并做好本件定名。

2 将音乐弹窗页里停止组开,定名为“音乐弹窗”,并设为躲藏形态。

3 “视频拍摄”页,面击“音乐”按钮并单击 “鼠标单击时”用例,挑选“显现”行动。

4 左侧设置行动地区,选中“音乐弹窗”组开,同时设置动绘为“背上滑动”500毫秒。

5 挑选“音乐弹窗”,面击“封闭按钮” 利用“鼠标单击时”用例,挑选“躲藏”行动。

6 左侧设置行动地区,选中“音乐弹窗”组开,同时设置动绘为“背下滑动”500毫秒。

7 设置完成后,则本次侧导航交互设想完成,赶紧F5预览一下本人的胜利。
本次分享到那里完成,下一期持续分享视频详情页的行动交互。
RP文件下载地点: https://pan.百度.com/s/1skKsvOp 稀码: ddrg











闽公网安备 35020302000061号