标签的设计要领和规范

时间：2022.07.13作者：彩乐园浏览量：1205

标签是我们最常用的设计组件之一，由于功效强大，使用场景多样化深受喜爱。好的标签设计就像一剂完美的助攻，可以用于信息的转达、建立操作预知，可以帮用户及产品进行分类，也可以进行营销分流与智能场景的运用，能资助用户完成目今的任务，资助产品抵达业务目标。鉴于其重要性和多样化，建立一套标签视觉规范更好的去赋能和指导设计尤为重要。

标签的组成元素，标签由颜色、文字、形状等元素组成，每个元素相辅相成，和谐统一。

1. 颜色，颜色是标签设计中的一个重要元素，可以资助用户快速识别，提升信息转化的效率。标签的颜色应用上不但要清晰，精准，高效的转达信息，同时在多种颜色组合中也要兼顾着品牌。所以建立一套颜色板可以更好的便当标签的设计应用，建立的色板的原则是什么？

色彩模式选择

色彩模式是数字世界中体现颜色的一种算法。在数字世界中，为了体现种种颜色，人们通常将颜色划分为若干分量。由于成色原理的差别，决定了生成颜色方法上的区别。日常生活中有哪些常用色彩模式？

RGB 模式：以“加色混淆”的方法，由红、绿、蓝（三原色），三色混淆，体现出种种的颜色，我们的盘算机屏幕就使用这种方法体现颜色。这种色彩体现方法，称为 RGB 色彩。适用于显示器、投影仪、扫描仪、数码相机等。

CMYK 模式：以“减法原则”成色，物体色彩的反射色，是用画具或染料、油墨等“色材”来体现颜色，印刷品基本是由青、洋红、黄、黑四种油墨相互组合而成，这种方法称为 CMYK 色彩。适用于打印机、印刷机等。

2. 形状，形状是标签信息的一个外化直观通报，应切合产品的品牌调性（好比直角、圆角、其它隐喻造型…..)，凭据我司业务属性将标签大致分为：

基本型：4px 圆角矩形，高度以 28px 为主；

异型：高度以 32px 为主，具体凭据业务场景需要设计

标签信息层级界说，日常项目需求中，最棘手的莫过于，产品业务侧在功效�？槔锒鸭右淮蠖驯昵�，并且都强调是最重要的，在这种情况下关于设计侧而言就不可是设计悦目的问题了，这需要对标签的优先级作出分类，有序的设计表达。对用户而言我们的标签不可既是疗效又是脚镣。

从用户层面与产品层面划分去剖析需求对用户与产品的重要水平，配合着 KANO 模型对需求剖析，确定标签的优先层级排序：产品的角度：产品需要用户能快速筛选信息，促使用户快速抉择转化。用户的角度：用户需要目标信息与自身相匹配，能快速找到需要的信息。

标签类型/规范界说

1. 通例标签

主要适用于货源列表、订单列表，小黑板，详情页…等业务功效场景，是产品中最高频使用的类型，按重要层级可分为：首要标签 > 中等标签 > 一般标签 > 次要标签。

2. 异形标签

适用于强调业务�？橹凶钪匾慵兜牡墓π畔⒈晔�，接纳非标造型，重要层级：异形标签>通例标签，展示位置多接纳全贴边样式（左上>右上…），凭据内容重要层级而定。

3. 会员/品级标签

主要用于会员业务的身份及品级标识，多适用于人/姓名后展示，多以图形或者图形+文本的样式展示。

4. 营销引流标签

主要用于描述业务目标工具的特色及品级，置于角落（左上，右上…）±45°展示

要适用于业务功效营销转化引导，展示样式主要有：文字后加标签、信息功效上部加标签，比照鲜明，在某些场景使用上和徽标类似，除了对其识别造型统一外，还应对其使用场景加以明确：

居右侧展示：与按钮组合使用时，标签字段数量不可大于标签 1/2 宽度，末端与按钮右对齐；

居左侧展示：按钮高度大于单行标准按钮高度且重要层级高，或右侧有选择项占用时；

5. 角标

主要用于描述业务目标工具的特色及品级，置于角落（左上，右上…）±45°展示。

6. 印章标签

主要用于描述功效任务（如协议签订，流程权益…..)的完成状态。

上一篇 : 详情页设计不敷出彩，该如何提升？

下一篇 : 7 个让设计作品更高级的技巧

14
分享到：

back