一、人群货架简介
鹿班人群货架是千人千面展示商品的店铺模块,实现流量最大化利用。
自助版人群货架开放给商家自行设计人群货架的外观,以符合店铺品牌调性。
模板制作过程略微复杂,需耐心阅读完本教程,预计需要15分钟。
1.1 人群货架原理描述
系统会自动替换模板中标注为【商品热区】【商品短标题】【价格】的图层,实现千人千面效果。
为达到此效果,需要按照以下规范进行模板设计制作。
二、模板制作
2.1 整体流程
2.2 视频演示
补充视频演示
2.3 模板规格参数
模板尺寸:宽度750px,高度不得超出6000px坑位数:不得超出20个坑位PSD的单位设置成像素(首选项→单位与标尺)PSD的图像模式修改为”RGB颜色 + 8位/通道”(图像→模式)luban文件大小不超过5M图层不得超过画布边界
2.4 模板图层介绍
以下图左侧模板为例,图层可拆解为背景、商品热区、商品短标题、价格四种类型。
背景层内容如下图所示。需要注意的是所有装饰图层、不需要改变的文字图层都需合并到背景图层中。如图中“当季热卖款”属于不会改变的文字,需要栅格化后合并到背景图层中。
商品热区、商品端标题和价格对应的图层如下图所示。这三种图层会被系统替换为千人千面的内容,需要在模板中保留独立的图层,以被系统识别替换。
除上述图层外,还有一种特殊图层——主体遮罩。用于实现主图圆角效果。主体遮罩图层使用方式如下:
2.5 图层标注要求
2.5.1 图层预处理
设计好模板样式后,需要对图层进行整理
合并除【主体热区】【商品短标题】【价格】【主体遮罩】外的所有图层至【背景】商品热区只支持正方形,非正方形、圆角等效果可通过在商品热区(正方形)上添加“主体遮罩”图层实现,商品热区不得添加任何图层样式效果,不得嵌入任何图层,文字,不得加任何修饰。【商品短标题】、【价格】保留可编辑的文字图层。只支持字号字色设定,psd内原始设置字体为思源黑体,不支持字体、折行、大小字、文字样式及图层样式设置。字体实际投放时将替换为用户手机默认字体样式。价格注意点:价格字数设置为店铺产品最大商品价格字数;“¥”、“元”、“活动价”等必须是独立图层,可编辑部分只有数字“999999”短标题注意点:最少字数20个字
所有固定内容的图层,如固定文字、形状、路径、智能对象、蒙版等,都需要转换为栅格化的图像,图层样式也需要合并栅格化
2.5.2 分组关联处理
为使【商品热区】与【价格】、【商品短标题】关联,需在PS中用图层组来设置关联关系。如下图所示,同一商品的【商品热区】【商品短标题】【价格】需放置在同一图层组内。
每个商品最多可搭配一个商品短标题、一个优惠价和一个一口价。不支持除商品短标题、价格之外的字段自动替换。如商品的利益点文案、广告词、活动信息无法实现自动替换,因为后台商品信息系统里并没有相应内容。
2.5.3 图层标注前准备
PSD的单位设置成像素(首选项→单位与标尺)PSD的图像模式修改为”RGB颜色 + 8位/通道”(图像→模式)下载安装鹿班PS图层标注插件 https://luban.taobao.com/ps-plugin ,安装后在“窗口-扩展功能-鲁班设计师”唤起插件切换标签类型为“人群货架”
2.5.4 图层标注
图层标注方法:标注前,请先确认模板符合2.5.1“图层预处理”选中图层,点选插件面板中的标签,图层被重命名即表示已完成标注
标注标签释义:商品主体:即商品图片区域,业务属性选择:a) 关键主体(只有一个,模块中所见即所得的商品位,应当是最突出的商品位);b) 普通主体(其他所有商品区域都是普通主体)动态文案:根据商品ID实时更改的动态标题图层,业务属性选择:商品短标题价格:根据商品ID实时更改的动态价格图层,业务属性选择:a) 优惠价(促销价、折扣价、营销价);b) 一口价(吊牌价、原价)背景:最底部图层静态修饰:所有栅格化的固定内容图层,例如修饰和固定文案,业务属性选择:a)主体遮罩(覆盖在商品区域上的图层,比如logo角标、圆角商品区域的镂空遮罩等);b)普通修饰(其余所有固定内容的图层,包括栅格化的文字)
图层标注
业务属性
释义
静态修饰
普通修饰
常规修饰图层
行动点背景
定制人群货架模板中,直接栅格化为图片,无需设置行动点背景
主体遮罩
盖在商品热区上方的图片,形成圆角/异形等效果
主体热区
普通主体
会被替换商品图片的图层
关键主体
需要被强调的一个商品热区,只有一个。该商品会根据用户来访路径,精准展现上次访问的商品。若不设置,系统自动选择面积最大的热区。静态文案
静态文案
定制人群货架模板中,直接栅格化为图片,无需设置静态文案
动态文案
普通文案
定制人群货架模板中,直接栅格化为图片,无需设置普通文案
行动点文案
定制人群货架模板中,直接栅格化为图片,无需设置行动点文案
商品短标题
可以简单理解为商品标题。系统会根据商品完整标题,生成与模板设定字数相匹配的短标题,替换模板中的商品短标题。
LOGO
LOGO
定制人群货架模板中,直接栅格化为图片,无需设置LOGO图层背景
背景
背景层
价格
优惠价
现价
一口价
一般不填写,仅在需要表示形如 “原价999 现价777”时,表示被删除的原价
*置灰的标注选项不常用,可忽略。
*图层标注错误会导致上传、合图失败,请仔细核对
*参考范例PSD见附录2
2.5.4 导出.luban文件
全部标注完成后,Ctrl+s/保存psd文件,然后点击插件“导出”,在同目录下生成同名.luban文件。
*注意:导出前一定要保存psd文件,不然导出的文件会错误
2.6 上传
请编辑邮件发送导出的.luban文件至 lubanwangpu@aliyun.com
邮件标题:人群货架自助定制 - 商家USERID -店铺名称,例如:“人群货架自助定制-1234445-AAB旗舰店”
USERID可查看店铺页面源代码获取
鹿班会在三个工作日内完成模板审核工作,审核完成后将通过邮件通知,商家可以在下图页面找到模板:
附录1 名词解释
上文出现部分名词解释如下
商品短标题:从商品原始标题中,通过算法自动缩减字数得到的标题。如商品标题“韩版显瘦ins潮2020春季新款高腰宽松百搭直筒牛仔裤女装春秋裤子”,处理为商品短标题后,为“韩版ins新款裤子”。
附录2 示例模板
正方形热区:https://www.yuque.com/office/yuque/0/2020/psd/457980/1578046281335-cc88a9a7-36f0-460c-9ccf-b9a6c9478284.psd
圆角热区:https://www.yuque.com/office/yuque/0/2020/psd/457980/1578046298137-b6087dc9-ab08-4046-9f53-4e69837b62a6.psd
附录3 常见问题解答
插件安装与使用中常见问题解法请移步:https://www.yubaibai.com.cn/tag/lbcjwt_34550_1.html
三、有VIP需求的可选择:https://www.yubaibai.com.cn/article/5604105.html
【文章原创作者:韩国服务器 https://www.68idc.cn 欢迎留下您的宝贵建议】