快好知 kuaihz

Axure教程 | 移动端APP原型动效库【底部导航】

本文给大家分享:在Axure软件中,如何制作APP原型底部导航

做好后,可以直接在中继器列表中修改导航名称、图标及跳转链接,还可以在中继器列表中任意增减导航的个数,兼容2-5个导航

名词解释

动效库:动态效果元件库,将常用的动态效果做成元件动效库,需要时随时调用。

亮亮原型:专注于APP原型动效库、Axure原型动效库、高保真原型设计。

APP底部导航原型在线地址:http://u.pmdaniu.com/59NY

 

一、功能点

1、可自行设置:1个导航或2个导航……5个导航(最多兼容5个);

2、载入时,根据导航的数量,自动获取各导航之间的间距;

3、载入时,通过界面名称,自动选中相应的导航标题。

二、准备工作

1、素材:导航图标、各个界面所需图片,下载文件中已包含所有素材;

2、新建【index】、【聊天】等原型中的界面,将手机壳导入【index】界面;

3、新建母版【导航_App】,在母版中拖入一个【中继器】(Nav,375*50px);

4、在中继器中拖入一个【动态面板】(List_Nav,75*50px),在动态面板中拖入一张【图片元件】(Icon_List_Nav,25*25px),拖入一个【文字编辑元件】(Title_List_Nav,75*10px)。

三、实现步骤

1、新建可以在各个界面通用的【导航_APP】:

2、将【导航_APP】拖入各个一级界面:

对于时间比较紧的朋友,可以直接复制去用,无需学习怎么去做。

 

相关阅读

第1篇:Axure教程 | 移动端APP原型【框架搭建】

第3篇:Axure教程_移动端APP原型【弹框提示语1】

 

作者:亮亮,公众号:亮亮原型

本文由 @亮亮 原创发布于人人都是产品经理。未经许可,禁止转载

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:原型  原型词条  底部  底部词条  移动  移动词条  导航  导航词条  教程  教程词条  
原型

 Axure教程 | 为原型设计添...

应用交互效果中,动画效果是应用的锦上添花效果,比起死板的页面切换,动画过渡效果还是会让人感觉自然,不那么生硬,也是一款优秀应用的加分项。我们以几个例子来说明一下...(展开)

原型

 善用Axure写PRD,全面通用...

对于初级PM,会被动的感觉到技术会反复的问一些共性问题,比如页面如何加载、如何跳转,网络不好如何呈现,是否需要全局埋点统计数据。对于高级PM,会主动的整理出一套...(展开)