编辑导语：图片标签我们并不生疏，只要仔细调查，产物中图片标签的位置和样式各有差异，那么它到底有多重要呢？什么位置、何种样式的标签设计才是更符合的设计？图片标签背后的设计逻辑又是什么？本文作者为我们答复了以上问题，而且总结出了图片标签设计的3步曲。

一、缘起

最近组内设计评审，视频和小说两个业务都涉及到在图片上显示标签（Tag）的设计，可是Tag的样式和位置却不完全差异，如下图所示：

加之对其他产物中图片上Tag的位置和样式各异的印象，禁不住激发了我的思考，到底什么位置，何种样式的标签设计才是更符合的设计？这背后的设计逻辑又是什么？

二、竞品阐明

带着这样的疑问，我打开了手机中Top3的视频和小说App，通过阐明整理，发明竞品主要回收了以下4种图片Tag样式。

注：孤独式标签设计，是指标签与配景图片的边沿都有必然的间隔。半贴边式标签则是指标签和配景图片某一条边重合。全贴边式标签则是指标签的两条边与配景图片都重合。

从设计结果上来看，孤独式标签的精明度要明明高于贴边式设计。

在《想象力-构图与创作思维》一书中，黄朝贵老师曾指出：孤独会起到强调浸染，就像太阳和月亮悬挂在高空一样，孤独元素的重量感会因此加强。

而贴边式的标签，因为和图片边沿直接相连，更容易与图片配景融为一体。

从方位上看，Tag靠左会比靠右更为精明，因为切适用户自然的视线活动纪律，究竟大都用户都是从左向右欣赏的。所以当标签位于左上角位置时，会加剧标签的视线聚焦效应。

三、设计阐明

阐明完竞品的视觉泛起结果今后，我们再返来接着探讨：Tag之于小说或视频的意义？思考到底应该以什么形式，在什么位置展示标签呢？

对付视频或小说而言，图片封面是信息的主体，Tag信息是对主体信息某一维度的强调，目标是为了更好的凸显主体的要害特性，帮助用户决定。

既然Tag是帮助用户决定的因素，那我们可以从Tag的重要性、呈现频率、配景图片巨细3个维度来展开阐明：

四、重要性

按照重要性，我们把标签分为三大类：

1. 首要决定因素

指用户主要按照这个因素来举办决定，好比热度、评分、排行榜等。当Tag用于展示首要决定因素时，Tag的精明度在少遮挡内容的前提下越精明越好。

如榜单：所有App无一破例都安排在了图片的左上角，以凸显排名信息。

2. 重要决定因素

指固然并非用户的首要决定因素，但用户会因此而选择or放弃此工具，所以有须要把这个决定因素以精明的 *** 泛起给用户，好比直播、告白、VIP、预告、完本、更新等。

制止用户选择进入详情后，才发明不切合诉求，还要退出后从头选择，影响决定效率。对付重要决定因素的Tag，按照Tag呈现的频率，可以机动的抉择其位置。

3. *** 性决定因素

指凡是不是用户的固有决定因素，但在某些环境下，会 *** 用户举办姑且决定，好比限免、独播、廉价、热映等。

这些标签是产物侧但愿转达给用户，晋升转化的一种 *** 手段，对付产物运营来说较量重要，但对付用户来说，重要性相对较低，所以一般发起安排在右侧，回收全贴边的设计形式。

4. 频率

首要决定因素不受频率影响，可以始终位于较量精明的左上角区域突出显示。

重要性决定因素和 *** 性决定因素，和呈现频坦白接相关：假如呈现频率低，为了凸显Tag可以思量居左强化显示，假如呈现频率很是高，则要思量低落对主体信息的滋扰，只管靠右且弱化显示。