近组内设审，视频小两业务都涉及到图片显示标签（Tag）的设，但Tag的样式置却不完全不同，如下图所示：
加之对其他产品中图片Tag的置样式各异的印象，不由得引发了我的思考，到底什么置，何种样式的标签设计才是更合适设计？这背后设计逻辑又是什么？
带着这样疑问，我打开了手Top3视频和小说App，过分析理，发现竞品主要采用了以下4图片Tag样。
注：孤立标签设计，是指标签与背景图片边缘都有定距离。半贴边标签则是指标签和背景图片某条边合。全贴边标签则是指标签两条边与背景图片都合。
从设效果看，孤立式标签的醒目度明显高于贴式设。
《象力-构图与创作思维》一书中，黄朝贵老师曾指出：孤立会起到强调作用，就太月亮悬挂高空一样，孤立元素的重感会因此增强。
贴式的标签，因图片直接相连，易与图片背景融一体。
从方位上看，Tag靠左会靠右更为醒目，因为符合户自然的视线流规律，毕竟多数户都是从左向右浏览的。当标签位于左上角位置时，会剧标签的视线聚焦效应。
分析竞的视觉呈现效果后，我们再来接着探讨：Tag之于小说或视频的意义？思考到应该么形式，在么位置展示标签呢？
对视频或小说而言，图封面是信息的主，Tag信息是对主信息某一度的强，目的是为更的凸显主的关键特，辅助用户决策。
既然Tag是辅助用户决策的因素，那可以从Tag的重要性、出现频率、背景图片大3个维度来展开析：
1. 重要性
根据重要性，把标签为三大类：
首要决策因素：指户要根据这个因素来进行决策，如热、评分、行榜等。当Tag于展示首要决策因素时，Tag的醒目在遮挡容的前越醒目越好。如榜单，有App无一例外都放置在了图片的左上角，凸显名信息。
重决策因素：指虽然并非用户的首要决策因素，但用户会因此而选择or放弃此对象，所以有必要把这个决策因素以醒目的方式呈现给用户，比如直播、广告、VIP、预告、完本、更新等。避免用户选择进入详情后，才发现不符诉求，还要退出后重新选择，响决策效率。对于重要决策因素的Tag，根据Tag出现的频率，可以灵活的决定其位置。
刺激决策因素：指通常不用户的固决策因素，但某些况下，会刺激用户行临时决策。比如限免、独播、自制、映。这些标签产品侧希望传达给用户，提升转化的一种刺激手段，对于产品运营比较重，但对于用户，重性相对较低，所以一般建议置右侧，采用全贴的设形式。
2. 频率
首要决策素不受频率影响，可以始终位于比较醒目左上区域突出显示。
重性决策因素刺激性决策因素，出频率直接相关：如果出频率低，了凸显Tag可以考虑居左强化显示，如果出频率非常高，则考虑降低对主体信息的扰，尽靠右且弱化显示。
此外，还有一类与容体密切相的基本信息，它始终伴随容体而现，如视频时长、剧集集数、综艺期数、观看数等，因为它是体的基本信息，现频率接100%，一般现时会建议置于容，并更弱的视觉形式展示（此类基本信息Tag在我们本次讨论的范围之）。
3. 背景图片大小
此外，还有一个考虑因素是背景图片的大小。因为标签的大小一般相对固定，当背景图片越大，同一位置和样式的标签醒目就会越低。如果只在某些大图上有标签，可根据标签的重要性，适当强显示效果。
综所述，我们可以总结出图片Tag设的3曲：
1. 梳理Tag类型及优先级
根据Tag的重性、出频率背景图片小，决各类Tag的优先级：首决策因素Tag＞重决策因素Tag＞刺激性决策因素Tag。
2. 对照Tag醒目度表，决Tag置及形式
标签置醒目度：左＞右
标签形式醒目：孤立式标签＞半贴边式标签＞全贴边式标签
首要决策因素的Tag：一般建议采用左贴边式标签。（在不遮挡内容的前提下，也以考虑孤立式和半贴边式标签）
重要决策因素的Tag：可左可右，是否会首要决策因素冲突，以及其出现的频率高低。（若首要决策因素冲突，则建议居右，出现频率高也建议居右）
刺激性决策素Tag：般议采用右贴边标签设计，减少用户视觉干扰。（如不存在首要及要决策素，刺激性决策素也可以适升级其醒目度）
3. 设计具体Tag样
根据前导，探索Tag具体视觉效，除了规矩圆矩形，常见Tag样有以下形：
然，设计师也可以根据标签属性，或者品品符号，自定义适合Tag样，以满足品个性化诉求。
欢迎关注作者微信公众：「VMIC UED」
浙公网安备33011002017549号