集团简介 关于达和 产品展示 视频展示 客户案例 新闻中心 客户服务 联系我们
返回首页
当前位置: 首页 > 关于达和

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

时间:2018-10-05 23:16:30来源:本站 作者: 点击:
  本系列xure学习系列共分三期,期望通过本次分享让初学者能够掌握Axure的交互设计

  本系列xure学习系列共分三期,期望通过本次分享让初学者能够掌握Axure的交互设计。本次分享主要内容包括:快手顶部Tab切换交互;侧导航展开交互;视频播放页交互以及视频拍摄页交互。

  1.3 点击“+”号,设置动态面板状态(快手APP顶部共3个Tap,所以本次也需要对应添加三个)。

  2.2 在“发现页面”-利用元件库,参考快手APP制作低保线 每一个原件做好命名,方便做交互时进行区别辨认。

  2.4 按照以上三点规则,分别制作“关注”页及“同城”页低保线 至此,首页Tap交互设计前工作准备完成,开始交互设计。

  3.2 首先,点击选中“关注”Tap,并双击 “鼠标单击时”用例,选择“设置面板状态”动作,并将状态选择为“发现”。

  3.3 其次,点击选中“关注”Tap,并双击 “鼠标单击时”用例,选择“设置面板状态”动作,并将状态选择为“关注”。

  3.4 第三,点击选中“同城”Tap,并双击 “鼠标单击时”用例,选择“设置面板状态”动作,并将状态选择为“同城”。

  3.6 同样分别进入“关注”及“同城”页面,依照同样的方法设置Tap交互。

  3 “关注”页,点击“侧导航”按钮并双击 “鼠标单击时”用例,选择“显示”动作。

  4 右侧配置动作区域,选中“侧导航”组合,同时设置动画为“向右旋转”500毫秒。

  6 右侧配置动作区域,选中“侧导航”组合,同时设置动画为“向左旋转”500毫秒。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上海广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、招聘人才,与你一起成长。

顶一下
0%
返回首页
0
0%
------分隔线----------------------------
推荐内容