导图社区 如何做好图片标签设计
我们经常在视频网站、小说网站等上看到运营人员会根据对某些内容,根据其特性在图片上打上相应的标签,以凸显主体的关键特性,辅助用户做出有效决策。那么这些图片标签的位置,对用户决策有着怎样的影响?不同标签如何根据对用户的影响设计放置的位置呢?不妨看看这张图。
社区模板帮助中心,点此进入>>
互联网9大思维
产品立项报告
产品经理如何做好项目管理
经验分享:产品经理必懂的产品思维
产品诞生过程
产品周期图
开门红的思考
招创智搜
网易星球
教学教务系统
如何做好图片标签设计?
什么是图片标签设计
视频或信息网站在图片上显示的标签,如“热播”、“热卖”、“推荐”等,用以凸显主体的关键特性辅助用户决策
竞品分析
常见标签样式
孤立式标签

半贴边式标签
全贴边式标签
结论
从效果上看:孤立式标签的醒目度要明显高于贴边式设计
从方位上看:靠左符合用户自然的视线流动规律,会比靠右更为醒目
设计分析
从作用来看
图片封面是信息的主体
标签信息是对主体信息某一维度的强调
凸显主体的关键特性辅助用户决策
标签重要性
首要决策因素
用户主要根据这个因素来进行决策
示例:热度、评分、排行榜
推荐位置:不受频率影响,建议采用左侧全贴边式标签
重要决策因素
非首要,但仍会影响用户决策
示例:直播、预告、完本、更新
推荐位置:可根据频率决定出现位置
刺激性决策因素
通常不是用户的固有决策因素,特殊情况下,会刺激用户进行临时决策
示例:限免、独播、自制、热映
推荐位置:右侧,全贴边的设计形式
背景图片大小
标签的大小相对固定,图片大小和标签醒目度呈负相关
推荐位置:在大图上,根据标签的重要性,适当强化其显示效果
图片标签设计3步曲
梳理标签类型及优先级
优先级决定因素
标签出现频率
首要决策因素>重要决策因素>刺激性决策因素
对照标签醒目度量表,决定标签位置及形式
标签位置醒目度
左上>右上
标签形式醒目度
孤立式标签>半贴边式标签>全贴边式标签
设计具体标签样式
圆角矩形
三角形
梯形
多边形
可根据标签属性,或者产品品牌符号,自定义适合标签样式,满足产品的个性化诉求