(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221075179 2.0 (22)申请日 2022.06.29 (71)申请人 阿里巴巴 （中国） 有限公司 地址 311121 浙江省杭州市余杭区五常街 道文一西路969号3幢5层5 54室 (72)发明人 李瓛　 (74)专利代理 机构 北京众达德权知识产权代理 有限公司 1 1570 专利代理师 南海燕 (51)Int.Cl. G06Q 30/06(2012.01) G06F 9/451(2018.01) (54)发明名称 商品信息流展示方法、 装置及电子设备 (57)摘要 本申请实施例公开了商品信息流展示方法、 装置及电子设备， 所述方法包括： 确定目标信息 流中待展示的多个商品， 以及各商品的商品图 像、 关联的描述信息及信息卡片生成模板； 所述 模板中包括图像展示区域 以及描述信息展示区 域； 通过对所述商品图像进行取色， 确定第一目 标颜色， 并确定该第一目标颜色对应的饱和度值 以及明度/亮度值； 通过将所述饱和度值和/或明 度/亮度值调整到目标区间范围内， 获得第二目 标颜色； 利用所述第二目标颜色对 所述模板中的 描述信息展示区域进行颜色填充后， 将所述描述 信息添加到所述描述信息展示区域。 通过本申请 实施例， 能够提升页面的视觉呈现质量， 提升用 户的沉浸式浏览体验。 权利要求书3页 说明书17页 附图5页 CN 115271848 A 2022.11.01 CN 115271848 A 1.一种商品信息流展示方法， 其特 征在于， 包括： 确定目标信息流中待展示的多个商品， 以及各商品的商品图像、 关联的描述信息及信 息卡片生成模板； 所述模板中包括图像展示区域以及描述信息展示区域； 通过对所述商品图像进行取色， 确定第一目标颜色， 并确定该第一目标颜色对应的饱 和度值以及明度/亮度值； 通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内， 获得第二目标颜色； 利用所述第 二目标颜色对所述模板中的描述信 息展示区域进行颜色填充后， 将所述描 述信息添加到所述描述信息展示区域， 以便生成目标信息卡片并展示在所述目标信息流的 资源位中。 2.根据权利要求1所述的方法， 其特 征在于， 还 包括： 确定预先划分的多个饱和度值梯度及各梯度对应的饱和度转换规则， 和/或， 预先划分 的多个明度/亮度值梯度及各梯度对应的明度/亮度转换规则； 所述将所述饱和度值和/或明度/亮度值调整到目标区间范围内， 包括： 根据所述第一目标颜色对应的饱和度值所属的饱和度值梯度及其对应的饱和度转换 规则信息， 对饱和度值进行调整， 以便将多种不同商品图像对应的不同第一 目标颜色的饱 和度值调整到同一区间范围内； 和/或， 根据所述第一目标颜色对应的明度/亮度值所属的明度/亮度值梯度及其对应的明度/ 亮度转换规则， 对明度/亮度值进 行调整， 以便将多种不同商品图像对应的第一目标颜色的 明度/亮度值调整到同一区间范围内。 3.根据权利要求2所述的方法， 其特 征在于， 所述根据所述第一目标颜色对应的饱和度值所属的饱和度值梯度及其对应的饱和度 转换规则 信息， 对饱和度值进行调整， 包括： 如果所述第一目标颜色对应的饱和度值高于第一阈值， 则将饱和度值取为该第一阈 值； 如果所述第一目标颜色对应的饱和度值低于第一阈值， 高于第二阈值， 则将饱和度值 取为第一阈值与第二阈值的中间值； 如果所述第一目标颜色对应的饱和度值低于第二阈值， 则将饱和度值取为该第二阈 值。 4.根据权利要求2所述的方法， 其特 征在于， 所述根据所述第一目标颜色对应的明度/亮度值所属的明度/亮度值梯度及其对应的 明度/亮度转换规则， 对明度/亮度值进行调整， 包括： 如果所述第 一目标颜色对应的明度/亮度值高于第 三阈值， 则将明度/亮度值取为该第 三阈值； 如果所述第一目标颜色对应的明度/亮度值低于第三阈值， 高于第四阈值， 则将明度/ 亮度值取为第三阈值与第四阈值的中间值； 如果所述第一目标颜色对应的明度/亮度值低于第 四阈值， 高于第五阈值， 则将明度/ 亮度值取为第四阈值与第五阈值的中间值； 如果所述第 一目标颜色对应的明度/亮度值低于第五阈值， 则将明度/亮度值取为该第 五阈值。权　利　要　求　书 1/3 页 2 CN 115271848 A 25.根据权利要求1所述的方法， 其特 征在于， 在对所述饱和度值和/或明度/亮度值进行调整的过程中， 所述第二目标颜色的色相值 保持不变。 6.根据权利要求1所述的方法， 其特 征在于， 在将所述饱和度值和/或明度/亮度值调整到目标区间范围内之前， 还 包括： 通过判断所述第一目标颜色对应的明度/亮度值是否高于阈值， 确定所述第一目标颜 色是否为偏白色系； 如果是， 则根据固定设置的色相值、 饱和度值以及明度/亮度值， 以获得所述第二目标 颜色。 7.根据权利要求6所述的方法， 其特 征在于， 还 包括： 在将所述描述信 息添加到颜色填充后的描述信 息展示区域 时， 将描述信 息的字体颜色 设置为深色系。 8.根据权利要求1所述的方法， 其特 征在于， 在将所述饱和度值和/或明度/亮度值调整到目标区间范围内之前， 还 包括： 获取所述第一目标颜色的色相值； 通过判断所述第 一目标颜色对应的色相值及饱和度值是否均低于阈值， 确定所述第 一 目标颜色是否为低饱和色系； 如果是， 则保持所述第一目标颜色的饱和度值不变， 将所述第一目标颜色对应的明度/ 亮度值调整为低于目标值， 以获得 所述第二目标颜色。 9.根据权利要求1所述的方法， 其特 征在于， 所述模板中所述图像展示区域与所述描述信息展示区域之间存在重 叠部分； 所述利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充， 包括： 利用所述第二目标颜色对所述描述信息展示区域进行渐变色填充， 其中， 在所述重叠 部分， 所填充颜色的透明度由高到底变化， 在到 达非重叠部分后过渡为纯色。 10.根据权利要求1至9任一项所述的方法， 其特 征在于， 所述目标信 息流中待展示的多个商品对应多个类目， 不同商 品对应的商 品图像具有多 种不同的尺寸， 所述信息卡片生成模板为多个， 分别用于与所述多种不同尺寸的商品图像 对应。 11.一种商品图像处 理方法， 其特 征在于， 包括： 根据用户发起的图像处理请求， 确定目标商品的原始图像、 描述信息以及图像合成模 板， 所述图像合成模板中包括图像展示区域以及描述信息展示区域； 通过对所述原始图像进行取色， 确定第一目标颜色， 并确定该第一目标颜色对应的饱 和度值以及明度/亮度值； 通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内， 获得第二目标颜色； 利用所述第 二目标颜色对所述模板中的描述信 息展示区域进行颜色填充后， 将所述描 述信息添加到所述描述信息展示区域， 以便生成关于所述 目标商品的目标图像， 所述 目标 图像用于向商品信息服 务系统中进行发布。 12.一种图像处 理方法， 其特 征在于， 包括： 根据用户发起的图像处理请求， 确定原始图像、 待添加的信 息内容以及图像合成模板，权　利　要　求　书 2/3 页 3 CN 115271848 A 3