一对一免费咨询: 13913005726 025-66045668

  继上篇文章,本文继续和大家分享关于快手APP的相关交互设计。

  

  第一期主要和大家分享了快手顶部Tab切换交互、侧导航展开交互、视频播放页交互以及视频拍摄页交互效果。

  作为本次Axure学习系列的第二期,主要和大家分享快手APP拍摄页的相关基本交互,主要包括:拍摄页的进入与退出;插入魔法表情及音乐;删除视频交互。期望通过本次分享让初学的同学能够掌握Axure的交互设计。

  原型基于Axure8制作,以下是相关交互架构图:

  

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

  以下是第二期分享内容,首先查看完成交互效果:

  

  一、 设置进入拍摄页与退出拍摄页

  1 完成视频拍摄页低保真原型,并做好原件命名。

  

  2 将视频拍摄页面进行组合,命名为拍摄页,并设为隐藏状态。

  

  3 发现页,点击拍摄按钮并双击 鼠标单击时用例,选择显示动作。

  

  4 右侧配置动作区域,选中拍摄页组合,同时设置动画为向左滑动500毫秒。

  

  5 选择拍摄页,点击关闭拍摄按钮 使用鼠标单击时用例,选择隐藏动作。

  

  6 右侧配置动作区域,选中拍摄页组合,同时设置动画为向右滑动500毫秒。

  

  7 设置完成后,则本次侧导航交互设计完成,赶快F5预览一下自己的成功。

  二、 拍摄中交互设置

  1 拍摄中的基础交互包括,进度条展示、删除按钮展示、下一步按钮展示。

  2 首先完成拍摄中低保真原型,并做好原件命名。

  

  3 分别将进度条、删除按钮、下一步按钮设为隐藏状态。

  4 点击拍摄按钮并双击 鼠标单击时用例,选择显示动作。

  

  5 右侧配置动作区域,分别选中:进度条、删除按钮、下一步按钮。

  

  6 点击拍摄按钮并双击 鼠标单击时用例,首先配置显示当前原件;之后选择隐藏进度条、删除按钮、以及下一步按钮。

  

  7 设置完成后,则本次侧导航交互设计完成,赶快F5预览一下自己的成功。

  三、 插入音频交互

  1 完成音乐弹窗页低保真原型,并做好原件命名。

  

  2 将音乐弹窗页面进行组合,命名为音乐弹窗,并设为隐藏状态。

  

  3 视频拍摄页,点击音乐按钮并双击 鼠标单击时用例,选择显示动作。

  

  4 右侧配置动作区域,选中音乐弹窗组合,同时设置动画为向上滑动500毫秒。

  

  5 选择音乐弹窗,点击关闭按钮 使用鼠标单击时用例,选择隐藏动作。

  

  6 右侧配置动作区域,选中音乐弹窗组合,同时设置动画为向下滑动500毫秒。

  

  7 设置完成后,则本次侧导航交互设计完成,赶快F5预览一下自己的成功。

  本次分享到这里完成,下一期继续分享视频详情页的动作交互。

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

*请认真填写需求信息,我们会在24小时内与您取得联系。
致力于为客户创造更多价值
13913005726 025-66045668