编辑导语：我们在使用产品时，经常会用到标签或者标题进行查找，这样可以更快的让用户找到预期目标；清晰有效的标签也能一定程度上提高用户体验，用细节提升好感；本文作者分享了关于线上产品标题栏的解构与分析，我们一起来了解一下。

标签栏（Tab Bar）是界面设计绕不开的一个课题，绝大多数产品都必需一个视觉美观、反馈清晰的标签栏来传达品牌形象。

本篇文章将讨论与标签栏相关的设计细节，并尝试分析设计背后的思考；所有案例均来源于各大线上产品，观点仅来源于个人粗浅的分析，如果有哪里说得不对的地方，希望大家多多指点。

一、理解标签栏作用

根据iOS人机交互指南，标签栏（Tab Bar）是用于组织APP结构，以扁平层级，只用于导航的基础控件。

标签栏不应承载任何操作，如果需要执行操作，应选用工具栏（Tool Bar）；标签数量一般在3-5个（针对手机，pad端可以适当多一些），如果标签太多，**一个标签可以是“更多”，将更多的标签收纳其中。

标签栏的主要作用有以下2点：