1.本技术涉及页面展示技术领域，特别是涉及商品信息流展示方法、装置及电子设备。
背景技术：2.在商品信息服务系统为用户提供的页面中，经常会通过信息流(例如，feeds流)的形式为用户提供商品信息。例如，在客户端首页中的可以通过上述信息流的形式为用户提供推荐的商品信息，等等。
3.在信息流中可以提供多个资源位(也称“坑位”)，每个资源位中可以以信息卡片的形式展示一个商品的信息，例如，包括商品主图，商品的标题、价格等信息。由于信息流中的资源位众多，每个资源位中对应的商品可能来自于不同的商家，不同的类目，甚至在有些页面中可能需要针对不同类目的商品设计不同尺寸的卡片，需要在信息流中进行“大小卡混排”，等等，因此，使得信息流中的资源位展示情况会比较复杂多样。而对于提供具体商品主图的商家而言，由于不同商家在提供商品主图方面的能力可能不同，有些商家提供的商品主图可能比较美观，有些商家提供的商品主图则不够美观，在将这些不同质量的商品主图混合在同一信息流页面中进行展示的过程中，如何提升页面的视觉呈现质量，提升用户的沉浸式浏览体验，成为需要本领域技术人员解决的技术问题。
技术实现要素：4.本技术提供了商品信息流展示方法、装置及电子设备，能够提升页面的视觉呈现质量，提升用户的沉浸式浏览体验。
5.本技术提供了如下方案：
6.一种商品信息流展示方法，包括：
7.确定目标信息流中待展示的多个商品，以及各商品的商品图像、关联的描述信息及信息卡片生成模板；所述模板中包括图像展示区域以及描述信息展示区域；
8.通过对所述商品图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
9.通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
10.利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成目标信息卡片并展示在所述目标信息流的资源位中。
11.其中，还包括：
12.确定预先划分的多个饱和度值梯度及各梯度对应的饱和度转换规则，和/或，预先划分的多个明度/亮度值梯度及各梯度对应的明度/亮度转换规则；
13.所述将所述饱和度值和/或明度/亮度值调整到目标区间范围内，包括：
14.根据所述第一目标颜色对应的饱和度值所属的饱和度值梯度及其对应的饱和度转换规则信息，对饱和度值进行调整，以便将多种不同商品图像对应的不同第一目标颜色的饱和度值调整到同一区间范围内；和/或，
15.根据所述第一目标颜色对应的明度/亮度值所属的明度/亮度值梯度及其对应的明度/亮度转换规则，对明度/亮度值进行调整，以便将多种不同商品图像对应的第一目标颜色的明度/亮度值调整到同一区间范围内。
16.其中，所述根据所述第一目标颜色对应的饱和度值所属的饱和度值梯度及其对应的饱和度转换规则信息，对饱和度值进行调整，包括：
17.如果所述第一目标颜色对应的饱和度值高于第一阈值，则将饱和度值取为该第一阈值；
18.如果所述第一目标颜色对应的饱和度值低于第一阈值，高于第二阈值，则将饱和度值取为第一阈值与第二阈值的中间值；
19.如果所述第一目标颜色对应的饱和度值低于第二阈值，则将饱和度值取为该第二阈值。
20.其中，所述根据所述第一目标颜色对应的明度/亮度值所属的明度/亮度值梯度及其对应的明度/亮度转换规则，对明度/亮度值进行调整，包括：
21.如果所述第一目标颜色对应的明度/亮度值高于第三阈值，则将明度/亮度值取为该第三阈值；
22.如果所述第一目标颜色对应的明度/亮度值低于第三阈值，高于第四阈值，则将明度/亮度值取为第三阈值与第四阈值的中间值；
23.如果所述第一目标颜色对应的明度/亮度值低于第四阈值，高于第五阈值，则将明度/亮度值取为第四阈值与第五阈值的中间值；
24.如果所述第一目标颜色对应的明度/亮度值低于第五阈值，则将明度/亮度值取为该第五阈值。
25.其中，在对所述饱和度值和/或明度/亮度值进行调整的过程中，所述第二目标颜色的色相值保持不变。
26.其中，在将所述饱和度值和/或明度/亮度值调整到目标区间范围内之前，还包括：
27.通过判断所述第一目标颜色对应的明度/亮度值是否高于阈值，确定所述第一目标颜色是否为偏白色系；
28.如果是，则根据固定设置的色相值、饱和度值以及明度/亮度值，以获得所述第二目标颜色。
29.其中，还包括：
30.在将所述描述信息添加到颜色填充后的描述信息展示区域时，将描述信息的字体颜色设置为深色系。
31.其中，在将所述饱和度值和/或明度/亮度值调整到目标区间范围内之前，还包括：
32.获取所述第一目标颜色的色相值；
33.通过判断所述第一目标颜色对应的色相值及饱和度值是否均低于阈值，确定所述第一目标颜色是否为低饱和色系；
34.如果是，则保持所述第一目标颜色的饱和度值不变，将所述第一目标颜色对应的
明度/亮度值调整为低于目标值，以获得所述第二目标颜色。
35.其中，所述模板中所述图像展示区域与所述描述信息展示区域之间存在重叠部分；
36.所述利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充，包括：
37.利用所述第二目标颜色对所述描述信息展示区域进行渐变色填充，其中，在所述重叠部分，所填充颜色的透明度由高到底变化，在到达非重叠部分后过渡为纯色。
38.其中，所述目标信息流中待展示的多个商品对应多个类目，不同商品对应的商品图像具有多种不同的尺寸，所述信息卡片生成模板为多个，分别用于与所述多种不同尺寸的商品图像对应。
39.一种商品图像处理方法，包括：
40.根据用户发起的图像处理请求，确定目标商品的原始图像、描述信息以及图像合成模板，所述图像合成模板中包括图像展示区域以及描述信息展示区域；
41.通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
42.通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
43.利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成关于所述目标商品的目标图像，所述目标图像用于向商品信息服务系统中进行发布。
44.一种图像处理方法，包括：
45.根据用户发起的图像处理请求，确定原始图像、待添加的信息内容以及图像合成模板，所述图像合成模板中包括第一展示区域以及第二展示区域，所述第一展示区域用于展示所述原始图像，所述第二展示区域用于展示所述信息内容；
46.通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
47.通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
48.利用所述第二目标颜色对所述模板中的第二展示区域进行颜色填充后，将所述信息内容添加到所述第二展示区域，以便生成目标图像。
49.一种商品信息流展示装置，包括：
50.第一信息确定单元，用于确定目标信息流中待展示的多个商品，以及各商品的商品图像、关联的描述信息及信息卡片生成模板；所述模板中包括图像展示区域以及描述信息展示区域；
51.第一色彩信息获取单元，用于通过对所述商品图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
52.第一色彩转换单元，用于通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
53.第一颜色填充单元，用于利用所述第二目标颜色对所述模板中的描述信息展示区
域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成目标信息卡片并展示在所述目标信息流的资源位中。
54.一种商品图像处理装置，包括：
55.第二信息确定单元，用于根据用户发起的图像处理请求，确定目标商品的原始图像、描述信息以及图像合成模板，所述图像合成模板中包括图像展示区域以及描述信息展示区域；
56.第二色彩信息获取单元，用于通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
57.第二色彩转换单元，用于通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
58.第二颜色填充单元，用于利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成关于所述目标商品的目标图像，所述目标图像用于向商品信息服务系统中进行发布。
59.一种图像处理装置，包括：
60.第三颜色填充单元，用于根据用户发起的图像处理请求，确定原始图像、待添加的信息内容以及图像合成模板，所述图像合成模板中包括第一展示区域以及第二展示区域，所述第一展示区域用于展示所述原始图像，所述第二展示区域用于展示所述信息内容；
61.第三颜色填充单元，用于通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
62.第三颜色填充单元，用于通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
63.第三颜色填充单元，用于利用所述第二目标颜色对所述模板中的第二展示区域进行颜色填充后，将所述信息内容添加到所述第二展示区域，以便生成目标图像。
64.一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现前述任一项所述的方法的步骤。
65.一种电子设备，包括：
66.一个或多个处理器；以及
67.与所述一个或多个处理器关联的存储器，所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时，执行前述任一项所述的方法的步骤。
68.根据本技术提供的具体实施例，本技术公开了以下技术效果：
69.通过本技术实施例，针对在同一信息流中展示多个商品的商品信息的情况，在为具体商品分别生成信息卡片时，可以首先对商品图像进行取色，然后进行色彩转换，将饱和度和/或明度/亮度调整到某一区间范围内，并按照转换后的颜色对模板的描述信息展示区域进行颜色填充，之后再将具体的描述信息添加到该进行了颜色填充的描述信息展示区域，以生成具体的信息卡片。这样，可以使得描述信息展示区域填充的颜色在尽可能保持与商品图像的主色调一致的基础上，通过色彩转换处理，使得实际填充到描述信息展示区域的颜色色彩更有质感，更容易明显或者突出地展示出具体的描述信息内容，同时，通过这种色彩转换后的颜色填充，还可以弥补商品图像本身的用色缺陷。另外，由于将具体用于填充到描述信息展示区域的饱和度和/或明度/亮度调整到某一区间范围内容，因此，使得信息
流中展示出的各个信息卡片，在描述信息展示区域的饱和度和/或明度/亮度方面能够保持统一，从而提升信息流页面整体上的协调统一，为用户提供更沉浸式的浏览体验。再者，由于以上取色以及色彩转换、颜色填充等处理都可以在客户端侧来自动实现，因此，可以在客户端侧实现页面整体视觉效果的自适应。
70.当然，实施本技术的任一产品并不一定需要同时达到以上所述的所有优点。
附图说明
71.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
72.图1是现有技术中的商品信息卡片示意图；
73.图2是本技术实施例提供的系统架构的示意图；
74.图3是本技术实施例提供的第一方法的流程图；
75.图4是本技术实施例提供的信息卡片以及模板的示意图；
76.图5是本技术实施例提供的第二方法的流程图；
77.图6是本技术实施例提供的第三方法的流程图；
78.图7是本技术实施例提供的第一装置的示意图；
79.图8是本技术实施例提供的第二装置的示意图；
80.图9是本技术实施例提供的第三装置的示意图；
81.图10是本技术实施例提供的电子设备的示意图。
具体实施方式
82.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本技术保护的范围。
83.首先需要说明的是，本技术发明人在实现本技术的过程中发现，商品信息服务系统中通过“猜你喜欢”等提供的信息流，其首要观测的指标是引流效率，也即，吸引用户点击，完成从首页到某商品或者店铺详情页的引流。因此，在传统的信息流改进方案中，更主要的关注点在于如何提升推荐商品与用户需求的匹配度上，而对界面展示方面并未做太多考虑。
84.其中，之所以会存在界面展示方面的问题，是因为，在商品信息流展示的场景中，每个资源位中展示的商品卡片，通常是在客户端接收到多个字段上的信息后，按照商品卡片生成模板进行生成的。例如，具体的商品卡片合成模板中可以包括商品图像展示区域，以及描述信息展示区域，商品图像展示区域主要用于展示具体所推荐商品的商品图像，描述信息展示区域则主要用于展示对应商品的标题、价格等信息。客户端在收到同一商品在上述多个字段上的信息后，可以按照具体的商品卡片合成模板，将商品图像填充到商品图像展示区域，将标题、价格、排行榜、销量等描述信息填充到描述信息展示区域，从而生成商品
卡片，以用于在具体的资源位中进行展示。
85.在传统的商品推荐信息流中，由于商家提供的商品图像素材通常以白底图居多，并且通常是相同尺寸，相应生成的商品卡片的尺寸也相同，因此，可以直接在商品卡片模板中将描述信息展示区域的背景默认设定为白色。这样，客户端在获取到具体的描述信息后，可以直接将描述信息填充到这种白色背景的描述信息展示区域。此时，由于商品图像以及描述信息部分都是白色背景，并且每个卡片的尺寸相同，因此，在将这种商品卡片展示到信息流中的各个资源位中之后，整体展示效果可以保持一定程度的统一性。
86.但是，随着商品推荐算法的升级，信息流中推荐的商品可能会更发散，例如，推荐算法可能不再仅根据用户的历史购买或者浏览记录等进行相似或者相关推荐，而是根据用户所属人群标签等，挖掘到用户在更多类目下可能感兴趣的商品，此时，向同一用户推荐的信息流中需要展示的商品类目会更多。而不同类目的商品可能需要通过不同尺寸的商品卡片，才能够更好地表达出商品特征，等等，因此，还可能出现同一信息流中，“大小卡”混排的情况。另外，随着具体商品对商品图像的表现力等方面要求的提升，信息流中展示的商品卡片也逐渐朝着内容化的方向发展。所谓的内容化是指，商品图像可能不再是单纯的白底图，而是可能带有一定拍摄背景的场景图，或者还可能是短视频，甚至是直播过程中截取的短视频，等等。这种多类目+卡片内容化情况的存在，使得同一信息流中需要展示的各个商品的商品图像素材更加多种多样，不同类目的商品在内容化的商品图像之间，在主色调等方面可能存在很大的差异；同时，由于商品图像素材同样是由具体商家提供，因此，也依然存在质量参差不齐的现象，再加之“大小卡”混排的情况，都对信息流展示的美观性等方面提出了更高的要求。
87.例如，如果仍然默认将描述信息展示区域的背景设定为白色，则页面中呈现出的展示效果可能会出现割裂感，难以使得用户获得沉浸式的浏览体验。具体如图1所示，其为一个信息卡片，其中，11所示为其中的商品图像部分，12所示为描述信息部分，由于该商品图像是一个场景图，能够通过拍摄场景凸显出具体商品的特征，但是，描述信息部分使用了白色背景，此时，用户可能会感觉到商品图像与描述信息之间是相互割裂的，而没有将同一商品在不同字段或者类型上的信息更好地在展现层面上实现更好地融合。另外，多类目+卡片内容化情况的存在，还使得不同商品卡片中的商品图像之间的视觉差异也很大，因此，使得信息流在视觉效果上也失去整体上的统一性，进而使得用户无法获得沉浸式浏览体验。
88.针对上述情况，本技术实施例中，提供了对商品推荐信息流展示的视觉效果进行优化的方案。在该方案中，客户端在展示具体的首页等页面时，对于其中的推荐商品信息流部分，首先从服务端获取到具体的推荐商品在多个字段上的信息，包括商品图像、标题、价格，等等。之后，在分别为各个推荐商品生成商品卡片的过程中，可以按照以下方式进行处理：首先，为了使得商品卡片中的商品图像展示区域与描述信息展示区域更好的融合，减少割裂感，可以对商品图像进行取色，从中确定出符合条件的第一目标颜色，例如，可以是商品图像中占比最大的颜色，等。之后，可以根据该第一目标颜色值，确定商品卡片的描述信息展示区域的背景颜色，然后再将具体的描述信息填充到该文本展示区域。
89.但是，如果直接将该第一目标颜色填充到商品卡片的描述信息展示区域，则可能存在以下问题：第一，取出的第一目标颜色可能存在饱和度过高或者亮度/明度值过高等情况，此时，如果直接填充到描述信息展示区域，则可能使得该区域的背景色过于“刺眼”，视
觉效果不佳，还可能因为亮度/明度太高等导致将描述信息添加到这种颜色的背景之上时，描述信息难以被明显或者突出地展示出来。第二，不同商品的商品图像进行取色后得到的上述第一目标颜色之间可能存在很大差异，如果直接将这些相互之间存在很大差异的颜色值填充到各个商品卡片中，则使得信息流的各个资源位之间难以在整体上保持统一性。
90.为此，在本技术实施例中，在完成从具体商品图像中进行取色的处理后，还可以首先针对取到的第一目标颜色值进行转换，具体的，可以对第一目标颜色值对应的饱和度值以及明度/亮度值进行调整，色相则可以保持不变。例如，可以将饱和度统一调整到某个比较小的区间范围内，明度/亮度值也可以调整到某个比较小的区间范围内，以此得到第二目标颜色。然后，可以根据该第二目标颜色确定具体商品卡片的背景色。这样，由于色相不变，因此，使得每个商品卡片中描述信息展示区域的背景色的主色调可以尽可能保持与商品图像的主色调一致，降低同一商品卡片中商品图像区域与描述信息区域之间的割裂感。同时，通过将饱和度值以及明度/亮度值调整到一定的区间范围内，使其不会过高或者过低，从而可以使得单个商品卡片的视觉效果得到提升，弥补商品图像素材本身的质量差异带来的视觉效果上的缺陷。并且，由于每个商品卡片中描述信息展示区域的背景色的饱和度值以及明度/亮度值都在一定区间范围内，因此，也可以使得信息流的各个资源位之间从整体上保持视觉效果的统一性。再者，由于以上取色以及色彩转换、颜色填充等处理都可以在客户端侧来自动实现，因此，可以在客户端侧实现页面整体视觉效果的自适应。
91.从系统架构角度而言，参见图2，本技术实施例中，关于商品卡片的生成是在商品信息服务系统的客户端侧来完成，相应的，服务端主要用于根据具体的用户信息确定出需要推荐的商品清单，并向客户端提供各个推荐商品在多个字段上的信息，其中包括商品图像以及其他的商品描述信息。客户端获取到上述信息后，在终端设备本地完成商品卡片的生成，然后再展示到具体的资源位中。其中，在生成商品卡片时，就可以按照前文所述的方式，对商品图像进行取色，再对所取到的颜色的饱和度值以及明度/亮度值进行转换，之后再根据转换后的颜色对模板的描述信息展示区域进行颜色填充。最后，将描述信息添加到该描述信息展示区域，将商品图像添加到模板的图像展示区域，即可生成具体商品的信息卡片，以用于在信息流的具体资源位中进行展示。
92.下面对本技术实施例提供的具体实现方案进行详细介绍。
93.实施例一
94.首先，该实施例一从前述客户端的角度，提供了一种信息流展示方法，参见图3，该方法具体可以包括：
95.s301：确定目标信息流中待展示的多个商品，以及各商品的商品图像、关联的描述信息及信息卡片生成模板；所述模板中包括图像展示区域以及描述信息展示区域。
96.具体的，可以在向用户展示目标页面(如客户端首页)时，如果该目标页面中需要以信息流的方式展示多个商品的信息，就可以首先从服务端获取到该目标信息流中待展示的多个推荐商品，以及各个推荐商品分别在多个字段上的信息，例如，前文所述的商品图像，以及标题、价格等描述信息。
97.关于信息卡片生成模板，可以是预先保存在客户端所在的终端设备本地的。其中，在“大小卡”混排等方式下，终端设备本地保存的信息卡片生成模板可以有多个，例如，可以分别对应4：3、1：1、16：9等多种尺寸的商品图像。在这种模板为多个的情况下，可以分别为
各个不同的商品确定对应的模板，具体的，由于已经获取到具体的商品图像，因此，可以根据商品图像素材的尺寸，选择与之相匹配的模板。例如，如果某商品对应的是4：3的商品图像，则可以使用该尺寸比例对应的模板为其生成信息卡片，如果某商品对应的是16：9的商品图像，则可以使用该尺寸比例对应的模板为其生成信息卡片，等等。
98.s302：通过对所述商品图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值。
99.在获取到各个商品在多个字段上的信息后，可以分别为各个商品生成信息卡片，在生成信息卡片的过程中，就可以首先对具体商品的商品图像进行取色。其中，取色的方式可以有多种，确定出的第一目标颜色具体可以包括商品图像中占比最高的颜色，以确定出商品图像的主色调，等等。
100.其中，确定出的第一目标颜色具体可以通过rgb色彩模式进行表达，但是，由于具体颜色呈现出的视觉效果，还与终端设备的色域等有关，因此，在得到该第一目标颜色在rgb模式下的颜色值之后，还可以根据终端设备当前的色域等信息，转换为hsl/hsb色彩模式下的颜色值。
101.其中，hsl/hsb模式中，h(hue)是指色相，可以用0～360
°
来表示，色相可以代表整体的颜色是红色还是绿色等。s(saturation)为饱和度，可以用0％～100％表示。b(brightness)为明度，表示光的量，用0％～100％表示，l(lightness)为亮度，表示白色的量，用0％～100％表示。另外，色相、饱和度及明度/亮度是相互影响的，当然，明度和亮度由于定义有所不同，因此，同样的颜色，两者的表达结果可能略有不同。例如，某种最纯的颜色，在hsb模式中，饱和度为100％，明度也为100％；而在hsl中，颜色的明亮程度由l控制，同样是上述最纯的颜色，饱和度为100％，亮度却是50％。当然，在本技术实施例中，通过明度或者亮度对颜色的明亮度进行表达均可。
102.s303：通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色。
103.色彩的饱和度、明度/亮度是与色彩设计相关的重要变量，其中，饱和度是指颜色的纯度或强度，简单理解就是颜色中的灰色量含量的高低，明度/亮度是指的是颜色中混合了多少白色或黑色。饱和度和明度/亮度很大程度上决定了色彩呈现给用户的感受，饱和度、明度/亮度越高，视觉冲击力越强烈；饱和度、明度/亮度较低的时候，视觉上越温和。因此，如果在色彩设计的时候不加以克制，却不断强化它，可能会导致页面过于鲜艳而缺乏品质感，甚至容易对用户造视觉疲劳。例如，某商家在设计商品图像素材时，主色调就可能存在上述过于鲜艳的颜色，以至于取色后确定出的第一目标颜色也可能存在过于鲜艳的现象。此时，如果直接用于填充模板的描述信息展示区域，则最终呈现出的视觉效果可能未必好，甚至可能起到相反的作用。具体的，可能使得描述信息展示地不够明显或突出，整体上地界面缺乏品质感，界面的色彩过于鲜艳，色彩之间没有秩序，比较混乱，导致整个画面给人的感觉很花，很刺眼，等等。
104.因此，在本技术实施例中，在从商品图像中确定出第一目标颜色之后，并不是直接填充到模板中的描述信息展示区域，而是首先将饱和度值和/或明度/亮度值调整到目标区间范围内，以获得第二目标颜色。其中，关于色相值，可以保持不变，或者仅在原始值附近做小幅度调整，以使得第二目标颜色的整体色调与商品图像主色调的一致性。
105.其中，具体在对饱和度值和/或明度/亮度值进行调整时，由于需要在客户端进行处理，并且需要对多个商品分别进行计算，对于客户端而言，可能会产生非常大的运算量，影响客户端的页面展示效率，用户的浏览效率得不到保障，甚至影响到终端设备的性能，等等。为了解决上述问题，本技术实施例还提供了一种具体的实现方式，该方式可以是：预先划分出多个饱和度值梯度，并分别为各梯度设置对应的饱和度转换规则。类似的，还可以预先划分出多个明度/亮度值梯度，并分别为各梯度对应的明度/亮度转换规则。这样，根据所述第一目标颜色对应的饱和度值所属的饱和度值梯度及其对应的饱和度转换规则信息，对饱和度值进行调整，以便将多种不同商品图像对应的不同第一目标颜色的饱和度值调整到同一区间范围内；和/或，根据所述第一目标颜色对应的明度/亮度值所属的明度/亮度值梯度及其对应的明度/亮度转换规则，对明度/亮度值进行调整，以便将多种不同商品图像对应的第一目标颜色的明度/亮度值调整到同一区间范围内。通过这种方式，可以将问题的求解空间缩小在一定范围内，把原本需要在大范围空间内的完成的取色、色彩适配、填色、展示逻辑，缩小在事先划定好的梯度内去计算，因此，相对于随机计算等方式，可以大幅提升运算效率，解决了系统的性能和运算效率问题。
106.例如，具体的饱和度值梯度划分方式可以包括：高于第一阈值，低于第一阈值且高于第二阈值，以及低于第二阈值这样三个梯度区间。其中，上述各个梯度区间分别对应的饱和度转换规则可以为：
107.如果高于第一阈值，则取该第一阈值；
108.如果低于第一阈值且高于第二阈值，则取第一阈值与第二阈值的中间值；
109.如果低于第二阈值，则取第二阈值。
110.当然，在具体实现时，也可以有其他的转换规则，例如，如果低于第一阈值且高于第二阈值，则取原值，等等。总之，可以将具体取色得到的第一目标颜色的饱和度调整到[第二阈值，第一阈值]这一区间范围内，如果第一阈值比较小，且第二阈值与第一阈值之间的差值也比较小，则可以使得整体颜色的饱和度都被调整到一个相对比较低的程度，且不同第一目标颜色的饱和度都可以被调整到比较小的范围内。从而使得整体上各个信息卡片的描述信息展示区域的填充颜色的饱和度都不会太高，保持整体上地一致性。
[0111]
另外，关于明度/亮度值的梯度划分方式也可以与上述饱和度的梯度划分方式类似，但是，由于明度/亮度值相对于饱和度更灵敏，也即，对明度/亮度进行较小量的调整，即可在呈现出的明度、亮度上带来较大的变化。因此，可以将明度/亮度值的梯度也可以划分的更细。例如，具体的明度/亮度值梯度划分方式可以包括：高于第三阈值，低于第三阈值且高于第四阈值，低于第四阈值且高于第五阈值，以及低于第五阈值这样四个梯度区间。
[0112]
相应的，上述各个梯度区间分别对应的明度/亮度转换规则可以为：
[0113]
如果高于第三阈值，则将明度/亮度值取为该第三阈值；
[0114]
如果低于第三阈值且高于第四阈值，则将明度/亮度值取为第三阈值与第四阈值的中间值；
[0115]
如果低于第四阈值且高于第五阈值，则将明度/亮度值取为第四阈值与第五阈值的中间值；
[0116]
如果低于第五阈值，则将明度/亮度值取为该第五阈值。
[0117]
通过这种梯度转换方式，通过梯度换算逻辑，大大降低了计算机的运算复杂度，解
决了系统的性能和运算效率问题
[0118]
这里需要说明的是，本技术实施例中所述的对饱和度值和/或明度/亮度值进行调整是指，如果使用的是hsb色彩模型，则h保持不变(或者再原始值附近小幅度调整)，对其中的s和/b的值进行调整；如果使用的hsl色彩模型，则h保持不变(或者再原始值附近小幅度调整)，对其中的s和/l的值进行调整。
[0119]
另外，本技术发明人在实施上述转换方案的过程中还发现，在实际应用中，存在一些特殊情况可能需要进行特殊处理。例如，其中一种情况是，取色得到的第一目标颜色值本身可能属于偏白色系。此时，即使按照上述方案进行转换，则生成的第二目标颜色可能不太适合作为背景色填充到模板中的描述信息展示区域，例如，由于自身颜色过浅，可能会使得浅色字体的描述信息展示地不够明显，等等。针对这种情况，本技术实施例还提供了特殊的解决方案。具体地，可以在利用前述规则进行转换之前，通过判断所述第一目标颜色对应的明度/亮度值是否高于阈值，确定所述第一目标颜色是否为偏白色系，如果是，则可以根据固定设置的色相值、饱和度值以及明度/亮度值，确定所述第二目标颜色。也就是说，对于偏白色系的情况，可以统一调整到一个固定的第二目标颜色，当然，为了使其商品图像的主色调尽可能保持一致，该第二目标颜色也会是比较浅的颜色。此时，为了使得具体描述信息能够展示地更明显更突出，可以将描述信息的字体颜色设置为深色系，例如，黑色，等等。
[0120]
另一种特殊情况是，第一目标颜色本身已经属于低饱和色系，且颜色比较深，则如果按照前述规则进行转换，得到的第二目标颜色也可能不适合直接作为模板的描述信息展示区域的背景色，例如，可能导致描述信息不可见，与其他商品的描述信息展示区域的背景不够统一，等等。因此，针对这种特殊情况，也提供了相应的转换方案。具体的，可以首先对这种情况进行识别，例如，可以获取所述第一目标颜色的色相值，然后通过判断所述第一目标颜色对应的色相值及饱和度值是否均低于阈值，确定所述第一目标颜色是否为低饱和色系。如果是，则可以保持所述第一目标颜色的饱和度值不变，将所述第一目标颜色对应的明度/亮度值调整为低于某目标值。例如，如果第一目标颜色对应的明度/亮度大于某一目标值时，则明度/亮度取该目标值，如果小于该目标值，则保持明度/亮度值不变，也即，明度/亮度是多少就取多少，等等。
[0121]
除了上述特殊情况外，则可以按照前文所述的规则，进行饱和度值和/或明度/亮度值的调整。其中，对于按照这种规则进行调整的情况，以及上述第二种特殊情况，具体描述信息的字体颜色都可以设为浅色系，例如，白色等。
[0122]
s304：利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成目标信息卡片并展示在所述目标信息流的资源位中。
[0123]
在确定出第二目标颜色之后，就可以利用该第二目标颜色对信息卡片生成模板中的描述信息展示区域进行颜色填充。具体的，进行颜色填充的过程中，可以利用第二目标颜色对描述信息展示区域进行纯色填充，或者，还可以进行渐变色填充。其中，由于渐变色通常可以通过调节颜色的透明度从高到低的变化来达到，因此，具体实现时，为了实现商品图像区域与描述信息展示区域更好的融合，模板中所述图像展示区域与所述描述信息展示区域之间还可以存在重叠部分。这样，在利用第二目标颜色对所述描述信息展示区域进行渐变色填充时，在上述重叠区域内，所填充颜色的透明度可以由高到低的变化，这样，对于透
明度比较高的区域，仍然能够看到商品图像的内容；之后，透明度逐渐降低，到达非重叠部分后，可以过渡到与纯色。这样，从视觉效果上，可以呈现出商品图像逐渐消失，并过渡为按照商品图像主色调进行展示的效果，从而使得商品图像区域与描述信息展示区域更好的融合在一起。
[0124]
例如，如图4(a)所示的信息卡片生成模板，其中的图像展示区域与描述信息展示区域之间存在部分重叠区域。在针对某个具体的商品生成信息卡片时，在按照前述方式确定出第二目标颜色后，如图4(b)所示，可以采用渐变色的方式对描述信息展示区域进行填充，且可以按照距离图像展示区域从近到远的方向，逐渐降低透明度，使得在重叠区域41部分呈现出商品图像逐渐模糊的展示效果。
[0125]
在完成描述信息展示区域的颜色填充后，则可以将具体商品的描述信息内容添加到该描述信息展示区域。其中，在常规情况下，以及前述第二种特殊情况(也即，第一目标颜色本身饱和度比较低)，具体描述信息可以采用较浅颜色的字体，比如白色。而在前述第一种特殊情况(也即，第一目标颜色本身属于偏白色系)下，则具体描述信息可以采用较深颜色的字体，例如黑色，等等。
[0126]
总之，通过本技术实施例，针对在同一信息流中展示多个商品的商品信息的情况，在为具体商品分别生成信息卡片时，可以首先对商品图像进行取色，然后进行色彩转换，将饱和度和/或明度/亮度调整到某一区间范围内，并按照转换后的颜色对模板的描述信息展示区域进行颜色填充，之后再将具体的描述信息添加到该进行了颜色填充的描述信息展示区域，以生成具体的信息卡片。这样，可以使得描述信息展示区域填充的颜色在尽可能保持与商品图像的主色调一致的基础上，通过色彩转换处理，使得实际填充到描述信息展示区域的颜色色彩更有质感，更容易明显或者突出地展示出具体的描述信息内容，同时，通过这种色彩转换后的颜色填充，还可以弥补商品图像本身的用色缺陷。另外，由于将具体用于填充到描述信息展示区域的饱和度和/或明度/亮度调整到某一区间范围内容，因此，使得信息流中展示出的各个信息卡片，在描述信息展示区域的饱和度和/或明度/亮度方面能够保持统一，从而提升信息流页面整体上的协调统一，为用户提供更沉浸式的浏览体验。再者，由于以上取色以及色彩转换、颜色填充等处理都可以在客户端侧来自动实现，因此，可以在客户端侧实现页面整体视觉效果的自适应。
[0127]
实施例二
[0128]
在前述实施例一中，主要从客户端对信息流中的商品信息进行处理，以生成商品信息卡片的角度进行了介绍，而在该实施例二中，考虑到在实际应用中还可能存在以下情况：商家在发布商品图像之前，可能需要提前对商品图像进行一些处理然后再发布，例如，包括在原始的照片等图像上添加一些文字、品牌logo内容等。但是，现有技术中的处理方式通常是直接将文字等添加到原始图像上，这难免会对原本的图像内容造成一定的遮挡。因此，在该实施例二中，还可以提供图像处理工具，用户在使用该工具进行商品图像处理的过程中，可以选择图像合成模板，该模板也可以分为图像展示区域以及描述信息展示区域，另外可以输入具体商品的图像信息、描述信息等，之后，可以使用本技术实施例中的取色、色彩转换等方案，对模板中的描述信息展示区域进行颜色填充后，再添加具体的描述信息内容，以使得生成的目标图像中可以包括原始商品图像以及描述信息，而描述信息展示在单独的描述信息展示区域，不会对原始图像内容造成遮挡。同时，还可以在图像展示区域与描
述信息展示区域的配色还可以基本一致的基础上，通过色彩转换，使得描述信息展示区域所填充的颜色的饱和度和/或明度/亮度值在某一区间范围内，避免由于商品原始图像的用色过于明亮过于鲜艳等情况，导致合成后的目标商品图像质感较差、描述信息无法明显、突出的显示等问题。
[0129]
具体的，该实施例二从前述图像处理工具的角度，提供了一种商品图像处理方法，参见图5，该方法可以包括：
[0130]
s501：根据用户发起的图像处理请求，确定目标商品的原始图像、描述信息以及图像合成模板，所述图像合成模板中包括图像展示区域以及描述信息展示区域。
[0131]
具体的，可以在图像处理工具的界面中提供用于发起图像处理请求的操作入口，之后，用户可以指定具体需要处理的目标商品的原始图像，以及描述信息(例如，包括优惠信息、品牌logo等)。另外，该工具中可以提供一种或多种图像合成模板，在存在多种图像合成模板的情况下，还可以由用户对图像合成模板进行选择，例如，不同的图像合成模板中，图像展示区域与描述信息展示区域的位置、尺寸比例等可以不同，等等。
[0132]
s502：通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值。
[0133]
s503：通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色。
[0134]
s504：利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成关于所述目标商品的目标图像，所述目标图像用于向商品信息服务系统中进行发布。
[0135]
实施例三
[0136]
该实施例三中，可以提供更为通用型的图像处理工具，而不仅仅是用于对商品图像进行处理的工具。具体的，该实施例三提供了另一种图像处理方法，参见图6，该方法可以包括：
[0137]
s601：根据用户发起的图像处理请求，确定原始图像、待添加的信息内容以及图像合成模板，所述图像合成模板中包括第一展示区域以及第二展示区域，所述第一展示区域用于展示所述原始图像，所述第二展示区域用于展示所述信息内容；
[0138]
s602：通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
[0139]
s603：通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
[0140]
s604：利用所述第二目标颜色对所述模板中的第二展示区域进行颜色填充后，将所述信息内容添加到所述第二展示区域，以便生成目标图像。
[0141]
关于该实施例二、三中的未详述部分内容，可以参见前述实施例一以及本说明书中其他部分的记载，这里不再赘述。
[0142]
需要说明的是，本技术实施例中可能会涉及到对用户数据的使用，在实际应用中，可以在符合所在国的适用法律法规要求的情况下(例如，用户明确同意，对用户切实通知，等)，在适用法律法规允许的范围内在本文描述的方案中使用用户特定的个人数据。
[0143]
与实施例一相对应，本技术实施例还提供了一种商品信息流展示装置，参见图7，
该装置可以包括：
[0144]
第一信息确定单元701，用于确定目标信息流中待展示的多个商品，以及各商品的商品图像、关联的描述信息及信息卡片生成模板；所述模板中包括图像展示区域以及描述信息展示区域；
[0145]
第一色彩信息获取单元702，用于通过对所述商品图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
[0146]
第一色彩转换单元703，用于通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
[0147]
第一颜色填充单元704，用于利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成目标信息卡片并展示在所述目标信息流的资源位中。
[0148]
具体的，该装置可以还包括：
[0149]
梯度规则确定单元，用于确定预先划分的多个饱和度值梯度及各梯度对应的饱和度转换规则，和/或，预先划分的多个明度/亮度值梯度及各梯度对应的明度/亮度转换规则；
[0150]
所述第一色彩转换单元具体可以用于：
[0151]
根据所述第一目标颜色对应的饱和度值所属的饱和度值梯度及其对应的饱和度转换规则信息，对饱和度值进行调整，以便将多种不同商品图像对应的不同第一目标颜色的饱和度值调整到同一区间范围内；和/或，
[0152]
根据所述第一目标颜色对应的明度/亮度值所属的明度/亮度值梯度及其对应的明度/亮度转换规则，对明度/亮度值进行调整，以便将多种不同商品图像对应的第一目标颜色的明度/亮度值调整到同一区间范围内。
[0153]
具体的，在调整饱和度值时，所述第一色彩转换单元可以用于：
[0154]
如果所述第一目标颜色对应的饱和度值高于第一阈值，则将饱和度值取为该第一阈值；
[0155]
如果所述第一目标颜色对应的饱和度值低于第一阈值，高于第二阈值，则将饱和度值取为第一阈值与第二阈值的中间值；
[0156]
如果所述第一目标颜色对应的饱和度值低于第二阈值，则将饱和度值取为该第二阈值。
[0157]
在调整明度/亮度值时，所述第一色彩转换单元可以用于：
[0158]
所述根据所述第一目标颜色对应的明度/亮度值所属的明度/亮度值梯度及其对应的明度/亮度转换规则，对明度/亮度值进行调整，包括：
[0159]
如果所述第一目标颜色对应的明度/亮度值高于第三阈值，则将明度/亮度值取为该第三阈值；
[0160]
如果所述第一目标颜色对应的明度/亮度值低于第三阈值，高于第四阈值，则将明度/亮度值取为第三阈值与第四阈值的中间值；
[0161]
如果所述第一目标颜色对应的明度/亮度值低于第四阈值，高于第五阈值，则将明度/亮度值取为第四阈值与第五阈值的中间值；
[0162]
如果所述第一目标颜色对应的明度/亮度值低于第五阈值，则将明度/亮度值取为
该第五阈值。
[0163]
其中，在对所述饱和度值和/或明度/亮度值进行调整的过程中，所述第二目标颜色的色相值可以保持不变。
[0164]
具体实现时，该装置还可以包括：
[0165]
第一判断单元，用于在将所述饱和度值和/或明度/亮度值调整到目标区间范围内之前，通过判断所述第一目标颜色对应的明度/亮度值是否高于阈值，确定所述第一目标颜色是否为偏白色系；
[0166]
如果是，所述第一色彩转换单元还可以用于：根据固定设置的色相值、饱和度值以及明度/亮度值，以获得所述第二目标颜色。
[0167]
此时，所述第一颜色填充单元还可以用于，在将所述描述信息添加到颜色填充后的描述信息展示区域时，将描述信息的字体颜色设置为深色系。
[0168]
另外，所述第一色彩信息获取单元还可以用于，在将所述饱和度值和/或明度/亮度值调整到目标区间范围内之前，获取所述第一目标颜色的色相值；
[0169]
该装置还可以包括：
[0170]
第二判断单元，用于通过判断所述第一目标颜色对应的色相值及饱和度值是否均低于阈值，确定所述第一目标颜色是否为低饱和色系；
[0171]
如果是，则所述第一色彩转换单元还可以用于：保持所述第一目标颜色的饱和度值不变，将所述第一目标颜色对应的明度/亮度值调整为低于目标值，以获得所述第二目标颜色。
[0172]
具体实现时，所述模板中所述图像展示区域与所述描述信息展示区域之间可以存在重叠部分；
[0173]
此时，所述第一颜色填充单元具体可以用于：
[0174]
利用所述第二目标颜色对所述描述信息展示区域进行渐变色填充，其中，在所述重叠部分，所填充颜色的透明度由高到底变化，在到达非重叠部分后过渡为纯色。
[0175]
其中，所述目标信息流中待展示的多个商品对应多个类目，不同商品对应的商品图像具有多种不同的尺寸，所述信息卡片生成模板为多个，分别用于与所述多种不同尺寸的商品图像对应。
[0176]
与实施例二相对应，本技术实施例还提供了一种商品图像处理装置，参见图8，该装置可以包括：
[0177]
第二信息确定单元801，用于根据用户发起的图像处理请求，确定目标商品的原始图像、描述信息以及图像合成模板，所述图像合成模板中包括图像展示区域以及描述信息展示区域；
[0178]
第二色彩信息获取单元802，用于通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
[0179]
第二色彩转换单元803，用于通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
[0180]
第二颜色填充单元804，用于利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成关于所述目标商品的目标图像，所述目标图像用于向商品信息服务系统中进行发布。
[0181]
与实施例三相对应，本技术实施例还提供了一种图像处理装置，参见图9，该装置还可以包括：
[0182]
第三颜色填充单元901，用于根据用户发起的图像处理请求，确定原始图像、待添加的信息内容以及图像合成模板，所述图像合成模板中包括第一展示区域以及第二展示区域，所述第一展示区域用于展示所述原始图像，所述第二展示区域用于展示所述信息内容；
[0183]
第三颜色填充单元902，用于通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；
[0184]
第三颜色填充单元903，用于通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；
[0185]
第三颜色填充单元904，用于利用所述第二目标颜色对所述模板中的第二展示区域进行颜色填充后，将所述信息内容添加到所述第二展示区域，以便生成目标图像。
[0186]
另外，本技术实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现前述方法实施例中任一项所述的方法的步骤。
[0187]
以及一种电子设备，包括：
[0188]
一个或多个处理器；以及
[0189]
与所述一个或多个处理器关联的存储器，所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时，执行前述方法实施例中任一项所述的方法的步骤。
[0190]
其中，图10示例性的展示出了电子设备的架构，例如，设备1000可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理，飞行器等。
[0191]
参照图10，设备1000可以包括以下一个或多个组件：处理组件1002，存储器1004，电源组件1006，多媒体组件1008，音频组件1010，输入/输出(i/o)的接口1012，传感器组件1014，以及通信组件1016。
[0192]
处理组件1002通常控制设备1000的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理元件1002可以包括一个或多个处理器1020来执行指令，以完成本公开技术方案提供的方法的全部或部分步骤。此外，处理组件1002可以包括一个或多个模块，便于处理组件1002和其他组件之间的交互。例如，处理部件1002可以包括多媒体模块，以方便多媒体组件1008和处理组件1002之间的交互。
[0193]
存储器1004被配置为存储各种类型的数据以支持在设备1000的操作。这些数据的示例包括用于在设备1000上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器1004可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(sram)，电可擦除可编程只读存储器(eeprom)，可擦除可编程只读存储器(eprom)，可编程只读存储器(prom)，只读存储器(rom)，磁存储器，快闪存储器，磁盘或光盘。
[0194]
电源组件1006为设备1000的各种组件提供电力。电源组件1006可以包括电源管理系统，一个或多个电源，及其他与为设备1000生成、管理和分配电力相关联的组件。
[0195]
多媒体组件1008包括在设备1000和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(lcd)和触摸面板(tp)。如果屏幕包括触摸面板，屏幕
可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1008包括一个前置摄像头和/或后置摄像头。当设备1000处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
[0196]
音频组件1010被配置为输出和/或输入音频信号。例如，音频组件1010包括一个麦克风(mic)，当设备1000处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1004或经由通信组件1016发送。在一些实施例中，音频组件1010还包括一个扬声器，用于输出音频信号。
[0197]
i/o接口1012为处理组件1002和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
[0198]
传感器组件1014包括一个或多个传感器，用于为设备1000提供各个方面的状态评估。例如，传感器组件1014可以检测到设备1000的打开/关闭状态，组件的相对定位，例如所述组件为设备1000的显示器和小键盘，传感器组件1014还可以检测设备1000或设备1000一个组件的位置改变，用户与设备1000接触的存在或不存在，设备1000方位或加速/减速和设备1000的温度变化。传感器组件1014可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1014还可以包括光传感器，如cmos或ccd图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1014还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
[0199]
通信组件1016被配置为便于设备1000和其他设备之间有线或无线方式的通信。设备1000可以接入基于通信标准的无线网络，如wifi，或2g、3g、4g/lte、5g等移动通信网络。在一个示例性实施例中，通信部件1016经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信部件1016还包括近场通信(nfc)模块，以促进短程通信。例如，在nfc模块可基于射频识别(rfid)技术，红外数据协会(irda)技术，超宽带(uwb)技术，蓝牙(bt)技术和其他技术来实现。
[0200]
在示例性实施例中，设备1000可以被一个或多个应用专用集成电路(asic)、数字信号处理器(dsp)、数字信号处理设备(dspd)、可编程逻辑器件(pld)、现场可编程门阵列(fpga)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。
[0201]
在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器1004，上述指令可由设备1000的处理器1020执行以完成本公开技术方案提供的方法。例如，所述非临时性计算机可读存储介质可以是rom、随机存取存储器(ram)、cd-rom、磁带、软盘和光数据存储设备等。
[0202]
通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本技术各个实施例或者实施例的某些
部分所述的方法。
[0203]
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。
[0204]
以上对本技术所提供的商品信息流展示方法、装置及电子设备，进行了详细介绍，本文中应用了具体个例对本技术的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本技术的方法及其核心思想；同时，对于本领域的一般技术人员，依据本技术的思想，在具体实施方式及应用范围上均会有改变之处。综上所述，本说明书内容不应理解为对本技术的限制。
技术特征：1.一种商品信息流展示方法，其特征在于，包括：确定目标信息流中待展示的多个商品，以及各商品的商品图像、关联的描述信息及信息卡片生成模板；所述模板中包括图像展示区域以及描述信息展示区域；通过对所述商品图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成目标信息卡片并展示在所述目标信息流的资源位中。2.根据权利要求1所述的方法，其特征在于，还包括：确定预先划分的多个饱和度值梯度及各梯度对应的饱和度转换规则，和/或，预先划分的多个明度/亮度值梯度及各梯度对应的明度/亮度转换规则；所述将所述饱和度值和/或明度/亮度值调整到目标区间范围内，包括：根据所述第一目标颜色对应的饱和度值所属的饱和度值梯度及其对应的饱和度转换规则信息，对饱和度值进行调整，以便将多种不同商品图像对应的不同第一目标颜色的饱和度值调整到同一区间范围内；和/或，根据所述第一目标颜色对应的明度/亮度值所属的明度/亮度值梯度及其对应的明度/亮度转换规则，对明度/亮度值进行调整，以便将多种不同商品图像对应的第一目标颜色的明度/亮度值调整到同一区间范围内。3.根据权利要求2所述的方法，其特征在于，所述根据所述第一目标颜色对应的饱和度值所属的饱和度值梯度及其对应的饱和度转换规则信息，对饱和度值进行调整，包括：如果所述第一目标颜色对应的饱和度值高于第一阈值，则将饱和度值取为该第一阈值；如果所述第一目标颜色对应的饱和度值低于第一阈值，高于第二阈值，则将饱和度值取为第一阈值与第二阈值的中间值；如果所述第一目标颜色对应的饱和度值低于第二阈值，则将饱和度值取为该第二阈值。4.根据权利要求2所述的方法，其特征在于，所述根据所述第一目标颜色对应的明度/亮度值所属的明度/亮度值梯度及其对应的明度/亮度转换规则，对明度/亮度值进行调整，包括：如果所述第一目标颜色对应的明度/亮度值高于第三阈值，则将明度/亮度值取为该第三阈值；如果所述第一目标颜色对应的明度/亮度值低于第三阈值，高于第四阈值，则将明度/亮度值取为第三阈值与第四阈值的中间值；如果所述第一目标颜色对应的明度/亮度值低于第四阈值，高于第五阈值，则将明度/亮度值取为第四阈值与第五阈值的中间值；如果所述第一目标颜色对应的明度/亮度值低于第五阈值，则将明度/亮度值取为该第五阈值。
5.根据权利要求1所述的方法，其特征在于，在对所述饱和度值和/或明度/亮度值进行调整的过程中，所述第二目标颜色的色相值保持不变。6.根据权利要求1所述的方法，其特征在于，在将所述饱和度值和/或明度/亮度值调整到目标区间范围内之前，还包括：通过判断所述第一目标颜色对应的明度/亮度值是否高于阈值，确定所述第一目标颜色是否为偏白色系；如果是，则根据固定设置的色相值、饱和度值以及明度/亮度值，以获得所述第二目标颜色。7.根据权利要求6所述的方法，其特征在于，还包括：在将所述描述信息添加到颜色填充后的描述信息展示区域时，将描述信息的字体颜色设置为深色系。8.根据权利要求1所述的方法，其特征在于，在将所述饱和度值和/或明度/亮度值调整到目标区间范围内之前，还包括：获取所述第一目标颜色的色相值；通过判断所述第一目标颜色对应的色相值及饱和度值是否均低于阈值，确定所述第一目标颜色是否为低饱和色系；如果是，则保持所述第一目标颜色的饱和度值不变，将所述第一目标颜色对应的明度/亮度值调整为低于目标值，以获得所述第二目标颜色。9.根据权利要求1所述的方法，其特征在于，所述模板中所述图像展示区域与所述描述信息展示区域之间存在重叠部分；所述利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充，包括：利用所述第二目标颜色对所述描述信息展示区域进行渐变色填充，其中，在所述重叠部分，所填充颜色的透明度由高到底变化，在到达非重叠部分后过渡为纯色。10.根据权利要求1至9任一项所述的方法，其特征在于，所述目标信息流中待展示的多个商品对应多个类目，不同商品对应的商品图像具有多种不同的尺寸，所述信息卡片生成模板为多个，分别用于与所述多种不同尺寸的商品图像对应。11.一种商品图像处理方法，其特征在于，包括：根据用户发起的图像处理请求，确定目标商品的原始图像、描述信息以及图像合成模板，所述图像合成模板中包括图像展示区域以及描述信息展示区域；通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域，以便生成关于所述目标商品的目标图像，所述目标图像用于向商品信息服务系统中进行发布。12.一种图像处理方法，其特征在于，包括：根据用户发起的图像处理请求，确定原始图像、待添加的信息内容以及图像合成模板，
所述图像合成模板中包括第一展示区域以及第二展示区域，所述第一展示区域用于展示所述原始图像，所述第二展示区域用于展示所述信息内容；通过对所述原始图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；利用所述第二目标颜色对所述模板中的第二展示区域进行颜色填充后，将所述信息内容添加到所述第二展示区域，以便生成目标图像。13.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1至12任一项所述的方法的步骤。14.一种电子设备，其特征在于，包括：一个或多个处理器；以及与所述一个或多个处理器关联的存储器，所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时，执行权利要求1至12任一项所述的方法的步骤。
技术总结本申请实施例公开了商品信息流展示方法、装置及电子设备，所述方法包括：确定目标信息流中待展示的多个商品，以及各商品的商品图像、关联的描述信息及信息卡片生成模板；所述模板中包括图像展示区域以及描述信息展示区域；通过对所述商品图像进行取色，确定第一目标颜色，并确定该第一目标颜色对应的饱和度值以及明度/亮度值；通过将所述饱和度值和/或明度/亮度值调整到目标区间范围内，获得第二目标颜色；利用所述第二目标颜色对所述模板中的描述信息展示区域进行颜色填充后，将所述描述信息添加到所述描述信息展示区域。通过本申请实施例，能够提升页面的视觉呈现质量，提升用户的沉浸式浏览体验。户的沉浸式浏览体验。户的沉浸式浏览体验。
技术研发人员：李瓛
受保护的技术使用者：阿里巴巴（中国）有限公司
技术研发日：2022.06.29
技术公布日：2022/11/1
