必备型|标签规范设计方法探索( 四 )


6.1 常规标签主要适用于货源列表、订单列表,小黑板,详情页…等业务功能场景,是产品中最高频使用的类型,按重要层级可分为:首要标签 > 中等标签 > 一般标签 > 次要标签
必备型|标签规范设计方法探索
文章插图
首要标签:用与描述重要信息,主要以(深色面)背景样式展示
中等标签:用与描述次重要信息,主要是以(浅色面)背景样式展示
一般标签:用与描述一般信息,主要是以(有色描边)样式展示
次要标签:用与描述辅助信息,主要是以(灰色系)描边或面的样式展示(在不同情景下可由无色系升级为有色系展示)
必备型|标签规范设计方法探索
文章插图
6.2 异形标签适用于强调业务模块中最重要层级的的功能信息标识,采用非标造型,重要层级:异形标签>常规标签,展示位置多采用全贴边样式(左上>右上…),根据内容重要层级而定。
必备型|标签规范设计方法探索
文章插图
6.3 会员/等级标签主要用于会员业务的身份及等级标识,多适用于人/姓名后展示,多以图形或者图形+文本的样式展示
必备型|标签规范设计方法探索
文章插图
6.4 营销引流标签主要适用于业务功能营销转化引导,展示样式主要有:文字后加标签、信息功能上部加标签,对比鲜明,在某些场景使用上和徽标类似,除了对其识别造型统一外,还应对其使用场景加以明确:
居右侧展示:与按钮组合使用时,标签字段数量不能大于标签1/2宽度,末端与按钮右对齐;
局左侧展示:按钮高度大于单行标准按钮高度且重要层级高,或右侧有选择项占用时;
必备型|标签规范设计方法探索
文章插图
6.5 角标主要用于描述业务目标对象的特色及等级,置于角落(左上,右上…)±45°展示
必备型|标签规范设计方法探索
文章插图
6.6 印章标签主要用于描述功能任务(如协议签订,流程权益…..)的完成状态
必备型|标签规范设计方法探索
文章插图
七、总结麻雀虽小,五脏俱全,标签这个在UI设计中看似不起眼的元素,却包罗万象,好的设计可以驱动数据,赋能业务,一个科学的友好的标签应该是经得起推敲且能给用户带去更多便利和惊喜的精灵。本文是针对我们在需求设计中从标签的诞生到成长应用这一过程的量身定做,无规矩不成方圆,科学的规范会带给我们更多的便捷,能做到你好!我好!用户好!
设计是多元的,它不会朝着一个方向恒定发展,我们要做的是贴近生活现身场景迎接更丰富的变化万千。合适的设计才是有价值的设计,需要你我去调整视角去审视自己的设计,审视我们的需求。科学的方法更是解决问题的关键,也是项目有序落地的保障,理论与实践结合,知行合一。以上就是我在规范设计过程中的一些思考和探索,与君共享!
本文由 @微心主义 原创发布于人人都是产品经理,未经许可,禁止转载
必备型|标签规范设计方法探索】题图来自 Unsplash,基于 CC0 协议