原型设计:APP下导航如何通过Axure画出来
ann3311 2025-03-29 14:50 16 浏览 0 评论
下导航是APP原型设计中常见的功能，如何快速高效的通过Axure画出来呢？
网上有不少文章讲过如何画下导航，要么方法特别复杂，要么步骤并不全面。典型的错误有两个，①使用多个动态面板来嵌套实现下导航。②使用动态面板来区分选中和未选中。
但是学会本文你可以100%模拟出微信、支付宝，淘宝，天猫app的下导航原型效果，点击预览效果。
接下来我会以微信APP为例，详细讲解每一步骤，学会之后可根据自身项目要求酌情删减。
画出每个导航按钮
每个导航按钮都是由方框，名称，图标3个元素组成。
方框，使用矩形元件。宽度=375/4=94px。高度建议50px左右。
名称，使用文本元件。输入文字代表导航名称。
图标，则用图片元件。缩放到合适的大小。
处理一下三者的布局，最终得到导航按钮。
（Axure功能理解比较深的童鞋，可以将前两者合并成一个矩形实现，新手不建议这样使用。）
设置导航按钮样式
以第一个导航按钮为例，设置它每一个元素的交互样式-选中。选中代表的是元素的另外一个状态。
方框，改变矩形的背景色。
名称，改变文字的颜色。
图标，使用另外一个图片来替换。
以此类推，把其他三个导航按钮也做一下样式。(矩形、文本元件可以使用格式刷快速复制交互样式，图片元件不行。)
设置导航按钮链接
将每个导航按钮的三个元素选择，并生成组合。
然后给组合添加链接，跳转到对应的页面“微信、通讯录、发现、我”。
为什么要这样做？点击导航按钮的区域内，都可以跳转。所以使用组合来表示这个区域内都是可交互热区范围。
我们已经画出了微信下导航的线框图效果，接下来讲解如何做出相似的交互效果。
生成固定位置母版
下导航是存在于所有的导航页。所以需要把下导航原型放到不同的页面。
选中这些元件，右键生成母版。
考虑到下导航在每个页面中的位置是一样的，所以将母版设为固定位置。
添加母版到导航页
打开微信页面，将左下方的母版拖进去。
以此类推即可…
设置导航页的效果
当位于微信页面的时候，导航按钮微信是不可点击，但是样式是点击后的样式效果。
所以需要设置当载入微信页面的时候，选中该按钮组合，并且禁用该按钮的交互。
以此类推…
需要注意的是，同时只有一个导航按钮处于选中状态，所以需要把所有的导航按钮选中并新建成单选组。
固定导航相对于屏幕的位置
如果你希望下导航原型和微信下导航一样，固定在页面的底部。
那么把这些导航按钮选中并生成动态面板，然后右键固定到页面指定位置即可。
至此我们做出了和微信APP完全一样的下导航原型和交互效果，
小结
本文是以微信APP为例，讲解常用的功能该如何画原型。鉴于视频教程不是特别容易理解，所以写成详细的文章分享给大家。
本文用到的微信图标和字体颜色等素材，提供下载
https://www.jianguoyun.com/p/DYKpyqkQu4zdBRjPwzQ
相关推荐
- 港风女明星惊喜入淘，618新增百位明星淘宝开播
-
潮新闻客户端记者祝瑶今年天猫618，直播江湖风云再起，新增百位明星入驻淘宝开播。其中有钟丽缇、洪欣、陈松伶、陈法蓉等港剧黄金时代的女神级人物，她们通过淘宝直播全托管模式，轻装上阵投身直播带货行业。...
- 明星开的淘宝的店 你知道几个?（明星开的淘宝的店 你知道几个吗）
-
layciga：张艺兴(暂停运营了)dangerouspeople：薛之谦断头台的生活方式：尚九熙张予曦stylenotes：张予曦小飞象Orfila：吴昕织羽集：徐娇TIANCBRAND：陈赫D...
- 欧阳娜娜入职淘宝:近1周淘宝直播间粉丝过百万的明星飙升24倍
-
3月22日，一张欧阳娜娜的淘宝工牌在网上引发轰动。看度记者了解到，欧阳娜娜确实以淘宝新势力造型合伙人的身份“入职”了淘宝，担任2020年淘宝新势力代言人。她与淘宝还将有一系列更深入的合作，其中也包括时...
- 李小璐淘宝店日销10万，为何明星从“带货”转“卖货”?
-
天下网商记者王诗琪沉寂已久的李小璐再度回到大众视野，竟摇身一变成网红，带着自己设计的服装品牌，开起了淘宝店。9月26日晚正式营业，到28日下午4点，李小璐的淘宝店铺卖出了1100多件衣服，按均价...
- 官宣!100位明星来淘宝直播:明星影响力找到最好舞台
-
追星有多苦，只有粉丝知道：要是演唱会门票难抢、社交媒体上“爱豆”又长期不“营业”，到底该去哪里跟明星互动？现在淘宝直播给了个好去处：100位明星来淘宝直播了！在淘宝就能跟明星在直播间里亲密互动，还可以...
- 刘涛淘宝直播首秀交易额破亿，明星带货赚钱之余也有“失业”风险
-
5月14日，刘涛淘宝直播带货首秀，4小时交易总额突破1.48亿元，观看人次超过2100万；5月16日，陈赫抖音直播带货首秀，4小时5000万人次观看，销售额8269.13万元；5月17日，汪涵淘宝直播...
- 欧阳娜娜入职淘宝，明星排队来淘宝直播
-
3月22日，一张欧阳娜娜的淘宝工牌在网上引发轰动。记者了解到，欧阳娜娜确实以淘宝新势力造型合伙人的身份“入职”了淘宝，担任2020年淘宝新势力代言人。她与淘宝还将有一系列更深入的合作，其中也包括时下火...
- 李小璐复出开淘宝店，日销10万元，还有哪些明星“下海”了?
-
天下网商记者王诗琪沉寂已久的李小璐再度回到大众视野，竟摇身一变成网红，带着自己设计的服装品牌，开起了淘宝店。9月26日晚正式营业，到28日下午4点，李小璐的淘宝店铺卖出了1100多件衣服，按均价...
- 淘宝直播明星带货榜出炉!林依轮成全网明星主播TOP1
-
明星直播带货热度不减，真刀真枪的PK下谁才是带货最厉害的那个？6月29日，淘宝直播联合淘榜单发布了今年天猫618的明星直播带货榜。排名第一的是曾凭借《爱情鸟》走红的林依轮，他更是首次跻身所有淘宝主播的...
- 300余明星上天猫618!半个娱乐圈都在淘宝直播
-
新京报讯吴亦凡、宋威龙、李易峰、许光汉、华晨宇、刘涛、毛不易、欧阳娜娜、赵丽颖、郑爽、华晨宇、鹿晗、古力娜扎、迪丽热巴、Angelababy、吴倩、张云龙……他们全要上天猫618。5月27日，天猫6...
- 朋友手上买路易威登nanospeedy是假货!鉴定师:教你两招鉴定技巧
-
今天鉴定了一只路易威登【nanospeedy】当这个包包出现在眼前的时候，我就在想这只包会不会是假货？【nanospeedy】被评为最难买的路易威登热门款式之一，今天就来讲讲超难买到的LV迷你枕头包！...
- 我那件花了1800元购买的“名牌”衣服送人了
-
不知多少女人像我一样，听信微商所谓的“尾单”，买进高仿的大牌服饰，还以为真的可以出入专柜无压力。对于一个拿死工资的上班族来说，买正品的大牌衣服和包包有点太奢侈。顶多护肤品用兰蔻，香水用迪奥，已经很享受...
- 1099元买手表 卖家:天梭“新款设计LOGO 亲”
-
11月1号，宁波的杨先生在网上买了一块手表，商品信息写的是瑞士天梭正品手表，可收到后他怀疑是假货。...
- 淘宝的戴森吹风机能买吗?假货踩坑记
-
先说一句啊，戴森的吹风机虽然宣传得比较好，但是我自己是绝对不会用的，之前只是琢磨放在浴室里面一个给洗澡的傻白甜们做个样子而已。自己还是老老实实的用松下nanoe毕竟自己的头发自己知道需求。11月27日...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 淘宝店铺优惠券怎么用 (36)
- 淘宝图片上传 (53)
- 购买天猫专卖店 (31)
- 淘宝搭配套餐怎么弄 (31)
- 淘宝试用什么意思 (39)
- 淘宝动态评分 (34)
- 淘宝保证金在哪里交 (32)
- 淘宝宝贝降权 (32)
- 淘宝恶意点击 (32)
- 淘宝查号 (31)
- 淘宝系统异常 (31)
- 天猫平台 (33)
- 淘宝信誉等级划分 (31)
- 天猫网店开店费用 (32)
- 淘宝假一赔三申请 (37)
- 淘宝会员打折 (35)
- 淘宝好评率 (32)
- 淘宝如何加入购物车 (33)
- 淘宝涨价 (35)
- 淘宝如何刷信誉 (32)
- 天猫直播入口 (34)
- 淘宝上架 (33)
- 淘宝帐号 (33)
- 淘宝不能发货 (33)
- 淘宝排名查询 (32)