2023-06-30标签栏设计规范

1、标签数量:数量控制在3~5个,低于3个会造成底部空间浪费,多于5个会使结构复杂,容易误触,超过5个时,建议使用隐藏替换成“更多”入口,具体的标签数量有产品的框架来确定

2、标签间隔:A:屏幕均匀分布,比如5个标签,750设计稿,每个标签在150内左右居中                     B:同等间距:一般在有3个标签时使用,3个标签,每个标签之间的距离相等

3、视觉分割:标签栏与页面之前有区分,一般使用:阴影、分割线、背景色、毛玻璃效果

4、组合方式——图标文字:图标能引人注目快速理解,且不受地域、文化 影响,帮助用户快速触达目标,即便存在歧义,但配合文字说明能使其更加标准化,,这种方式最稳妥,不容易出错

5、组合方式——纯文字:(小红书、高德、抖音)纯文字标签遵循简单易用的原则,方便直观的进行操作,对用户的影响力较小,让用户专注于内容本身,但这种标签样式单一,对于信息延展有一定局限性,适用于年龄跨度较大的产品

6、组合方式——纯图标:(花瓣、夸克)适用于较为小众的品牌。用户群体年龄跨度小,纯图标样式简介,在一定程度上能提升产品的气质,虽然在识别度上有所降低,但此类产品的用户心智模型已经建立的相对完善,所以用户不依赖于文字理解标签含义,更可能利用位置记忆、图形化等知识唤醒固有认知来快速定位

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容