本系列xure学习系列共分三期,期望通过本次分享让初学者能够掌握Axure的交互设计。本次分享主要内容包括:快手顶部Tab切换交互;侧导航展开交互;视频播放页交互以及视频拍摄页交互。
原型基于Axure8制作,以下是相关交互架构图。
首先查看完整原型预览
互联网各大APP软件平台数据维护神器! 媒体账户/电商店铺/社交平台/娱乐直播/等软件平台APP点赞评论转发阅读量粉丝投票直播人气等等一条龙业务数据维护业务自助下单系统、本平台拥有苹果(IOS版)及安卓(Android)APP客服端欢迎企业自媒体作者网红流量明星艺人商家粉丝后援会团体及个人免费注册自助下单!!!
全网业务 直播人气 粉丝 弹幕 评论 互动 点赞 阅读 投票 友情免责推荐自助下单网址导航:
1号网站注册链接:http://k1mtokgg.weiququ.com/u/sf555888 推荐码:sf555888
3号导航站:WWW.LVMHVIP.COM
6号网址:http://1.xing58.xyz
A号网站:https://afagou.com/web/register-phone?user_id=CC123456 新用户注册邀请码:CC123456
C号网站:www.mcnup.cn
制网址粘贴到各大浏览器 免费注册24小时自助在线下单!可收藏网址下载APP业务项目不断上新中......
以上网站开发者不同、业务价格不同,货源和售后体系不同,自行对比产品不要搞错乱咨询!
以上平台业务均有网友分享、资源均来自互联网仅供学习交流、请勿用于商业及其他用途、自助选择了解注册,如遇问题本站概不承担任何责任,无偿推荐自行选择了解、特此声明!!
以下是第一期分享内容。
1.1 拖入动态面板,600*900。
1.2 双击动态面板,设置动态面板名称。
1.3 点击“+”号,设置动态面板状态(快手APP顶部共3个Tap,所以本次也需要对应添加三个)。
1.4 点击确定,添加完成。
2.1 双击“发现”,进入动态面板-发现状态页面。
2.2 在“发现页面”-利用元件库,参考快手APP制作低保真原型。
2.3 每一个原件做好命名,方便做交互时进行区别辨认。
2.4 按照以上三点规则,分别制作“关注”页及“同城”页低保真原型。
2.5 至此,首页Tap交互设计前工作准备完成,开始交互设计。
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预览一下自己的成功。
本次分享到这里完成,下一期继续分享视频播放页的动作交互。