快手APP 视频播放页交互说明

　　本文是系列Axure教程的完结篇，主要分享快手APP视频播放页的相关交互，包括收藏、关注、分享及评论内容查看。

　　

　　写到这里，要和初入产品坑的同学特别说明一点，Axure归根到底只是一个工具，它的作用就是帮助产品经理和开发人员一起，共同说明产品需求，它作为工具本身，也有自身的优势和劣势。

　　学习交互最主要的目的是锻炼自己的逻辑思考能力，不要为了学习而学习。

　　同样，本次原型基于Axure8制作，以下是相关交互架构图。

　　

　　查看完整原型预览：http://bdh2ot.axshare.com/

　　以下是第三期分享内容，首先查看完整交互效果：

　　

　　一、 设置进入播放页页与退出播放页

　　这一部分的交互操作和第二篇中进入拍摄页的交互操作逻辑相同，这里就当一个作业了，小伙伴们自己课下完成。如果有不清楚地方，可以点击参考。

　　二、 播放页喜欢交互

　　1.完成播放页低保真原型，并做好原件命名。

　　

　　2. 喜欢按钮，设置为两种状态：喜欢前与喜欢后，并将喜欢后设为隐藏状态。

　　

　　3. 选中未喜欢按钮，右侧事件选择鼠标单击时，显示已喜欢按钮。

　　

　　4. 选中已喜欢按钮，右侧事件选择鼠标单击时，隐藏已喜欢按钮。

　　

　　5. 关注交互逻辑同喜欢逻辑，这一交互大家可以自己完成。

　　6. 设置完成后，则本次喜欢与关注交互设计完成，赶快F5预览一下自己的成果。

　　三、 播放页分享及举报交互

　　1.完成分享页低保真原型，并做好原件命名。

　　

　　2. 将侧分享页面进行组合，命名为分享页，并设为隐藏状态。

　　

　　3. 播放页页，选择分享按钮并双击 鼠标单击时用例，选择显示动作。

　　

　　4. 右侧配置动作区域，选中分享页组合，同时设置动画为向上滑动500毫秒。

　　

　　5. 分享页，选中取消分享 使用鼠标单击时用例，选择隐藏动作。

　　

　　6. 右侧配置动作区域，选中分享页组合，同时设置动画为向下滑动500毫秒。

　　

　　7. 设置完成后，则本次分享交互设计完成，赶快F5预览一下自己的成果。

　　四、 播放页评论查看交互

　　1.拖入动态面板，命名为评论模块，并设置W393、H180。

　　2. 动态面板中完成评论模块低保真原型，并做好原件命名(评论模块低保真原型的宽度不能超过动态面板)。

　　

　　3. 设置动态面板滚动条，选择为自动显示垂直滚动条。

　　

　　4. F5预览会发现有滚动条影响美观，可以拖入一个灰色举行进行遮挡即可。

　　

　　5. 设置完成后，则本次评论模块查看交互设计完成，赶快F5预览一下自己的成果。

　　本次分享到这里完成，期待与大家做更多的分享。如果大家有任何疑问或建议，欢迎跟帖留言。

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

*请认真填写需求信息，我们会在24小时内与您取得联系。