在UI筹划中 ，标签筹划是甚意思详指经由过程对标签的色彩 、文字 、解标外形举办视觉筹划 ，签筹是点编独霸一种组件筹划 ，用于信息的制及传递、创建独霸预知，标签可以帮用户及产品举办分类，筹划也可以举办营销分流与智能场景的甚意思详独霸 ，能辅佐用户完成往后的解标义务，辅佐产品抵达营业方针。签筹
群集标签(Tag)是一种互联网内容构造编制 ，是标签相干性很强的关头字 ，它辅佐人们轻松的描摹和分类内容 ，以便于检索和分享 ，Tag已成为web 2.0的次要元素。标签将内容的构造权益从网站治理者下放到用户手中，充分闪现了web2.0自下而上 ，用户介入的特点 。
标签琐细在产品筹划过程中黑色常次要的 ，也是筹划邻接前后端同窗将营业需求在斥地落地中不成或缺的一部分 。科学的标签筹划会屈就营业需求+品牌理念的筹划计策 ，此类标签具有稀少的视觉标识表记标帜 ，便独霸户疾速辨认 ，汲引信息转化的屈就 。
标签相当于邻接内容的"传声筒" ，其音量的大年夜小可以影响到用户的决意狡计 。依托于用户场景 ，将重点信息内容透传给用户侧 ，对汲引用户对内容的认知度有所辅佐 ，赞助用户决意狡计 ，即标签的价值 。
简而言之 ，标签就是连络产品内容和特点提炼出的一种关头词 ，便于用户屈就本身需求查找和独霸的一种描摹和定义 。用户幻想下场经由过程标签举办信息回响和交互独霸。
1 、营业梳理
用户行动流 ，以营业需求为导向，可以按上面的思路来梳理标签琐细 ：
(1) 、有哪些产品线？产品线有哪些本源渠道 ？一一列出。
(2) 、每个产品线有哪些营业对象 ？比如用户，商品。
(3) 、末尾再屈就对象聚合营业 ，每个对象触及哪些营业 ？每个营业下哪些营业数据和用户行动？
2 、标签分类
按营业需求梳理了营业数据后 ，可以延续屈就营业产收对象的属性来举办分类 ，次要方针 ：
(1) 、利便治理标签 ，便于呵护和扩大年夜大年夜大年夜大年夜 。
(2)、筹划了然 ，展示标签之间的联络相干相干 。
(3) 、为标签建模供给子集 。利便自力筹算某个标签下的属性偏好或权重 。
梳理标签分类时 ，尽大年夜大年夜约屈就MECE绳尺 ，彼此自力，无缺穷尽。每个子集的组合都能袒护到父集所罕有据 。
标签分类
标签深度独霸在四级斗劲契合 ，利便治理 ，到了第四级就是具体的标签实例 。
标签深度独霸
1 、精华精辟
标签但凡面积斗劲小 ，次要作为赞助或补偿信息 ，辅佐用户更好的邃晓主体信息 。是以需求精华精辟易懂 ，不契合展示除夜段内容 。可是过于复杂的标签 ，没法给用户充分的信息，随便让用户看不懂、产生发火思疑 。
2、视觉凹陷
因为面积斗劲小 ，标签但凡会添加布景物 ，或采取光鲜的色采 、图形吸援引户的寄看 。可是在不合的产品中 ，视觉凹陷的编制也是不合的 。
3 、齐截性与不合化
在淘宝中 ，标签根本是结实在不合色系中 ，采取邻近的视觉编制 。当然首单优惠 、第二天达等重点处事特点则采取了较着的不合化默示编制 。此外电商平台中的告白标签 ，更多是知足政策律例的请求 ，不得已而为之 ，是以比照价值优惠等益处点标签 ，较着被弱化了 。
标签由色彩 、文字 、外形等元素构成 ，每个元素相反相成 ，调和不合 。
1 、色彩
色彩是标签筹划中的一个次要元素 ，可以辅佐用户疾速辨认，汲引信息转化的屈就 。标签的色彩独霸上不单要了然，精准 ，高效的传递信息 ，同时在多种色彩组合中也要兼顾着品牌 。
标签用色绳尺
2 、外形
外形是标签信息的一个外化直不美不雅不雅不雅不雅不雅不雅传递 ，应契合产品的品牌调性（比如直角 、圆角 、此外隐喻外型…..) 。
根本型 ：4px圆角矩形 ，高度以28px为主；
异型 ：高度以32px为主 ，具体屈就营业场景需求筹划 。
根本型标签
标签的齐截性
3 、标签层级筹划
连络色彩层级筹划轨则 ，有不合的经由过程线 、面等格式默示出标签的权重层级 。
标签层级筹划
标签视觉层级
对标签圭表类型而言 ，因为每个平台的属性各不合 。所以面对宏壮的独霸处景 ，在筹划婚配时要寻觅属于复合本身产品营业的属性的编制 ，罕有的标签有 ：常例标签 、异形标签、会员/等第标签 、营销标签、角标签 、印章标签。
1 、常例标签
次要合用于货源列表 、订单列表 ，小黑板 ，概略页…等营业下场场景，是产品中最高频独霸的圭表类型，按次要层级可分为 ：次要标签 > 中等标签 > 一样往常标签 > 次要标签
次要标签：用与描摹次要信息 ，次要以（深色面）布景格式展示
中等标签 ：用与描摹次次要信息 ，主假定以（淡色面）布景格式展示
一样往常标签 ：用与描摹一样往常信息 ，主假定以（有色描边）格式展示
次要标签：用与描摹赞助信息 ，主假定以（灰色系）描边或面的格式展示（在不合气候下可由无色系晋级为有色系展示）
常例标签
2 、异形标签
合用于朴实营业模块中最次要层级的的下场信息标识 ，采取非标外型 ，次要层级 ：异形标签>常例标签 ，展示职位多采取全贴边格式（左上>右上…） ，屈就内容次要层级而定 。
异形标签
3 、会员/等第标签
次要用于会员营业的身份及等第标识 ，多合用于人/姓名后展示 ，多以图形或图形+文本的格式展示
会员/等第标签
4、营销引流标签
次要合用于营业下场营销转化带领 ，展示格式次要有：文字后加标签 、信息下场上部加标签 ，比照光鲜 ，在某些场景独霸上和徽标近似 ，除对其辨认外型不合外 ，还应对其独霸处景加以了了 ：
居右边展示 ：与按钮组合独霸时 ，标签字段数量不克不及除夜于标签1/2宽度，末尾与按钮右对齐；
局右边展示 ：按钮高度除夜于单行标准按钮高度且次要层级高 ，或右边有选择项占用时；
营销引流标签
5 、角标
次要用于描摹营业方针对象的特点及等第，置于角落（左上 ，右上…）±45°展示 。
角标
6 、印章标签
次要用于描摹下场义务（如和谈签定，流程权益…..)的完成外形 。
印章标签
在挪动端产品中 ，标签但凡涌如今"创作创造" 、"推荐"页面，或搜刮下场页面中 。经由过程复杂精华精辟的表达编制 ，在无穷的空间赞助信息表达 ，让用户可以更***度地体味内容 ，激起用户寄看并激起用户欢欣乐乐喜悦爱好。所以标签所表达的内容相当次要 ，次要包含以下 3 个信息标的方针 。
1、商品或处事特点
对电商平台而言，商品 、价值 ，处事 、物流等处事环节都邑影响到用户决意狡计 ，是以需求尽大年夜大年夜约地将商品及处事的价值点传递给用户 。而挪动端产品屏幕空间无穷 ，需求将各类信息分层有序的揭显露来 。
标签既可以凹陷商品扣头、优惠信息、处事特点吸援引户 ，又不会占用太多的空间 ，所以成了商品展示次要的赞助信息 。
2 、用户行动
复杂的标签可以减缓用户误独霸的焦炙 ，加强安然感 。在电商平台中，用户行动异常成了次要的标签标识表记标帜 ，买过 ，订阅过、不雅不雅不雅不雅鉴赏过等标签可以唤醒用户的记忆 ，拉进商品与用户间的距离 ，有助于带来更好的点击量 。
3、从众心思带领
当用户没法决意狡计时 ，从众心思睬成为影响用户决意狡计的次要要素 。所以在电商平台 ，销量作为特别很是次要的排序前提孤单展示 ，便独霸户快捷独霸 。一样其他用户的收躲量 、下单量 、播放量数据也会对用户行动产生发火影响。是以这类信息普及独霸在标签筹划中，积极带领用户点击和转化 。
优化猩SEO ：标签筹划在全数UI筹划中看似不起眼的元素 ，却湮没了良多的感染 ，一套好的标签筹划可以驱动数据 ，赋能营业，而一个具有精细用户体验的产品也不克不及贫窭标签筹划与筹算 。
参考链接 ：
标签圭表类型筹划编制试探 大年夜大年夜师都是产品经理
http://www.woshipm.com/pd/5332368.html/comment-page-1
标签筹划 - 简书
https://www.jianshu.com/p/801fb6c6315e
从3个方面 ，分化总结标签筹划的体验细节 ！ - 优设网
https://www.uisdc.com/tag-design
改削于2025-09-10
关注微信
