主题色彩处理、展示页面生成的方法、装置及设备制造方法及图纸

本申请公开了一种主题色彩处理方法，包括：确定需要展示的图像；获得所述图像的主题色彩；根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，其中，所述预定色域阈值用于判断主题色彩的色相的合格色域范围。解决了商家或商品的图像展示中存在色彩配置低效的问题。

Methods, devices and equipment for theme color processing and display page generation

【技术实现步骤摘要】
主题色彩处理、展示页面生成的方法、装置及设备
本申请涉及图像处理
，具体涉及一种主题色彩处理方法、装置、电子设备及存储设备。本申请同时涉及一种展示页面生成方法、装置、电子设备及存储设备。
技术介绍
电商平台对商家或商品的视觉表达是一种展现商家或商品的品牌调性的重要手段，其中，在页面上展示商家或商品时的主题色彩的运用，是能够带给消费者较强品牌体感的视觉表达的重要因素。例如在促销、活动等展示页面中，对于要展示的商家或商品的图像和展示商家或商品的图像的页面，进行图像主题色彩和展示页面背景底色的协调性以及整体性设计，可以使得展示页面能烘托出所展示的商家或商品独有的品牌调性。现有技术中，一般采用的方案是：按照设计师给定的不同展示图像的主题色彩替换展示页面中不同展示图像对应的背景底色，但是根据设计师给定的主题色彩配置展示页面的背景底色，存在色彩配置低效的问题。
技术实现思路
本申请提供一种主题色彩处理方法，以解决商家或商品的图像展示中存在色彩配置低效的问题。本申请提供一种主题色彩处理方法，包括：确定需要展示的图像；获得所述图像的主题色彩；根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，其中，所述预定色域阈值用于判断主题色彩的色相的合格色域范围。可选的，所述获得所述图像的主题色彩，包括：根据所述图像中不同色彩的占比面积，确定所述图像的主题色彩。可选的，所述根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，包括：根据预定色域阈值，确定所述主题色彩的合格色域范围；在所述合格色域范围内编辑所述主题色彩，得到所述背景底色。可选的，所述在所述合格色域范围内编辑所述主题色彩，包括：在所述合格色域范围内调整所述主题色彩的色相；和/或，在所述合格色域范围内调整所述主题色彩的饱和度；和/或，在所述合格色域范围内调整所述主题色彩的明度。可选的，所述根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，包括：根据预定色域阈值，确定所述主题色彩的合格色域范围；确定在所述合格色域范围内的主题色彩中的最优主题色彩；将所述最优主题色彩作为所述背景底色。可选的，所述主题色彩处理方法还包括：获得用户配置的第二候选背景底色；所述根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，包括：根据预定色域阈值和所述主题色彩，得到第一候选背景底色；根据所述第一候选背景底色和所述第二候选背景底色，得到用于展示所述图像的展示页面的背景底色。可选的，所述根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，包括：根据预定色域阈值，确定所述主题色彩的合格色域范围；在所述合格色域范围内编辑所述主题色彩，得到候选背景底色；根据商品的品牌特征从所述候选背景底色中选择一种候选背景底色，作为用于展示所述图像的展示页面的背景底色。可选的，所述主题色彩处理方法还包括：在页面上使用所述背景底色展示所述需要展示的图像。可选的，按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像：使用所述背景底色作为纯色背景展示所述需要展示的图像；使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述需要展示的图像；使用所述背景底色作为渐变遮罩或纯色遮罩展示所述需要展示的图像；使用所述背景底色作为所述需要展示的图像的行动点色彩，展示所述需要展示的图像以及所述图像的行动点，所述行动点是页面上用于交互的元素；使用所述背景底色作为所述需要展示的图像的信息点色彩，展示所述需要展示的图像以及所述图像的信息点，所述信息点是页面上可阅读的元素。可选的，所述在页面上使用所述背景底色展示所述需要展示的图像，包括：将所述需要展示的图像作为顶层图像进行展示，应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度；和/或，将所述需要展示的图像作为顶层图像进行展示，应用所述背景底色设置所述顶层图像的背景的图案色彩；和/或，为所述需要展示的图像设置遮罩层，应用所述背景底色设置所述遮罩层的渐变方式。可选的，所述合格色域范围包括所述色相的明度的合理范围和/或饱和度的合理范围。本申请还提供一种展示页面生成方法，包括：确定需要展示的图像；根据所述图像的色彩特征，确定用于展示所述图像的展示页面的背景底色；根据所述背景底色生成所述展示页面。可选的，所述根据所述图像的色彩特征，确定用于展示所述图像的展示页面的背景底色，包括：根据所述图像的色彩特征，识别出所述图像的至少一种主题色彩，作为所述展示页面的候选背景底色；根据商品的品牌特征，从所述候选背景底色中选择一种候选背景底色，作为所述展示页面的背景底色。可选的，所述根据所述图像的色彩特征，识别出所述图像的至少一种主题色彩，包括：若所述图像是底色为白色的图像，则根据色彩聚合程度，识别出至少一种主题色彩；和/或，若所述图像是色彩均匀或色彩分散的图像，则根据图像中色彩的占比面积，识别出至少一种主题色彩。可选的，所述展示页面生成方法还包括：获得用户配置的页面内容；所述根据所述背景底色生成所述展示页面，包括：获得所述背景底色；使用所述背景底色和所述用户配置的页面内容生成所述展示页面。可选的，所述展示页面生成方法还包括：客户端主动抓取页面内容；所述根据所述背景底色生成所述展示页面，包括：获得所述背景底色；使用所述背景底色和所述客户端主动抓取的页面内容生成所述展示页面。可选的，所述根据所述背景底色生成所述展示页面，包括：在所述展示页面上根据场景氛围展示所述图像。可选的，所述在所述展示页面上根据场景氛围展示所述图像，包括按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像：使用所述背景底色作为纯色背景展示所述图像；使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述图像；使用所述背景底色作为渐变遮罩或纯色遮罩展示所述图像；使用所述背景底色作为所述需要展示的图像的行动点色彩，展示所述图像以及所述图像的行动点，所述行动点是页面上用于交互的元素；使用所述背景底色作为所述需要展示的图像的信息点色彩，展示所述图像以及所述图像的信息点，所述信息点是页面上可阅读的元素。可选的，所述在所述展示页面上根据场景氛围展示所述图像，包括：将所述图像作为顶层图像进行展示，应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度；和/或，将所述图像作为顶层图像进行展示，应用所述背景底色设置所述顶层图像的背景的图案色彩；和/或，给所述图像设置遮罩层，应用所述背景底色设置所述遮罩本文档来自技高网...

【技术保护点】
1.一种主题色彩处理方法，其特征在于，包括：/n确定需要展示的图像；/n获得所述图像的主题色彩；/n根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，其中，所述预定色域阈值用于判断主题色彩的色相的合格色域范围。/n

【技术特征摘要】
1.一种主题色彩处理方法，其特征在于，包括：
确定需要展示的图像；
获得所述图像的主题色彩；
根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，其中，所述预定色域阈值用于判断主题色彩的色相的合格色域范围。


2.根据权利要求1所述的方法，其特征在于，所述获得所述图像的主题色彩，包括：
根据所述图像中不同色彩的占比面积，确定所述图像的主题色彩。


3.根据权利要求1所述的方法，其特征在于，所述根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，包括：
根据预定色域阈值，确定所述主题色彩的合格色域范围；
在所述合格色域范围内编辑所述主题色彩，得到所述背景底色。


4.根据权利要求3所述的方法，其特征在于，所述在所述合格色域范围内编辑所述主题色彩，包括：
在所述合格色域范围内调整所述主题色彩的色相；和/或，
在所述合格色域范围内调整所述主题色彩的饱和度；和/或，
在所述合格色域范围内调整所述主题色彩的明度。


5.根据权利要求1所述的方法，其特征在于，所述根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，包括：
根据预定色域阈值，确定所述主题色彩的合格色域范围；
确定在所述合格色域范围内的主题色彩中的最优主题色彩；
将所述最优主题色彩作为所述背景底色。


6.根据权利要求1所述的方法，其特征在于，还包括：
获得用户配置的第二候选背景底色；
所述根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，包括：
根据预定色域阈值和所述主题色彩，得到第一候选背景底色；
根据所述第一候选背景底色和所述第二候选背景底色，得到用于展示所述图像的展示页面的背景底色。


7.根据权利要求1所述的方法，其特征在于，所述根据预定色域阈值和所述主题色彩，得到用于展示所述图像的展示页面的背景底色，包括：
根据预定色域阈值，确定所述主题色彩的合格色域范围；
在所述合格色域范围内编辑所述主题色彩，得到候选背景底色；
根据商品的品牌特征从所述候选背景底色中选择一种候选背景底色，作为用于展示所述图像的展示页面的背景底色。


8.根据权利要求1所述的方法，其特征在于，还包括：
在页面上使用所述背景底色展示所述需要展示的图像。


9.根据权利要求8所述的方法，其特征在于，按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像：
使用所述背景底色作为纯色背景展示所述需要展示的图像；
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述需要展示的图像；
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述需要展示的图像；
使用所述背景底色作为所述需要展示的图像的行动点色彩，展示所述需要展示的图像以及所述图像的行动点，所述行动点是页面上用于交互的元素；
使用所述背景底色作为所述需要展示的图像的信息点色彩，展示所述需要展示的图像以及所述图像的信息点，所述信息点是页面上可阅读的元素。


10.根据权利要求8所述的方法，其特征在于，所述在页面上使用所述背景底色展示所述需要展示的图像，包括：
将所述需要展示的图像作为顶层图像进行展示，应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度；和/或，
将所述需要展示的图像作为顶层图像进行展示，应用所述背景底色设置所述顶层图像的背景的图案色彩；和/或，
为所述需要展示的图像设置遮罩层，应用所述背景底色设置所述遮罩层的渐变方式。


11.根据权利要求1所述的方法，其特征在于，所述合格色域范围包括所述色相的明度的合理范围和/或饱和度的合理范围。


12.一种展示页面生成方法，其特征在于，包括：
确定需要展示的图像；
根据所述图像的色彩特征，确定用于展示所述图像的展示页面的背景底色；
根据所述背景底色生成所述展示页面。


13.根据权利要求12所述的方法，其特征在于，所述根据所述图像的色彩特征，确定用于展示所述图像的展示页面的背景底色，包括：
根据所述图像的色彩特征，识别出所述图像的至少一种主题色彩，作为所述展示页面的候选背景底色；
根据商品的品牌特征，从所述候选背景底色中选择一种候选背景底色，作...

【专利技术属性】
技术研发人员：乐可柯，傅瑜，杨喆，李帅，陈江明，郭耀中，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY