底部标签栏的图标风格在一定程度上决定了界面的风格。看起来相对简单,但仍然有很多问题值得注意。作者通过标签栏样式分析、6个导航栏注意事项来总结底部标签栏的设计,希望通过这些内容能帮助你对底部标签栏有进一步的理解。
底部标签栏(也称导航栏)是移动端设计中必备的导航类型之一。底部标签栏上通常会安排最重要且频繁操作的功能,方便用户随时都能快速访问。
虽然底部导航栏看起来相对简单,但要做到精准设计,仍然有很多问题值得注意。
本次通过标签栏样式分析、六个导航栏注意事项来总结底部标签栏的设计~
01 标签栏样式分析底部标签栏可以是纯图标样式,或者图标与文本标签搭配的样式。
选中的标签需要有不同的视觉风格,可以使用按钮、文字、圆点等样式来表示选中效果,帮助用户一目了然地定位当前导航。
在Apple iOS底部标签栏中,标签栏的宽为390px,高为49px。