CN110673904B - 主题色彩处理、展示页面生成的方法、装置及设备 - Google Patents
主题色彩处理、展示页面生成的方法、装置及设备 Download PDFInfo
- Publication number
- CN110673904B CN110673904B CN201810713724.9A CN201810713724A CN110673904B CN 110673904 B CN110673904 B CN 110673904B CN 201810713724 A CN201810713724 A CN 201810713724A CN 110673904 B CN110673904 B CN 110673904B
- Authority
- CN
- China
- Prior art keywords
- color
- image
- background
- theme
- displaying
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
- G06Q30/0643—Graphical representation of items or shoppers
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Business, Economics & Management (AREA)
- Software Systems (AREA)
- General Physics & Mathematics (AREA)
- Physics & Mathematics (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- General Business, Economics & Management (AREA)
- Strategic Management (AREA)
- Marketing (AREA)
- Economics (AREA)
- Human Computer Interaction (AREA)
- Development Economics (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
- Image Processing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种主题色彩处理方法,包括:确定需要展示的图像;获得所述图像的主题色彩;根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围。解决了商家或商品的图像展示中存在色彩配置低效的问题。
Description
技术领域
本申请涉及图像处理技术领域,具体涉及一种主题色彩处理方法、装置、电子设备及存储设备。本申请同时涉及一种展示页面生成方法、装置、电子设备及存储设备。
背景技术
电商平台对商家或商品的视觉表达是一种展现商家或商品的品牌调性的重要手段,其中,在页面上展示商家或商品时的主题色彩的运用,是能够带给消费者较强品牌体感的视觉表达的重要因素。例如在促销、活动等展示页面中,对于要展示的商家或商品的图像和展示商家或商品的图像的页面,进行图像主题色彩和展示页面背景底色的协调性以及整体性设计,可以使得展示页面能烘托出所展示的商家或商品独有的品牌调性。
现有技术中,一般采用的方案是:按照设计师给定的不同展示图像的主题色彩替换展示页面中不同展示图像对应的背景底色,但是根据设计师给定的主题色彩配置展示页面的背景底色,存在色彩配置低效的问题。
发明内容
本申请提供一种主题色彩处理方法,以解决商家或商品的图像展示中存在色彩配置低效的问题。
本申请提供一种主题色彩处理方法,包括:
确定需要展示的图像;
获得所述图像的主题色彩;
根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围。
可选的,所述获得所述图像的主题色彩,包括:
根据所述图像中不同色彩的占比面积,确定所述图像的主题色彩。
可选的,所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到所述背景底色。
可选的,所述在所述合格色域范围内编辑所述主题色彩,包括:
在所述合格色域范围内调整所述主题色彩的色相;和/或,
在所述合格色域范围内调整所述主题色彩的饱和度;和/或,
在所述合格色域范围内调整所述主题色彩的明度。
可选的,所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
确定在所述合格色域范围内的主题色彩中的最优主题色彩;
将所述最优主题色彩作为所述背景底色。
可选的,所述主题色彩处理方法还包括:
获得用户配置的第二候选背景底色;
所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值和所述主题色彩,得到第一候选背景底色;
根据所述第一候选背景底色和所述第二候选背景底色,得到用于展示所述图像的展示页面的背景底色。
可选的,所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到候选背景底色;
根据商品的品牌特征从所述候选背景底色中选择一种候选背景底色,作为用于展示所述图像的展示页面的背景底色。
可选的,所述主题色彩处理方法还包括:
在页面上使用所述背景底色展示所述需要展示的图像。
可选的,按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像:
使用所述背景底色作为纯色背景展示所述需要展示的图像;
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述需要展示的图像;
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述需要展示的图像;
使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述需要展示的图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述需要展示的图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
可选的,所述在页面上使用所述背景底色展示所述需要展示的图像,包括:
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
为所述需要展示的图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
可选的,所述合格色域范围包括所述色相的明度的合理范围和/或饱和度的合理范围。
本申请还提供一种展示页面生成方法,包括:
确定需要展示的图像;
根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;
根据所述背景底色生成所述展示页面。
可选的,所述根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色,包括:
根据所述图像的色彩特征,识别出所述图像的至少一种主题色彩,作为所述展示页面的候选背景底色;
根据商品的品牌特征,从所述候选背景底色中选择一种候选背景底色,作为所述展示页面的背景底色。
可选的,所述根据所述图像的色彩特征,识别出所述图像的至少一种主题色彩,包括:
若所述图像是底色为白色的图像,则根据色彩聚合程度,识别出至少一种主题色彩;和/或,
若所述图像是色彩均匀或色彩分散的图像,则根据图像中色彩的占比面积,识别出至少一种主题色彩。
可选的,所述展示页面生成方法还包括:获得用户配置的页面内容;所述根据所述背景底色生成所述展示页面,包括:
获得所述背景底色;
使用所述背景底色和所述用户配置的页面内容生成所述展示页面。
可选的,所述展示页面生成方法还包括:客户端主动抓取页面内容;所述根据所述背景底色生成所述展示页面,包括:
获得所述背景底色;
使用所述背景底色和所述客户端主动抓取的页面内容生成所述展示页面。
可选的,所述根据所述背景底色生成所述展示页面,包括:
在所述展示页面上根据场景氛围展示所述图像。
可选的,所述在所述展示页面上根据场景氛围展示所述图像,包括按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像:
使用所述背景底色作为纯色背景展示所述图像;
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述图像;
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述图像;
使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
可选的,所述在所述展示页面上根据场景氛围展示所述图像,包括:
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
给所述图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
本申请还提供一种主题色彩处理装置,包括:
图像确定单元,用于确定需要展示的图像;
主题色彩获取单元,用于获得所述图像的主题色彩;
背景底色确定单元,用于根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围。
本申请还提供一种展示页面生成装置,包括:
图像确定单元,用于确定需要展示的图像;
背景底色确定单元,用于根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;
页面生成单元,用于根据所述背景底色生成所述展示页面。
本申请还提供一种电子设备,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
确定需要展示的图像;
获得所述图像的主题色彩;
根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围。
本申请还提供一种电子设备,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
确定需要展示的图像;
根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;
根据所述背景底色生成所述展示页面。
本申请还提供一种存储设备,存储有指令,所述指令能够被处理器加载并执行以下步骤:
确定需要展示的图像;
获得所述图像的主题色彩;
根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围。
本申请还提供一种存储设备,存储有指令,所述指令能够被处理器加载并执行以下步骤:
确定需要展示的图像;
根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;
根据所述背景底色生成所述展示页面。
与现有技术相比,本申请具有以下优点:
本申请提供的主题色彩处理方法,通过获得需要展示的图像的主题色彩,根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,使得展示页面的背景底色能灵活的匹配展示的图像,从而解决了商家或商品的图像展示中存在色彩配置低效的问题。
本申请提供的展示页面生成方法,通过根据需要展示的图像的色彩特征确定用于展示所述图像的展示页面的背景底色,使用所述背景底色生成展示页面,这种方式生成的展示页面与在展示页面中展示的图像更为协调,得到的视觉效果能更好的表达出商家或商品的独有的品牌调性。
附图说明
图1是本申请第一实施例提供的主题色彩处理方法的处理流程图;
图2是本申请第一实施例的主题色彩的合格色域范围的示意图;
图3是本申请第一实施例的使用背景底色展示图像的示意图;
图4是本申请第二实施例提供的展示页面生成方法的处理流程图;
图5是本申请第二实施例的确定背景底色的例子的示意图;
图6是本申请第三实施例提供的主题色彩处理装置的示意图;
图7是本申请第四实施例提供的展示页面生成装置的示意图;
图8是本申请第五实施例提供的电子设备的示意图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似推广,因此本申请不受下面公开的具体实施的限制。
本申请第一实施例提供一种主题色彩处理方法。
以下结合图1至图3对本申请第一实施例提供的主题色彩处理方法进行说明。
图1所示的主题色彩处理方法,包括:步骤S101至步骤S103。
步骤S101,确定需要展示的图像。
目前,商家或商品品牌一般要求电商平台除了能展示出品牌的基础信息外,也需要电商平台的展示页面能够通过视觉表达出商品的品牌力或品牌调性。色彩是重要的视觉表达要素,其中,作为要展示的图像的核心元素的主题色彩在展示页面的合适运用更是能够带给消费者较强品牌体感。
本申请实施例提供的主题色彩处理方法,通过获得需要展示的图像的主题色彩,根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色。在确定展示页面的背景底色后,可以进一步按照不同的场景氛围配置色彩以展示所述图像。
本步骤是确定需要展示的图像。
所述需要展示的图像可以包括至少下述任一类图像:图片、视频、标志。这些图像素材一般由商家或商品品牌方提供。例如,A商品的品牌方将需要展示的A商品的图片素材上传或配置到电商平台。
步骤S102,获得所述图像的主题色彩。
本步骤是获得需要展示的图像的主题色彩。
本申请实施例中,使用HSB色彩模式来标识主题色彩。所谓HSB(Hues,Saturation,Brightness,简称为HSB),也称为HSV(Hues,Saturation,Value,简称为HSV),是表示颜色的一种色彩模式,其中H(Hues)表示色相,若用0~360°表示标准色轮,则色相是按位置度量色彩,例如可以将标准色轮氛围7段区间,以红橙黄绿青蓝紫的颜色名称标识每个色相区间;S(Saturation)表示色彩的饱和度,即色彩的纯度,取值范围0~100%,白色、黑色和灰色没有饱和度,在最大饱和度时,每一色相具有最纯的色光;B(Brightness,或V,Value)表示色彩的亮度,亮度也称为明度,取值范围0~100%,取值0时为黑色,最大亮度是色彩最鲜明的状态。当S和B的数值越高时,页面色彩越强烈、鲜艳。
本申请实施例中,根据所述图像中不同色彩的占比面积,确定所述图像的主题色彩。例如,排除白色外,按照占比面积大小取出占比面积在前3位的色彩作为主题色彩。具体实施时,可以基于图像识色算法根据所述图像识别出一个或多个主题色彩,也可以接受用户根据对图像的主观感知自主配置的色彩作为主题色彩。
步骤S103,根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围。
本步骤是根据预定色域阈值和步骤S102得到的主题色彩确定用于展示所述图像的展示页面的背景底色。
所述展示页面可以是展示所述图像的整个页面,也可以是展示图像的单个模块,例如首焦轮播区域、品牌商赞助模块区域、信息点或行动点;相应的,背景底色为整个页面的背景底色,或者,背景底色为展示图像的单个模块的区域底色,例如首焦轮播区域底色、品牌商赞助模块区域底色、信息点区域底色或行动点的行动按钮底色。
所述预定色域阈值可以是设计师根据视觉主观感知给出的不同色相的色域阈值,具体的,设计师根据不同色相的特殊性,给出不同色相的合理的亮度的范围和饱和度的范围。由于人眼对于不同色相的明度的感知不同,因此不同色相的色域阈值不尽相同。本申请实施例中,通过所述预定色域阈值可以判断主题色彩的色相的合格色域范围。所述合格色域范围包括所述色相的明度的合理范围和/或饱和度的合理范围。图2是本实施例中主题色彩的合格色域范围的一种示例,其中,图像201是需要识别主题色彩的图像,从图像201中识别出的主题色彩可以涵盖所有色相(H),将色相划分为7个色相区间,对应颜色为红、紫、蓝、青、绿、黄、橙;x轴(横轴)表示不同色相的饱和度,y轴(纵轴)表示不同色相的亮度(也称为明度);202至208分别对应表示红、紫、蓝、青、绿、黄、橙这七种色彩的色域阈值限定的可取区域,例如202中的曲线区分开红色的不可取区域和可取区域,由于黄色(207)的亮度的感知度最高,所以207指示的黄色的亮度的上限值比其他色相的上限值要低。
本申请实施例中,预定色域阈值可以是基于HSB色彩模式设定的阈值,也可以是基于表示颜色的十六进制颜色码或RGB值设定的阈值。所述十六进制颜色码,是以“#”开头的6位十六进制数值表示一种颜色。6位数字分为3组,每组两位,依次表示红、绿、蓝三种颜色的强度。所述RGB值,是以色彩中红绿蓝三原色强度数值表示的颜色模式,R代表Red(红色),G代表Green(绿色),B代表Blue(蓝色)。从极小值0到最大值255,当RGB都在最低值被显示的颜色将是黑色,当RGB都在最大值被显示的颜色将是白色。如果实际部署的方法中基于HSB色彩模式设定预定色域阈值,而背景底色的取色为RGB,或者,预定色域阈值,则需要通过公式在HSB色彩模式和RGB之间进行转换,使得能够使用预定色域阈值调整主题色彩或者判断主题色彩是否落入合格色域范围。
具体到本申请实施例的一个具体实施方式,采用下述处理根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到所述背景底色。
其中,具体采用下述方式在所述合格色域范围内编辑所述主题色彩:
在所述合格色域范围内调整所述主题色彩的色相;和/或,
在所述合格色域范围内调整所述主题色彩的饱和度;和/或,
在所述合格色域范围内调整所述主题色彩的明度。
将主题色彩限制在合格色域范围内,使得根据所取到的主题颜色确定的背景底色不能在视觉感官上过于抢眼甚至刺眼,从而促使最终确定的背景底色能达到烘托页面或展示的图像或页面顶层信息的目的,例如烘托页面展示的文字信息、图片、视频信息,而不至于影响阅读体验。具体的,将主题色彩限制在合格色域范围内可以是剔除主题色彩中最大饱和度和/或最大明度的色相,因为这些色相非常艳丽、刺眼,不理想的取色。
本申请实施例的一个优选实施方式,包括采用下述处理根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
确定在所述合格色域范围内的主题色彩中的最优主题色彩;
将所述最优主题色彩作为所述背景底色。
需要说明的是,可以先在合格色域范围内调整步骤S102获得的主题色彩,得到合格色域范围内的主题色彩,再确定其中最优主题色彩作为背景底色;也可以先确定步骤S102获得的主题色彩中的最优主题色彩,再在合格色域范围内调整最优主题色彩得到限制在合格色域范围内的最优主题色彩,作为所述背景底色。例如,针对图像A步骤S102中取出的主题颜色有墨绿色、米色、黄色、银色,可以选择占比面积最大的米色作为最终确定的主题色彩,对这种色彩使用预定色域阈值确定其在合格色域范围内,则可以确定该主题色彩米色作为背景底色。
本申请实施例中,还可以进行下述处理得到用于展示所述图像的展示页面的背景底色,包括:
获得用户配置的第二候选背景底色;
所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值和所述主题色彩,得到第一候选背景底色;
根据所述第一候选背景底色和所述第二候选背景底色,得到用于展示所述图像的展示页面的背景底色。
例如,部署颜色输入模块,接收用户输入的十六进制颜色码或RGB值;当用户上传需要展示的图像后,基于图像识色算法根据所述图像生成至少一种主题色彩后,用户可以从所述至少一种主题色彩中选择一种主题色彩,也可以使用用户自主输入的色彩作为主题色彩。对于用户输入的色彩,也可以使用预定色域阈值确定用户输入的色彩是否落入合格色域范围,若不在合格色域范围,则指示用户调整到合格色域范围,接收用户输入的合格色域范围内的色彩作为背景底色。
本申请实施例中,一个具体实施方式是选择作为用于展示所述图像的展示页面的背景底色时,将商品的品牌特征作为一个因素。具体包括下述处理:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到候选背景底色;
根据商品的品牌特征从所述候选背景底色中选择一种候选背景底色,作为用于展示所述图像的展示页面的背景底色。
例如,品牌A提供的图像中,识别出的主题颜色包括墨绿色、米色、黄色、银色,米色占比面积最大。但是品牌A的品牌专色是墨绿色,因此最优选择作为展示页面背景底色的色彩不是米色,而是墨绿色,从而更加凸显品牌A的品牌力。
需要注意的是,在确定作为展示页面的背景底色的主题色彩中,要考虑到弱化电商平台的视觉要素,例如减少电商专色的大面积使用,并且要强化需要展示的图像的提供方的品牌的视觉要素,例如匹配品牌的专色。
本申请实施例中,还包括:
在页面上使用所述背景底色展示所述需要展示的图像。
具体的,按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像:
方式一、使用所述背景底色作为纯色背景展示所述需要展示的图像;
方式二、使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述需要展示的图像;
方式三、使用所述背景底色作为渐变遮罩或纯色遮罩展示所述需要展示的图像;
方式四、使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述需要展示的图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
方式五、使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述需要展示的图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
具体的,在页面上使用所述背景底色展示所述需要展示的图像时根据不同场景氛围进行不同处理,例如:
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
为所述需要展示的图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
通过根据不同场景氛围对背景底色进行不同处理,能够使得展示页面(包括展示图像的整个页面或者展示图像的单个模块的区域)的视觉要素能烘托出商家或商品的品牌调性。
例如,图3是不同场景氛围使用背景底色展示图像的示意图,需要展示的图像为品牌B的服务预约产品。图3中,品牌B需要展示的图像301,从301中识别出的主题色彩中包括灰色、银色,占比面积最大为灰色,确定灰色为背景底色,将背景底色应用于不同场景氛围展示图像301,图3中的302至304为不同场景氛围示例(分别对应图中的示例A、B、C、D)。图3中的A示例中的302为使用灰色作为纯色背景,纯色背景部分如302-1部分所示;图3中B示例中的303为使用灰色作为行动点颜色,如303-1部分所示的行动点按钮的背景底色;图3中的C示例中的304为使用灰色作为纹样背景,304-1部分为展示的图片,304-2所指示的展示图片之外的范围为灰色纹样背景;图3中的D示例中的305为使用灰色作为图片的纯色遮罩。
以本申请提供的一种主题色彩处理方法的实施例为基础,本申请第二实施例提供了一种展示页面生成方法。
参照图4和图5,图4示出了本申请第二实施例提供的展示页面生成方法的处理流程图,图5是本申请第二实施例的确定背景底色的例子的示意图。由于本实施例以上述实施例为基础,所以描述得比较简单,相关的部分请参见上述实施例的对应说明即可。
图4所示的展示页面生成方法,包括:步骤S401至步骤S403。
步骤S401,确定需要展示的图像。
本申请实施例提供的展示页面生成方法,根据需要展示的图像的色彩特征,确定用于展示所述图像的展示页面的背景底色,进一步根据所述背景底色生成展示页面,通过这种方式生成的展示页面与在展示页面中展示的图像更为协调,得到的视觉效果能更好的表达出商家或商品的品牌调性。
所述展示页面可以是展示所述图像的整个页面,也可以是展示图像的单个模块,例如首焦轮播区域、品牌商赞助模块区域、信息点或行动点;相应的,背景底色为整个页面的背景底色,或者,背景底色为展示图像的单个模块的区域底色,例如首焦轮播区域底色、品牌商赞助模块区域底色、信息点区域底色或行动点的行动按钮底色。
本步骤是确定需要展示的图像。
所述需要展示的图像可以包括至少下述任一类图像:图片、视频、标志。这些图像素材一般由商家或商品品牌方提供。例如,A商品的品牌方将需要展示的A商品的图片素材上传或配置到电商平台。
步骤S402,根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色。
本步骤是确定用于展示所述图像的展示页面的背景底色。
本申请实施例中,当确定背景底色时要考虑到商家或商品的品牌特征,优选采用下述处理根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色:
根据所述图像的色彩特征,识别出所述图像的至少一种主题色彩,作为所述展示页面的候选背景底色;
根据商品的品牌特征,从所述候选背景底色中选择一种候选背景底色,作为所述展示页面的背景底色。
所述商家或商品的品牌是用以识别商家或商品的,可以是文字、图案、符号等物质载体的表现形式,也可以是质量、服务、知名度、市场占有率等无形载体的表现形式。在选择用于展示图像的展示页面的背景底色时,将品牌特征作为要素能够达到烘托商品品牌的目的。
本申请实施例中,可以具体采用下述处理根据所述图像的色彩特征,识别出所述图像的至少一种主题色彩,包括:
若所述图像是底色为白色的图像,则根据色彩聚合程度,识别出至少一种主题色彩;和/或,
若所述图像是色彩均匀或色彩分散的图像,则根据图像中色彩的占比面积,识别出至少一种主题色彩。
所述色彩聚合程度,是指图像内一个色彩所占的面积大小,按照所述面积大小排序,占比最大的色彩的色彩聚合程度最高。
图5示出了一个确定背景底色的例子,501指示的图片的底色为白色,从图片中识别出黑色、蓝色、绿色和白色,考虑到白色在视觉感官上过于刺眼因此不作为主题色彩,501的背景底色可以是黑色、蓝色或绿色,进一步由于501中黑色聚合程度最高,因此黑色为最优主题色彩,用户可以选择黑色作为展示页面的背景底色。502指示的图片和504指示的图片,色彩比较均匀,从502图片中识别出的主题色彩包括紫色、黑色、白色,紫色是占比面积最大的色彩,可以选择紫色作为展示页面的背景底色,而从504图片中识别出的占比面积最大的色彩为灰色,可以选择灰色作为展示页面的背景底色;503指示的图片色彩较为分散,从503这张图片中识别出的主题色彩包括墨绿色、米色、黄色、银色,米色是占比面积最大的色彩,但是考虑到图片的品牌方A的品牌专色为墨绿色,因此可以选择墨绿色作为展示页面的背景底色。
步骤S403,根据所述背景底色生成所述展示页面。
本步骤是根据步骤S402得到的背景底色生成展示页面。
本申请实施例中,一个具体实施方式中,提供用户接口接收用户配置,具体包括采用下述处理根据所述背景底色生成所述展示页面:
获得用户配置的页面内容;
获得所述背景底色;
使用所述背景底色和所述用户配置的页面内容生成所述展示页面。
本申请实施例中,另一个具体实施方式中,提供客户端接口,允许生成展示页面的客户端主动抓取页面内容,例如,生成展示页面的客户端能够抓取用户上传的信息,可以是定时自动抓取。具体的,所述根据所述背景底色生成所述展示页面包括下述处理:
客户端主动抓取页面内容;获得所述背景底色;
使用所述背景底色和所述客户端主动抓取的页面内容生成所述展示页面。
优选的,在所述展示页面上根据场景氛围展示所述图像。
本申请实施例中,在所述展示页面上根据场景氛围展示所述图像,具体包括按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像:
使用所述背景底色作为纯色背景展示所述图像;
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述图像;
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述图像;
使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
具体的,在页面上使用所述背景底色展示所述需要展示的图像时根据不同场景氛围进行不同处理,例如:
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
给所述图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
通过根据不同场景氛围对背景底色进行不同处理,能够使得展示页面(包括展示图像的整个页面或者展示图像的单个模块的区域)的视觉要素能烘托出商家或商品的品牌调性。
与本申请提供的一种主题色彩处理方法的实施例相对应,本申请第三实施例提供了一种主题色彩处理装置。
图6示出了本申请第三实施例提供的主题色彩处理装置的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见方法实施例的对应说明即可。
图6所示的主题色彩处理装置,包括:
图像确定单元601,用于确定需要展示的图像;
主题色彩获取单元602,用于获得所述图像的主题色彩;
背景底色确定单元603,用于根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围。
可选的,所述主题色彩获取单元602,具体用于:
根据所述图像中不同色彩的占比面积,确定所述图像的主题色彩。
可选的,所述背景底色确定单元603,具体用于:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到所述背景底色。
可选的,所述背景底色确定单元603,包括编辑子单元,所述编辑子单元用于:
在所述合格色域范围内调整所述主题色彩的色相;和/或,
在所述合格色域范围内调整所述主题色彩的饱和度;和/或,
在所述合格色域范围内调整所述主题色彩的明度。
可选的,所述背景底色确定单元603,具体用于:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
确定在所述合格色域范围内的主题色彩中的最优主题色彩;
将所述最优主题色彩作为所述背景底色。
可选的,所述主题色彩处理装置,还包括配置单元,所述配置单元用于:
获得用户配置的第二候选背景底色;
所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值和所述主题色彩,得到第一候选背景底色;
根据所述第一候选背景底色和所述第二候选背景底色,得到用于展示所述图像的展示页面的背景底色。
可选的,所述背景底色确定单元603,具体用于:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到候选背景底色;
根据商品的品牌特征从所述候选背景底色中选择一种候选背景底色,作为用于展示所述图像的展示页面的背景底色。
可选的,所述主题色彩处理装置,还包括展示单元,所述展示单元用于:
在页面上使用所述背景底色展示所述需要展示的图像。
可选的,所述展示单元,具体用于按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像:
使用所述背景底色作为纯色背景展示所述需要展示的图像;
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述需要展示的图像;
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述需要展示的图像;
使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述需要展示的图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述需要展示的图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
可选的,所述展示单元,具体用于:
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
为所述需要展示的图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
可选的,所述合格色域范围包括所述色相的明度的合理范围和/或饱和度的合理范围。
与本申请提供的一种展示页面生成方法的实施例相对应,本申请第四实施例提供了一种展示页面生成装置。
图7示出了本申请第四实施例提供的展示页面生成装置的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见方法实施例的对应说明即可。
图7所示的展示页面生成装置,包括:
图像确定单元701,用于确定需要展示的图像;
背景底色确定单元702,用于根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;
页面生成单元703,用于根据所述背景底色生成所述展示页面。
可选的,所述背景底色确定单元702,具体用于:
根据所述图像的色彩特征,识别出所述图像的至少一种主题色彩,作为所述展示页面的候选背景底色;
根据商品的品牌特征,从所述候选背景底色中选择一种候选背景底色,作为所述展示页面的背景底色。
可选的,所述背景底色确定单元702,包括色彩识别子单元,所述色彩识别子单元具体用于:
若所述图像是底色为白色的图像,则根据色彩聚合程度,识别出至少一种主题色彩;和/或,
若所述图像是色彩均匀或色彩分散的图像,则根据图像中色彩的占比面积,识别出至少一种主题色彩。
可选的,所述展示页面生成装置,还包括配置单元,所述配置单元用于获得用户配置的页面内容;相应的,所述页面生成单元703,用于:
获得所述背景底色;
使用所述背景底色和所述用户配置的页面内容生成所述展示页面。
可选的,所述展示页面生成装置,还包括内容抓取单元,所述内容抓取单元用于客户端主动抓取页面内容;相应的,所述页面生成单元703,用于:
获得所述背景底色;
使用所述背景底色和所述客户端主动抓取的页面内容生成所述展示页面。
可选的,所述页面生成单元703,包括展示子单元,所述展示子单元用于在所述展示页面上根据场景氛围展示所述图像。
可选的,所述展示子单元,具体用于按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像:
使用所述背景底色作为纯色背景展示所述图像;
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述图像;
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述图像;
使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
可选的,所述展示子单元,具体用于:
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
给所述图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
本申请第五实施例提供了一种用于实现所述主题色彩处理方法的电子设备,参照图8,其示出了本申请第五实施例提供的一种电子设备的示意图。
本申请第五实施例提供的所述电子设备实施例描述得比较简单,相关的部分请参见上述提供的所述主题色彩处理方法的实施例的对应说明即可。
图8所示的电子设备,包括:
存储器801,以及处理器802;
所述存储器801用于存储计算机可执行指令,所述处理器802用于执行所述计算机可执行指令:
确定需要展示的图像;
获得所述图像的主题色彩;
根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围。
可选的,所述处理器802还用于执行下述计算机可执行指令:
根据所述图像中不同色彩的占比面积,确定所述图像的主题色彩。
可选的,所述处理器802还用于执行下述计算机可执行指令:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到所述背景底色。
可选的,所述处理器802还用于执行下述计算机可执行指令:
在所述合格色域范围内调整所述主题色彩的色相;和/或,
在所述合格色域范围内调整所述主题色彩的饱和度;和/或,
在所述合格色域范围内调整所述主题色彩的明度。
可选的,所述处理器802还用于执行下述计算机可执行指令:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
确定在所述合格色域范围内的主题色彩中的最优主题色彩;
将所述最优主题色彩作为所述背景底色。
可选的,所述处理器802还用于执行下述计算机可执行指令:
获得用户配置的第二候选背景底色;
所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值和所述主题色彩,得到第一候选背景底色;
根据所述第一候选背景底色和所述第二候选背景底色,得到用于展示所述图像的展示页面的背景底色。
可选的,所述处理器802还用于执行下述计算机可执行指令:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到候选背景底色;
根据商品的品牌特征从所述候选背景底色中选择一种候选背景底色,作为用于展示所述图像的展示页面的背景底色。
可选的,所述处理器802还用于执行下述计算机可执行指令:
在页面上使用所述背景底色展示所述需要展示的图像。
可选的,所述处理器802还用于执行下述至少一种指令:
使用所述背景底色作为纯色背景展示所述需要展示的图像;
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述需要展示的图像;
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述需要展示的图像;
使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述需要展示的图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述需要展示的图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
可选的,所述处理器802还用于执行下述计算机可执行指令:
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
为所述需要展示的图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
可选的,所述合格色域范围包括所述色相的明度的合理范围和/或饱和度的合理范围。
本申请第六实施例提供了一种用于实现所述展示页面生成方法的电子设备,其示意图类似图8。
本申请第六实施例提供的所述电子设备实施例描述得比较简单,相关的部分请参见上述提供的所述展示页面生成方法的实施例的对应说明即可。
本申请第六实施例提供的电子设备,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
确定需要展示的图像;
根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;
根据所述背景底色生成所述展示页面。
可选的,所述处理器还用于执行下述计算机可执行指令:
根据所述图像的色彩特征,识别出所述图像的至少一种主题色彩,作为所述展示页面的候选背景底色;
根据商品的品牌特征,从所述候选背景底色中选择一种候选背景底色,作为所述展示页面的背景底色。
可选的,所述处理器还用于执行下述计算机可执行指令:
若所述图像是底色为白色的图像,则根据色彩聚合程度,识别出至少一种主题色彩;和/或,
若所述图像是色彩均匀或色彩分散的图像,则根据图像中色彩的占比面积,识别出至少一种主题色彩。
可选的,所述处理器还用于执行下述计算机可执行指令:
获得用户配置的页面内容;
获得所述背景底色;
使用所述背景底色和所述用户配置的页面内容生成所述展示页面。
可选的,所述处理器还用于执行下述计算机可执行指令:
客户端主动抓取页面内容;
获得所述背景底色;
使用所述背景底色和所述客户端主动抓取的页面内容生成所述展示页面。
可选的,所述处理器还用于执行下述计算机可执行指令:
在所述展示页面上根据场景氛围展示所述图像。
可选的,所述处理器还用于执行下述至少一种指令:
使用所述背景底色作为纯色背景展示所述图像;
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述图像;
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述图像;
使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
可选的,所述处理器还用于执行下述计算机可执行指令:
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
给所述图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
本申请第七实施例提供一种用于上述提供的主题色彩处理方法的存储设备,其描述得比较简单,相关的部分请参见上述提供的所述主题色彩处理方法的实施例的对应说明即可。
本申请第七实施例提供的存储设备,存储有指令,所述指令能够被处理器加载并执行以下步骤:
确定需要展示的图像;
获得所述图像的主题色彩;
根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围。
本申请第八实施例提供一种用于上述提供的展示页面生成方法的存储设备,其描述得比较简单,相关的部分请参见上述提供的所述展示页面生成方法的实施例的对应说明即可。
本申请第八实施例提供的存储设备,存储有指令,所述指令能够被处理器加载并执行以下步骤:
确定需要展示的图像;
根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;
根据所述背景底色生成所述展示页面。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
2、本领域技术人员应明白,本申请的实施例可提供为方法、***或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。
Claims (24)
1.一种主题色彩处理方法,其特征在于,包括:
确定需要展示的图像;
获得所述图像的主题色彩;
根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围;
所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到所述背景底色。
2.根据权利要求1所述的方法,其特征在于,所述获得所述图像的主题色彩,包括:
根据所述图像中不同色彩的占比面积,确定所述图像的主题色彩。
3.根据权利要求1所述的方法,其特征在于,所述在所述合格色域范围内编辑所述主题色彩,包括:
在所述合格色域范围内调整所述主题色彩的色相;和/或,
在所述合格色域范围内调整所述主题色彩的饱和度;和/或,
在所述合格色域范围内调整所述主题色彩的明度。
4.根据权利要求1所述的方法,其特征在于,所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
确定在所述合格色域范围内的主题色彩中的最优主题色彩;
将所述最优主题色彩作为所述背景底色。
5.根据权利要求1所述的方法,其特征在于,还包括:
获得用户配置的第二候选背景底色;
所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值和所述主题色彩,得到第一候选背景底色;
根据所述第一候选背景底色和所述第二候选背景底色,得到用于展示所述图像的展示页面的背景底色。
6.根据权利要求1所述的方法,其特征在于,所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到候选背景底色;
根据商品的品牌特征从所述候选背景底色中选择一种候选背景底色,作为用于展示所述图像的展示页面的背景底色。
7.根据权利要求1所述的方法,其特征在于,还包括:
在页面上使用所述背景底色展示所述需要展示的图像。
8.根据权利要求7所述的方法,其特征在于,按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像:
使用所述背景底色作为纯色背景展示所述需要展示的图像;
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述需要展示的图像;
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述需要展示的图像;
使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述需要展示的图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述需要展示的图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
9.根据权利要求7所述的方法,其特征在于,所述在页面上使用所述背景底色展示所述需要展示的图像,包括:
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述需要展示的图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
为所述需要展示的图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
10.根据权利要求1所述的方法,其特征在于,所述合格色域范围包括所述色相的明度的合理范围和/或饱和度的合理范围。
11.一种展示页面生成方法,其特征在于,包括:
确定需要展示的图像;
根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;包括:获得所述图像的主题色彩;根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围;所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:根据预定色域阈值,确定所述主题色彩的合格色域范围;在所述合格色域范围内编辑所述主题色彩,得到所述背景底色;
根据所述背景底色生成所述展示页面。
12.根据权利要求11所述的方法,其特征在于,所述根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色,包括:
根据所述图像的色彩特征,识别出所述图像的至少一种主题色彩,作为所述展示页面的候选背景底色;
根据商品的品牌特征,从所述候选背景底色中选择一种候选背景底色,作为所述展示页面的背景底色。
13.根据权利要求12所述的方法,其特征在于,所述根据所述图像的色彩特征,识别出所述图像的至少一种主题色彩,包括:
若所述图像是底色为白色的图像,则根据色彩聚合程度,识别出至少一种主题色彩;和/或,
若所述图像是色彩均匀或色彩分散的图像,则根据图像中色彩的占比面积,识别出至少一种主题色彩。
14.根据权利要求11所述的方法,其特征在于,还包括:获得用户配置的页面内容;所述根据所述背景底色生成所述展示页面,包括:
获得所述背景底色;
使用所述背景底色和所述用户配置的页面内容生成所述展示页面。
15.根据权利要求11所述的方法,其特征在于,还包括:客户端主动抓取页面内容;所述根据所述背景底色生成所述展示页面,包括:
获得所述背景底色;
使用所述背景底色和所述客户端主动抓取的页面内容生成所述展示页面。
16.根据权利要求11所述的方法,其特征在于,所述根据所述背景底色生成所述展示页面,包括:
在所述展示页面上根据场景氛围展示所述图像。
17.根据权利要求16所述的方法,其特征在于,所述在所述展示页面上根据场景氛围展示所述图像,包括按照下述至少一种方式在页面上使用所述背景底色展示所述需要展示的图像:
使用所述背景底色作为纯色背景展示所述图像;
使用所述背景底色作为带纹样的背景色和/或纹样配色展示所述图像;
使用所述背景底色作为渐变遮罩或纯色遮罩展示所述图像;
使用所述背景底色作为所述需要展示的图像的行动点色彩,展示所述图像以及所述图像的行动点,所述行动点是页面上用于交互的元素;
使用所述背景底色作为所述需要展示的图像的信息点色彩,展示所述图像以及所述图像的信息点,所述信息点是页面上可阅读的元素。
18.根据权利要求16所述的方法,其特征在于,所述在所述展示页面上根据场景氛围展示所述图像,包括:
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的区域底色的纯色与透明度;和/或,
将所述图像作为顶层图像进行展示,应用所述背景底色设置所述顶层图像的背景的图案色彩;和/或,
给所述图像设置遮罩层,应用所述背景底色设置所述遮罩层的渐变方式。
19.一种主题色彩处理装置,其特征在于,包括:
图像确定单元,用于确定需要展示的图像;
主题色彩获取单元,用于获得所述图像的主题色彩;
背景底色确定单元,用于根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围;
所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:
根据预定色域阈值,确定所述主题色彩的合格色域范围;
在所述合格色域范围内编辑所述主题色彩,得到所述背景底色。
20.一种展示页面生成装置,其特征在于,包括:
图像确定单元,用于确定需要展示的图像;
背景底色确定单元,用于根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;包括:获得所述图像的主题色彩;根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围;所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:根据预定色域阈值,确定所述主题色彩的合格色域范围;在所述合格色域范围内编辑所述主题色彩,得到所述背景底色;
页面生成单元,用于根据所述背景底色生成所述展示页面。
21.一种电子设备,其特征在于,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
确定需要展示的图像;
获得所述图像的主题色彩;
根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围;所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:根据预定色域阈值,确定所述主题色彩的合格色域范围;在所述合格色域范围内编辑所述主题色彩,得到所述背景底色。
22.一种电子设备,其特征在于,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
确定需要展示的图像;
根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;包括:获得所述图像的主题色彩;根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围;所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:根据预定色域阈值,确定所述主题色彩的合格色域范围;在所述合格色域范围内编辑所述主题色彩,得到所述背景底色;
根据所述背景底色生成所述展示页面。
23.一种存储设备,其特征在于,存储有指令,所述指令能够被处理器加载并执行以下步骤:
确定需要展示的图像;
获得所述图像的主题色彩;
根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围;所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:根据预定色域阈值,确定所述主题色彩的合格色域范围;在所述合格色域范围内编辑所述主题色彩,得到所述背景底色。
24.一种存储设备,其特征在于,存储有指令,所述指令能够被处理器加载并执行以下步骤:
确定需要展示的图像;
根据所述图像的色彩特征,确定用于展示所述图像的展示页面的背景底色;包括:获得所述图像的主题色彩;根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,其中,所述预定色域阈值用于判断主题色彩的色相的合格色域范围;所述根据预定色域阈值和所述主题色彩,得到用于展示所述图像的展示页面的背景底色,包括:根据预定色域阈值,确定所述主题色彩的合格色域范围;在所述合格色域范围内编辑所述主题色彩,得到所述背景底色;
根据所述背景底色生成所述展示页面。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810713724.9A CN110673904B (zh) | 2018-07-03 | 2018-07-03 | 主题色彩处理、展示页面生成的方法、装置及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810713724.9A CN110673904B (zh) | 2018-07-03 | 2018-07-03 | 主题色彩处理、展示页面生成的方法、装置及设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110673904A CN110673904A (zh) | 2020-01-10 |
CN110673904B true CN110673904B (zh) | 2023-08-25 |
Family
ID=69065399
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810713724.9A Active CN110673904B (zh) | 2018-07-03 | 2018-07-03 | 主题色彩处理、展示页面生成的方法、装置及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110673904B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111506287B (zh) * | 2020-04-08 | 2023-07-04 | 北京百度网讯科技有限公司 | 页面显示方法和装置、电子设备和存储介质 |
CN111814426B (zh) * | 2020-07-20 | 2023-08-25 | 腾讯科技(深圳)有限公司 | 问卷页面配置方法、装置、计算机设备和存储介质 |
CN112069340A (zh) * | 2020-09-04 | 2020-12-11 | 北京字节跳动网络技术有限公司 | 背景图片处理及搜索结果展示方法、装置、设备和介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8768958B1 (en) * | 2004-12-03 | 2014-07-01 | Google Inc. | Predictive information retrieval |
CN106201535A (zh) * | 2016-07-14 | 2016-12-07 | 广州神马移动信息科技有限公司 | 工具栏背景颜色随着图片的主颜色而变换的方法和装置 |
CN106528187A (zh) * | 2015-09-09 | 2017-03-22 | 腾讯科技(深圳)有限公司 | 一种占位背景色确定方法及装置 |
CN106708496A (zh) * | 2015-11-18 | 2017-05-24 | 腾讯科技(深圳)有限公司 | 图形界面中标签页的处理方法和装置 |
CN107609193A (zh) * | 2017-10-16 | 2018-01-19 | 杭州时间线信息科技有限公司 | 一种适合商品详情页中图片的智能自动处理方法和*** |
-
2018
- 2018-07-03 CN CN201810713724.9A patent/CN110673904B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8768958B1 (en) * | 2004-12-03 | 2014-07-01 | Google Inc. | Predictive information retrieval |
CN106528187A (zh) * | 2015-09-09 | 2017-03-22 | 腾讯科技(深圳)有限公司 | 一种占位背景色确定方法及装置 |
CN106708496A (zh) * | 2015-11-18 | 2017-05-24 | 腾讯科技(深圳)有限公司 | 图形界面中标签页的处理方法和装置 |
CN106201535A (zh) * | 2016-07-14 | 2016-12-07 | 广州神马移动信息科技有限公司 | 工具栏背景颜色随着图片的主颜色而变换的方法和装置 |
CN107609193A (zh) * | 2017-10-16 | 2018-01-19 | 杭州时间线信息科技有限公司 | 一种适合商品详情页中图片的智能自动处理方法和*** |
Also Published As
Publication number | Publication date |
---|---|
CN110673904A (zh) | 2020-01-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6185453B2 (ja) | シーン分類に基づく高ダイナミックレンジ画像処理のための最適アルゴリズムの自動選択 | |
CN103430208B (zh) | 图像处理装置、图像处理方法以及控制程序 | |
CN110673904B (zh) | 主题色彩处理、展示页面生成的方法、装置及设备 | |
Liu et al. | CID: IQ–a new image quality database | |
JP4870665B2 (ja) | ビデオ・コンテンツから導出した周辺光を生成するための知覚規則を用いた支配色抽出 | |
KR102614452B1 (ko) | 개선된 고 동적 범위 비디오 컬러 리매핑 | |
KR102379601B1 (ko) | 영상 데이터의 제어 방법 및 장치 | |
US10839495B2 (en) | Computing devices and methods of image processing with input image data and reference tone mapping strength data | |
US9135888B2 (en) | System and method for converting an image to an intensity based colormap | |
US20190362202A1 (en) | Image processing apparatus, display system, image processing method and storage medium | |
CN101513035A (zh) | 颜色校正方法 | |
Zamir et al. | Gamut mapping in cinematography through perceptually-based contrast modification | |
KR101985880B1 (ko) | 디스플레이 장치 및 이의 제어 방법 | |
JP2019512953A (ja) | ダイナミックレンジマッピングのための飽和処理仕様 | |
US20130329991A1 (en) | Image processing apparatus and image processing method | |
US10121271B2 (en) | Image processing apparatus and image processing method | |
KR20070090224A (ko) | 전자 색 이미지 채도 처리 방법 | |
US20170154437A1 (en) | Image processing apparatus for performing smoothing on human face area | |
US11978379B2 (en) | System and method for a multi-primary wide gamut color system | |
US20180025476A1 (en) | Apparatus and method for processing image, and storage medium | |
CN102696069B (zh) | 电子设备 | |
Kim et al. | Detection and correction of purple fringing using color desaturation in the xy chromaticity diagram and the gradient information | |
CN111311500A (zh) | 一种对图像进行颜色还原的方法和装置 | |
Sazzad et al. | Establishment of an efficient color model from existing models for better gamma encoding in image processing | |
Hsu et al. | A novel automatic white balance method for color constancy under different color temperatures |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20230718 Address after: Room 554, floor 5, building 3, No. 969, Wenyi West Road, Wuchang Street, Yuhang District, Hangzhou City, Zhejiang Province Applicant after: TAOBAO (CHINA) SOFTWARE CO.,LTD. Address before: Box 847, four, Grand Cayman capital, Cayman Islands, UK Applicant before: ALIBABA GROUP HOLDING Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |