标记系统设计总结-zzz2017-12-26

2021-01-06

标记系统

 

写这篇文章的缘由是我最近经常在“饿了么”里点外卖,我发现一个店铺有很多“标签”,每个标签带有不同的意思。“新”代表这家店是刚开的;“减”代表有满减优惠;“首”代表新用户下单会立减消费金额;“保”代表该店铺参加了“外卖保”计划,食品安全有保障;“票”代表该商家支持开发票等等。非常的复杂,我就问我自己:如果我做的产品中有这么多的标签,我应该怎么展示呢?为了解决这个问题,我觉得有必要梳理一下产品中的标记系统。
标记系统设计总结-zzz2017-12-26(图1)

从这个角度来说大家不知道标记系统这很正常,因为这只是我为了表述方便而起的一个名字,你完全可以有自己的叫法。设计其实是一个包容性很强的行业,没有所谓的非黑即白,非对即错。同样的一个设计理念,每个人都有不同的叫法和理解。我所理解的标记系统是了满足营销宣传需要或者状态发生变更而对特定内容进行标记让用户能够感知。如果你看不懂,没关系,下面有详细的介绍。

 

标记系统里的几个常见的设计元素有角标、标签、红点印章

组件层级

 

即使在同一款产品中,因为使用场景和信息层级的不同,相同的组件会有多种不同的展示样式。

 

以使用场景为例,同样的一个群消息提醒,是否开启了免打扰模式的小红点的样式是不一样的,这里主要的不同是背景色。

 

相关推荐

点击加载更多