发布时间：2022-7-16 分类： 电商动态
我之前写的文章都是关于组件或设计元素的使用。今天的文章是对产品中标记系统的一种分析。涉及的内容相当复杂，我希望能帮助大家。
标记系统
写这篇文章的原因是我最近在“饥饿”中采取了一个外卖，我发现商店有很多“标签”，每个标签都有不同的含义。 “ New”代表这家店刚刚开业; “减去”代表全部减价优惠; “第一个”代表新用户将减少订单支出; “安全”代表商店参加“外卖保险”计划，保障食品安全; “门票”代表商家支持发票等。非常复杂，我问自己：如果我正在做的产品中有这么多标签，我应该如何展示它们？为了解决这个问题，我认为有必要对产品中的标记系统进行梳理。
从这个角度来看，每个人都不知道标记系统是否正常，因为这只是我为了方便表达而拥有的名称，你可以拥有自己的名字。设计实际上是一个包容性行业。没有非黑色或白色的东西。同样的设计理念，每个人都有不同的名称和理解。我理解的标记系统是标记用户可以感知的特定内容，以满足营销需求或状态变化。如果你不明白，没关系，这里有详细的介绍。
标记系统中的几个常见设计元素是角，标签，红点和印章。
角标
角标主要用于营销推广，以提高用户点击率。例如，圣诞节即将到来。如果您想专注于推广产品，您可以使用角落来吸引用户的注意力，加上“爆炸”，“折扣”和“销售”等字样。
在我看来，角标记是最具表现力的标记元素。由于角标通常出现在界面的左上角和右上角，左上角大部分是根据用户的“Z”型浏览习惯，角色标记很容易被用户察觉，角标记是一般是平的。达到吸引用户注意力的目的也是非常好的。
角标的缺点是一次只能出现一个。如果您的产品有多个卖点，如“爆炸物”，“附加价格”，“广告”，则不适合使用角标记。
当然，如果你必须使用角落来显示它，这不是不可能，但它太拥挤了。这涉及信息优先排序问题。例如，如果我是这个平台的设计师，我也会建立一个新的商店。因为目标对用户更具吸引力，我们必须利用这种强大的宣传力度来帮助新店开业。如果没有这种保护，新店将无法生存，也不会有新鲜血液输注。这个平台迟早会完成。
标签
Tag Tag，主要用于标记和选择。标签的性能比角标记弱，但优点是它们可以同时显示。我刚才提到的例子可以用标签来完成。和不同的标签我们可以设置不同的背景颜色来区分。
此外，用户可以单击以选择并快速查找具有相同标签的其他产品。因此，标签不仅可以完成标记任务，还可以在信息筛选和分类中发挥作用。
但并非每个标签都是可点击的，因为用户通过标签查看该类别的其他信息不一定是通过点击标签本身，而是通过其他筛选方法完成的。
另外，可点击“rdquo;标签为了避免用户误操作，不可避免地会占用更多的界面空间，因此不可点击的标签是有意义的。标签的样式与按钮类似。如何设计用户以了解这是一个不可点击的标签是一个问题。我之前使用的方法是使用虚线，但我觉得效果不好而且有更好的想法。朋友可以留言。
红点
我们通常称之为“（数字）红点”，实际上，技术术语是徽章，主要出现在按钮，图标上的数字或状态标记。
红点最基本的用途是显示新消息的数量，当然，您也可以自定义显示号码以外的文本内容。
我们还可以显示一个小红点，以指示当前状态或内容更改，而无需添加任何文本内容。
事实上，我们必须谨慎使用小红点。因为小红点的工作原理在于用户追求和谐统一的界面，突然出现了一个红点，所以我不禁想点击。我们可以适当地减小红点的大小，或者使用一些微动来减轻用户对这个小红点的内心烦躁。
密封
邮票主要用于标记表格中的信息。表格中有很多一般的文字信息。为了突出，我们可以使用印章风格，并且由于印章在现实生活中带来的比喻，用户也很容易接受。
组件级别
即使在同一产品中，由于不同的使用场景和信息级别，相同的组件可以具有许多不同的呈现样式。
以使用场景为例，同一组消息提醒DND模式中红点的样式是否不同，这里的主要区别是背景颜色。
以信息级别为例。对于相同的标签，列表页面的样式是平的，细节页面是线性的。我在这一点上理解这一点。在产品列表页面上，您必须通过这些“诱人”标签吸引用户。当用户单击详细信息页面时，无需突出显示这些标记。
总结
最后，我们可以从使用场景的角度对四个元素进行排序：
角落：最具表现力，适合显示信息层次的最高或最重要的特征;
标签：常规标记元素，适用于显示不太重要和大量的功能;
小红点：专注于显示状态的变化;
邮票：首选标记表格中的多文本信息。
以上是我的打标系统的总结，希望对大家有所帮助。
专栏
王M大赛（微信公众号：王M大赛），大家都是经理专栏作家，高级网络人士。
这篇文章最初发表。未经许可，禁止复制。
该地图来自unsplash，基于CC0协议
