底部导航栏有权重平分、强调信息、引导操作这三种模式。
底部导航栏的图标是路牌,承担着指路的作用,给用户指明进入产品后可以分别通往什么页
面。早期的底部导航栏是单一的指路功能,经过多年的交互设计迭代后,附加了“信息展
示”和“引导操作”的作用。
先来看看优秀的实际案例! 初学者可以通过临摹学习进行深入学习!
![abe0d6dc920be8a37cc9f99e85b63f0c.png](https://i-blog.csdnimg.cn/blog_migrate/3b18c4622748cd2b07f517fc445339f9.jpeg)
疯狂底部导航
![21239c7850ed88bd7b0efa5a1b233ade.png](https://i-blog.csdnimg.cn/blog_migrate/6d3d985cdb2ae3ecd81fe03286b1e713.png)
材料底部导航
![fea1621c5e462bea3787688e27dfec7f.png](https://i-blog.csdnimg.cn/blog_migrate/ac7e224e4efbf349b554346da60303f0.jpeg)
材料底部导航
![f5b22f312b10beb92a12eaa596982a2d.png](https://i-blog.csdnimg.cn/blog_migrate/296bcaafc719c6b6f7a4776dbd66b5f6.png)
底部导航材料设计 - FREEBIE FO
![v2-66f5ddc5c42390c1cd8aea9ced486508_b.gif](http://img-03.proxy.5ce.com/view/image?&type=2&guid=6900ea84-1160-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-66f5ddc5c42390c1cd8aea9ced486508_b.gif)
Android的底部导航原理免费搭乘
更多的APP设计素材模板,到搜UI (SOOUI) www.sooui.com
![5020b224cc9c83b758e71780eb818f12.png](https://i-blog.csdnimg.cn/blog_migrate/9ebab38a894fd148ccfc562cd03b0871.jpeg)
- 三个重要评估维度
(1)品牌调性
品牌调性决定了图标的体量感、差异化和创意延展。怎样评估图标设计能够体现出品牌调性呢?最简单直接的方法:截屏首页,不看顶部栏,仅从底部导航栏能看出来这是什么产品,就算成功体现了品牌调性。
(2)识别度
识别度决定了用户辨识其它页面功能的速度。高识别度的图标能协助用户辨识,低识别度的图标会阻碍用户辨识。在选择做这部分图标的时候,一定要考虑识别度的问题,进行创新要建立在高识别度的基础上。
(3)美观
导航栏图标美观的要义是:统一、精致。统一不代表绝对统一,精致不代表过于精细。要做到美观,可以遵循以下几点:大小统一和谐、线条粗细一致、圆角视觉统一、内容繁简平衡。