教程一快手顶部切换及侧导航展示交互

　　本系列xure学习系列共分三期，期望通过本次分享让初学者能够掌握Axure的交互设计。本次分享主要内容包括：快手顶部Tab切换交互；侧导航展开交互；视频播放页交互以及视频拍摄页交互。
　　原型基于Axure8制作，以下是相关交互架构图。
　　首先查看完整原型预览：http：bdh2ot。axshare。com
　　以下是第一期分享内容。
　　一、顶部Tap切换
　　1设置动态面板
　　1。1拖入动态面板，600900。
　　1。2双击动态面板，设置动态面板名称。
　　1。3点击号，设置动态面板状态（快手APP顶部共3个Tap，所以本次也需要对应添加三个）。
　　1。4点击确定，添加完成。
　　2完成Tap页低保真原型原型（以发现页为例）
　　2。1双击发现，进入动态面板发现状态页面。
　　2。2在发现页面利用元件库，参考快手APP制作低保真原型。
　　2。3每一个原件做好命名，方便做交互时进行区别辨认。
　　2。4按照以上三点规则，分别制作关注页及同城页低保真原型。
　　2。5至此，首页Tap交互设计前工作准备完成，开始交互设计。
　　3Tap交互设计
　　3。1双击发现，进入动态面板发现状态页面。
　　3。2首先，点击选中关注Tap，并双击鼠标单击时用例，选择设置面板状态动作，并将状态选择为发现。
　　3。3其次，点击选中关注Tap，并双击鼠标单击时用例，选择设置面板状态动作，并将状态选择为关注。
　　3。4第三，点击选中同城Tap，并双击鼠标单击时用例，选择设置面板状态动作，并将状态选择为同城。
　　3。5按照以上4点，即可完成发现页面的Tap交互设置。
　　3。6同样分别进入关注及同城页面，依照同样的方法设置Tap交互。
　　3。7设置完成后，则本次Tap交互设计完成，赶快F5预览一下自己的成功吧。
　　二、侧导航展开交互
　　1完成侧导航页低保真原型，并做好原件命名。
　　2将侧导航页面进行组合，命名为侧导航，并设为隐藏状态。
　　3关注页，点击侧导航按钮并双击鼠标单击时用例，选择显示动作。
　　4右侧配置动作区域，选中侧导航组合，同时设置动画为向右旋转500毫秒。
　　5选中侧导航遮罩区，并双击鼠标单击时用例，选择隐藏动作。
　　6右侧配置动作区域，选中侧导航组合，同时设置动画为向左旋转500毫秒。
　　7设置完成后，则本次侧导航交互设计完成，赶快F5预览一下自己的成功。
　　本次分享到这里完成，下一期继续分享视频播放页的动作交互。
　　RP文件下载地址：链接：https：pan。baidu。coms1skKsvOp密码：ddrg