标签的设计要领和规范

时间：2022.07.13作者：pg电子游戏浏览量：1318

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

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

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

色彩模式选择

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

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

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

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

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

异型：高度以 32px 为主，详细凭证营业场景需要设计

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

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

标签类型/规范界说

1. 通例标签

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

2. 异形标签

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

3. 会员/品级标签

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

4. 营销引流标签

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

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

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

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

5. 角标

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

6. 印章标签

主要用于形貌功效使命（如协议签署，流程权益…..)的完成状态。

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

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

14
分享到：

back