底部导航栏的表现形式

Posted 2021-11-29 wangqian888

底部导航栏的表现形式有三种：

1.文字 + 图标：文字的存在能够更好的让用户对图标进行理解，提高用户的识别效率；

2.文字：主要出现在以图片和视频为主的产品和界面中，抖音，美图秀秀，小红书这三款app的底部导航栏都是以文字作为模块的切分，在使用过程中,更能够的　　关注 与阅读内容，底部导航栏的视觉层级相比上面的那种层级比较低，不影响浏览视觉，同时文字按钮也降低了用户的理解成本。

3.图标：很少用，很多图标没有很强的辨识度，只用图标，会造成用户的认知负担，不建议使用独立的图标。

小总结

1.当页面图片以图片为主时，使用纯文字或者纯图标能够降低底部图标对用户造成的干扰，但是纯图标的底部导航栏降低了用户的识别度，引起用户使用时的认知负担。

2.文字+图标的搭配属于最稳妥的方式，适用于大部分的产品底部图标设计。

3.图标是由有识别度的特征线索组成的，而面性图标的识别度速度更快。

4.线性图标的内部间距比较宽的时候，更容易识别，内部间距比较窄的时候，使用面性图标会更好。

5.图标的特征线索在边缘的地方，使用线性的图标识别度更高。