网站内容标签设计 第1篇
标签体系由多个标签组成，牵一发而动全身。因此在构建健全的标签体系时，需要从人、交付物、协同关键节点三个方面建立协同机制，共同推动标签体系的持续优化和发展。
平台标签的重点不仅应在样式上符合用户对该标签的心智认知，且标签的视觉权重顺序也应该正确符合平台&用户的诉求，保障各标签能在用户的决策路径中起到高效正确的引导。对于标签系统来说，规范的构成形式应对全局标签的构成起到统领作用，良好的共建机制保障标签体系在业务发展的各个阶段始终保持统一有序。
网站内容标签设计 第2篇
①标签体系样式的构成
标签的构成形式可拆解为：双色和单色、实心和半透明、描边和填充、纯文字或图标加文字等，这些形式可以搭配组合出丰富的标签样式。
在标签内部，重色占比越大，饱和度和对比度越高，标签的视觉权重就越高。根据视觉上的强弱，对各类结构进行强弱排顺，形成强、中、弱三个层级的标签构成样式。
②标签体系样式搭配的构成
在相同的场景中，应尽量避免过多临近权重的标签，而是需要确立一个合理的强弱比例。尽管每个标签都可能有其重要性，但根据其权重和优先级顺序，应赋予各个标签合理的比例。综合考虑标签的重要性和数量分配，以确保用户可以快速准确地获取所需信息，同时保持界面整洁和易于阅读。
网站内容标签设计 第3篇
演示图
演示图
演示图
演示图
网站内容标签设计 第4篇
①样式收敛
新权益推出时，常基于应用场景用“位置”和“样式”强化对应的标签。随着权益体系的完善，一个标签存在多种样式使得权益表达的不统一，影响了用户对标签价值的认知。为解决这一问题，需要对标签样式的数量进行收敛。保留符合标签权重和通用性强的样式，作为标签迭代的基础范式。
②应用收敛
常规非特色信息使用标签，反而影响其他标签的权重和页面的阅读效率，根据奥卡姆剃刀原则“如无必要，勿增实体”，需要通过视觉降噪来提升页面的可阅读性。
网站内容标签设计 第5篇
标签的大小通常分为大、中、小三种，而标签的宽度常根据内容的长度进行适配。因此，在规则定义上，标签的大小会受到其高度的影响。
结合爱采购平台的核心场景和常用文字字号，16Pt 的标签高度与其他信息的大小比例最为平衡，故选择 16Pt 的标签高度作为基础大小。
在标签的造型上，可以将其分为常规形和异形两种类型：
在统一的场景中，同属性类型的标签形状应该保持统一和谐，避免在相同类别的标签中混用不同形状，造成视觉上的不统一感。通过统一标签形状，可以提升用户对标签信息的识别和理解。
在标签的圆角上，我们可以分为以下几种形状：
新的标签体系从产品设计语言出发，选择小圆角矩形作为主要标签的基本型，以保持整体视觉风格的一致性。