2022-01-10 14:22:32|已浏览：235次
底部标签栏导航在 UI 表现层方面也是千奇百态，除了常规的置底形式，设计师也发散了更多新颖的表现。突破现有规范的束缚，不被固有化思维所限制，才能不断的进行设计创新。
1. 最稳定的常规设计形式
底部标签栏导航最常见的设计形式依然是置于底部的常规形式，通常是 3-5 个功能模块为主，其中 5 个功能模块是较为常见的。形成差异化的是在图标设计上面进行发挥，难度较大的设计是结合品牌基因或者特征性元素表达，也有一些是纯文字的设计形式。
除了图标上面进行发挥以外，也有一些会在背景上面进行装饰，体现产品差异化。不过最常见的依然还是单色为主，或者根据模块的需求在切换的过程中选择使用不同的背景体现。虽然是最常规的导航模式，但是设计师依然可以在布局形式、图标风格、配色关系、背景装饰等方面进行发挥。
2. 动静结合的微动效表现
微动效在产品设计中的运用逐渐变得频繁，相较于静态的表现更能引起用户的关注度，也能带来趣味性和互动性。在底部标签栏导航中的图标设计上面，默认的采用静态展示，而点击状态以动效的形式进行演变过渡也是非常常见的设计处理。
在进行动效设计的时候，可以采用整个图标位移形成动效，这是最简单的动效表现，通常是上下弹跳位移。比较复杂的是图标本身的结构动效，这也是图标动效转换比较连贯的形式。
3. 突出规范框架的束缚表现
虽然大部分产品设计都会优先采用官方的设计规范，但是为了突出设计的差异化，也会进行一些突出规范框架的设计。在保持原有不变的导航设计中，我们可以针对局部功能模块进行突出表现（比如舵式导航），也可以将点击状态进行突出表现。
4. 悬浮层增强空间感
一些产品为了增强界面结构的空间感，针对底部标签栏导航设计采用悬浮层的设计来进行表现，使得界面的通透性和呼吸感更强。这种设计形式依然保留了原本的结构，只是预留了左右和底部的间距，也有一些产品结合交互动效的形式表达，滑动过程中采用隐藏部分功能，增加浏览过程的内容输出面积。
5. 底部拓展/隐藏式设计
随着一些工具型产品的使用，功能模块变得复杂而繁多，也有将更多功能隐藏在底部标签栏里面，上拉交互时显示。这种设计形式将底部标签栏进行了深度的开发利用，但是功能隐藏比较深，曝光度受到了一定的影响，不适合较为重要的功能模块设计。
本文由培训无忧网长沙牛耳教育课程顾问老师整理发布，希望能够对想参加长沙UI设计培训的学生有所帮助。更多课程信息可关注培训无忧网UI设计培训或添加老师微信：15033336050注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-14253.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注UI设计频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050
