CN110597589A - 一种页面着色方法、装置、电子设备及存储介质 - Google Patents

一种页面着色方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN110597589A
CN110597589A CN201910857378.6A CN201910857378A CN110597589A CN 110597589 A CN110597589 A CN 110597589A CN 201910857378 A CN201910857378 A CN 201910857378A CN 110597589 A CN110597589 A CN 110597589A
Authority
CN
China
Prior art keywords
color
processed
area
theme color
coloring
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.)
Granted
Application number
CN201910857378.6A
Other languages
English (en)
Other versions
CN110597589B (zh
Inventor
李星军
龙思洋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Dajia Internet Information Technology Co Ltd
Original Assignee
Beijing Dajia Internet Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Dajia Internet Information Technology Co Ltd filed Critical Beijing Dajia Internet Information Technology Co Ltd
Priority to CN201910857378.6A priority Critical patent/CN110597589B/zh
Publication of CN110597589A publication Critical patent/CN110597589A/zh
Application granted granted Critical
Publication of CN110597589B publication Critical patent/CN110597589B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02DCLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本公开关于一种页面着色方法、装置、电子设备及存储介质,所述方法包括:确定待处理主页;其中,所述待处理主页中包含封面区域和待处理区域,所述封面区域和所述待处理区域相邻;提取所述封面区域的主题色;基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理;其中,所述着色方式为使得着色处理后的所述待处理区域的色调与所述封面区域的色调一致的方式。本公开可以解决相关技术中用户主页的封面区域与功能区域的色彩差异较大的问题。

Description

一种页面着色方法、装置、电子设备及存储介质
技术领域
本公开涉及图像处理技术领域,尤其涉及一种页面着色方法、装置、电子设备及存储介质。
背景技术
目前,许多应用软件平台都支持用户进行注册。在应用软件平台注册的用户均具有相应的用户主页。而在用户主页中包含有封面区域和与封面区域相邻的功能区域。其中,封面区域中显示有用户选择或应用软件平台随机选择的封面图片,而该功能区域显示有与用户相关的信息,例如:与封面区域相邻的功能区域为资料区域时,资料区域中显示用户的资料信息。
相关技术中,应用软件平台的用户主页中,该功能区域的色彩是由应用软件平台预先设置好的。然而,由于封面区域中的封面图片是由用户自己选择,或者是由应用软件平台随机选择的,而该功能区域的色彩是预先设置好的,因此,这样可能会造成:该功能区域的色彩与封面区域的色彩差异较大,从而影响视觉效果以及页面沉浸式体验。
发明内容
本公开提供一种页面着色方法、装置、电子设备及存储介质,以至少解决相关技术中用户主页的封面区域与功能区域的色彩差异较大的问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种页面着色方法,包括:
确定待处理主页;其中,所述待处理主页中包含封面区域和待处理区域,所述封面区域和所述待处理区域相邻;
提取所述封面区域的主题色;
基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理;其中,所述着色方式为使得着色处理后的所述待处理区域的色调与所述封面区域的色调一致的方式。
可选地,所述基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理,包括:
生成所述待处理主页的蒙版图层,其中,所述蒙版图层中的选区与所述待处理区域相对应;
基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色,并将所述选区填充为所述初始主题色;
调整所述蒙版图层中的所述选区的透明度,得到目标蒙版图层;
将所述目标蒙版图层与所述待处理主页合成。
可选地,所述基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色,包括:
将所述主题色确定为所述蒙版图层中的所述选区的初始主题色。
可选地,所述基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色之前,还包括:
确定所述待处理主页所属的一级类别;
按照预设的一级类别与颜色的对应关系,确定所述待处理主页所属的一级类别所对应的第一颜色;
所述基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色,包括:
基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色。
可选地,所述确定所述待处理主页所属的一级类别之后,所述基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色之前,还包括:
确定所述待处理主页在所确定的一级类别中的二级等级;
所述基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色,包括:
利用所确定的所述二级等级,调整所述第一颜色的纯度,得到第二颜色;
基于所述主题色和所述第二颜色,确定所述蒙版图层中的所述选区的初始主题色。
可选地,所述调整所述蒙版图层中的所述选区的透明度,得到目标蒙版图层,包括:
通过第一预设公式,调整所述选区的透明度,得到符合贝塞尔曲线的目标蒙版图层,所述第一预设公式为:
C=(sin((π/2)×y/height)×0xFF)<<6&C0
其中,C表示目标蒙版图层,C0表示所述初始主题色,y表示所述选区中的像素点在像素坐标系的Y轴的坐标,所述Y轴向下,height表示所述选区的高度,0xFF表示不透明度为100%,<<6表示对(sin((π/2)×y/height)×0xFF)对应的十六进制数值左移6位后的最高两位,&表示相与。
可选地,所述基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色,包括:
通过第二预设公式,基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色,所述第二预设公式为:
C0=a×M+b1×C1
其中,C0表示初始主题色,C1表示所述第一颜色,M表示所述主题色,a表示所述主题色对应的权重,b1表示所述第一颜色对应的权重。
可选地,所述利用所确定的所述二级等级,调整所述第一颜色的纯度,得到第二颜色,包括:
通过第三预设公式,利用所确定的所述二级等级,调整所述第一颜色的纯度,得到第二颜色,所述第三预设公式为:
C2=(p1/pmax)×C1
其中,C2表示第二颜色,C1表示所述第一颜色,p1表示所述二级等级,pmax表示所述一级类别中的最大二级等级。
可选地,所述基于所述主题色和所述第二颜色,确定所述蒙版图层中的所述选区的初始主题色,包括:
通过第四预设公式,基于所述主题色和所述第二颜色,确定所述蒙版图层中的所述选区的初始主题色,所述第四预设公式为:
C0=a×M+b2×C2
其中,C0表示初始主题色,C2表示所述第二颜色,M表示所述主题色,a表示所述主题色对应的权重,b2表示所述第二颜色对应的权重。
可选地,所述基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理之后,还包括:
对着色处理后的所述待处理区域进行混色处理,得到混色处理后的所述待处理区域;所述混色处理为:对着色处理后的所述待处理区域添加设定比例的黑色。
根据本公开实施例的第二方面,提供一种页面着色装置,包括:
确定模块,被配置为确定待处理主页;其中,所述待处理主页中包含封面区域和待处理区域,所述封面区域和所述待处理区域相邻;
提取模块,被配置为提取所述封面区域的主题色;
着色模块,被配置为基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理;其中,所述着色方式为使得着色处理后的所述待处理区域的色调与所述封面区域的色调一致的方式。
可选地,所述着色模块,包括:
生成子模块,被配置为生成所述待处理主页的蒙版图层,其中,所述蒙版图层中的选区与所述待处理区域相对应;
第一确定子模块,被配置为基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色,并将所述选区填充为所述初始主题色;
调整子模块,被配置为调整所述蒙版图层中的所述选区的透明度,得到目标蒙版图层;
合成子模块,被配置为将所述目标蒙版图层与所述待处理主页合成。
可选地,所述第一确定子模块,具体被配置为将所述主题色确定为所述蒙版图层中的所述选区的初始主题色。
可选地,所述装置还包括:
第一颜色确定模块,被配置为在所述第一确定子模块基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色之前,确定所述待处理主页所属的一级类别;按照预设的一级类别与颜色的对应关系,确定所述待处理主页所属的一级类别所对应的第一颜色;
所述第一确定子模块,具体被配置为基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色。
可选地,所述装置还包括:
第二颜色确定模块,被配置为在所述第一颜色确定模块确定所述待处理主页所属的一级类别之后,所述第一确定子模块基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色之前,确定所述待处理主页在所确定的一级类别中的二级等级;
所述第一确定子模块,包括:
调整单元,被配置为利用所确定的所述二级等级,调整所述第一颜色的纯度,得到第二颜色;
确定单元,被配置为基于所述主题色和所述第二颜色,确定所述蒙版图层中的所述选区的初始主题色。
可选地,所述调整子模块,具体被配置为通过第一预设公式,调整所述选区的透明度,得到符合贝塞尔曲线的目标蒙版图层,所述第一预设公式为:
C=(sin((π/2)×y/height)×0xFF)<<6&C0
其中,C表示目标蒙版图层,C0表示所述初始主题色,y表示所述选区中的像素点在像素坐标系的Y轴的坐标,所述Y轴向下,height表示所述选区的高度,0xFF表示不透明度为100%,<<6表示对(sin((π/2)×y/height)×0xFF)对应的十六进制数值左移6位后的最高两位,&表示相与。
可选地,所述第一确定子模块,具体被配置为通过第二预设公式,基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色,所述第二预设公式为:
C0=a×M+b1×C1
其中,C0表示初始主题色,C1表示所述第一颜色,M表示所述主题色,a表示所述主题色对应的权重,b1表示所述第一颜色对应的权重。
可选地,所述调整单元,具体被配置为通过第三预设公式,利用所确定的所述二级等级,调整所述第一颜色的纯度,得到第二颜色,所述第三预设公式为:
C2=(p1/pmax)×C1
其中,C2表示第二颜色,C1表示所述第一颜色,p1表示所述二级等级,pmax表示所述一级类别中的最大二级等级。
可选地,所述确定单元,具体被配置为通过第四预设公式,基于所述主题色和所述第二颜色,确定所述蒙版图层中的所述选区的初始主题色,所述第四预设公式为:
C0=a×M+b2×C2
其中,C0表示初始主题色,C2表示所述第二颜色,M表示所述主题色,a表示所述主题色对应的权重,b2表示所述第二颜色对应的权重。
可选地,所述装置还包括:
混色模块,被配置为在所述着色模块基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理之后,对着色处理后的所述待处理区域进行混色处理,得到混色处理后的所述待处理区域;所述混色处理为:对着色处理后的所述待处理区域添加设定比例的黑色。
根据本公开实施例的第三方面,提供一种电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如上第一方面所述的页面着色方法。
根据本公开实施例的第四方面,提供一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如上第一方面所述的页面着色方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,当所述计算机程序产品中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如上第一方面所述的页面着色方法。
本公开的实施例提供的技术方案至少带来以下有益效果:本公开先确定待处理主页;该待处理主页中包含有相邻的封面区域和待处理区域;然后,提取封面区域的主题色;最后,基于所提取的封面区域的主题色,按照预定的着色方式对待处理区域进行着色处理,其中,着色方式为使得着色处理后的待处理区域的色调与封面区域的色调一致的方式。在本公开的方案中,由于基于待处理主页中封面区域的主题色对相邻的待处理区域进行着色,可以减少封面区域的色彩和待处理区域的色彩的差异,使待处理主页的色调具有一致性,从而提升视觉效果以及页面沉浸式体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种页面着色方法的流程图。
图2是根据一示例性实施例示出的另一种页面着色方法的流程图。
图3是根据一示例性实施例示出的页面着色效果图。
图4是根据一示例性实施例示出的一种页面着色装置的框图。
图5是根据一示例性实施例示出的一种电子设备的框图。
图6是根据一示例性实施例示出的一种用于页面着色的装置的框图。
图7是根据一示例性实施例示出的另一种用于页面着色的装置的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
目前,许多应用软件平台都支持用户进行注册。在应用软件平台注册的用户均具有相应的用户主页。而在用户主页中包含有封面区域和与封面区域相邻的功能区域。其中,封面区域中显示有用户选择或应用软件平台随机选择的封面图片,而该功能区域显示有与用户相关的信息,例如:与封面区域相邻的功能区域为资料区域时,资料区域中显示用户的资料信息。
相关技术中,应用软件平台的用户主页中,该功能区域的色彩是由应用软件平台预先设置好的。然而,由于封面区域中的封面图片是由用户自己选择,或者是由应用软件平台随机选择的,而该功能区域的色彩是预先设置好的,因此,这样可能会造成:该功能区域的色彩与封面区域的色彩差异较大,从而影响视觉效果以及页面沉浸式体验。
为了解决相关技术的问题,本公开实施例提供了一种页面着色方法、装置、电子设备及存储介质。
下面,首先对本公开实施例所提供的一种页面着色方法进行介绍。
需要说明的是,本公开实施例所提供的一种页面着色方法可以应用于电子设备,该电子设备可以为终端设备或服务器。示例性的,该终端设备可以为:智能手机、平板电脑和台式计算机等。
具体的,本公开实施例所提供的一种页面着色方法的执行主体可以为一种页面着色装置。当该电子设备为终端设备时,该页面着色装置可以为终端设备中所安装的应用软件平台的功能模块;而当该电子设备为服务器时,该页面着色装置可以为终端设备中所安装的应用软件平台对应的服务端中的功能模块。
图1是根据一示例性实施例示出的一种页面着色方法的流程图,如图1所示,一种页面着色方法可以包括以下步骤:
S101,确定待处理主页;其中,待处理主页中包含封面区域和待处理区域,封面区域和待处理区域相邻。
当电子设备需要对某一用户主页进行着色处理时,可以将该用户主页作为待处理主页。其中,用户主页可以是用户在应用软件平台注册后,该应用软件平台为该用户生成的主页。其中,该待处理主页中可以包含封面区域、待处理区域和其他区域,封面区域和待处理区域相邻。如图3所示,待处理主页3中包含封面区域31、待处理区域32和其他区域33,封面区域31和待处理区域32相邻。示例性的,待处理区域可以为资料区域,在资料区域中显示有用户的资料信息,其他区域可以为商品照片展示区域。
本实施例中,为了减少待处理主页中的封面区域和待处理区域的色彩差异,可以将待处理区域作为待着色区域,所以,为待处理主页着色是指:为待处理主页中的待处理区域着色。
电子设备可以在应用软件平台上确定出待处理主页。具体的,可以在应用软件平台输入用户名称等用户标识,得到应用软件平台反馈的待处理主页,从而确定出待处理主页。
S102,提取封面区域的主题色。
在确定出待处理主页后,为了对待处理区域着色,可以提取封面区域的主题色,进一步基于所提取的封面区域的主题色对待处理区域进行着色处理。
提取封面区域的主题色的方式可以有多种。示例性的,在一种方式中,可以采用Palette方法提取封面区域的主题色。具体的,可以对封面区域中的像素点进行统计分析,确定出颜色相近且数量最多的像素点集合,对所确定的像素点集合中的像素点的像素值进行求均值,得到目标像素值,将该目标像素值作为封面区域的主题色对应的像素值,从而,提取出封面区域的主题色。
S103,基于主题色,按照预定的着色方式,对待处理区域进行着色处理;其中,着色方式为使得着色处理后的待处理区域的色调与封面区域的色调一致的方式。
在提取出封面区域的主题色后,可以基于所提取的主题色,按照预定的着色方式,对待处理区域进行着色处理。对待处理区域进行着色处理表示:对待处理区域进行颜色填充。其中,着色方式可以为使得着色处理后的待处理区域为色调与封面区域的色调一致的方式。也就是说,通过上述着色方式对待处理区域进行着色处理后,使得着色处理后的待处理区域与封面区域的色彩差异较小。
可以理解的是,基于主题色,按照预定的着色方式,对待处理区域进行着色处理的方式可以有多种,为了方案清楚及布局清晰,将在下文中进行举例介绍。
本公开的实施例提供的技术方案至少带来以下有益效果:本公开先确定待处理主页;该待处理主页中包含有相邻的封面区域和待处理区域;然后,提取封面区域的主题色;最后,基于所提取的封面区域的主题色,按照预定的着色方式对待处理区域进行着色处理,其中,着色方式为使得着色处理后的待处理区域的色调与封面区域的色调一致的方式。在本公开的方案中,由于基于待处理主页中封面区域的主题色对相邻的待处理区域进行着色,可以减少封面区域的色彩和待处理区域的色彩的差异,使待处理主页的色调具有一致性,从而提升视觉效果以及页面沉浸式体验。
下面对S103中的基于主题色,按照预定的着色方式,对待处理区域进行着色处理的过程进行介绍,如图2所示,该过程可以包括如下步骤:
S201,生成待处理主页的蒙版图层。
为了对待处理主页中的待处理区域进行着色处理,可以生成待处理主页的蒙版图层。该蒙版图层的尺寸与待处理主页的尺寸相同。在该蒙版图层中包括有选区和非选区。其中,非选区可以设置为黑色,这意味着,将蒙版图层叠加在待处理主页上时,不对待处理主页上的、与蒙版图层的非选区对应的区域进行处理,即叠加之后保留待处理主页上的、与蒙版图层的非选区对应的区域。而蒙版图层中的选区则为可编辑区域,这意味着,如果设定了选区的颜色,那么将蒙版图层叠加在待处理主页后,则待处理主页上的、与蒙版图层的选区对应的区域的颜色,即为所设定的选区的颜色。
由于对待处理区域进行着色,因而,蒙版图层中的选区可以与待处理区域相对应。这样,就可以通过对选区设定颜色,来实现对待处理区域设定相同的颜色,从而实现对待处理区域进行着色。
S202,基于主题色,确定蒙版图层中的选区的初始主题色,并将选区填充为初始主题色。
可以理解的,与封面区域相邻的待处理区域中,例如资料区域中,可能需要显示一些用户的资料信息。为了能够显示资料信息,待处理区域可以具有一定的透明度,这样,资料信息就不会被遮挡住,而是可以在具有一定透明度的待处理区域中显示出来。因而,本实施例中,待处理主页的颜色模式可以是ARGB(Alpha,Red、Green、Blue,透明度,红绿蓝)颜色模式,其中,A表示透明度,R、G、B分别表示红色通道、绿色通道和蓝色通道。那么,针对蒙版图层中的选区,可以确定出该选区的R、G、B通道的通道值,也即确定出该选区的初始主题色,并且,确定出该选区的透明度,这样,就得到了蒙版图层中的选区的最终的颜色。
可选地,在一种方式中,基于主题色,确定蒙版图层中的选区的初始主题色,可以包括:
将主题色确定为蒙版图层中的选区的初始主题色。
也就是说,直接将所提取的封面区域的主题色作为蒙版图层中的选区的初始主题色。这样,选区的色调就与封面区域的色调一致,也就意味着,将蒙版图层叠加到待处理主页后,待处理区域和封面区域的色彩差异较小。
可以理解的,除了上述方式,基于主题色,确定蒙版图层中的选区的初始主题色的方式还可以多种,为了布局清晰,将在下文中介绍基于主题色,确定蒙版图层中的选区的初始主题色的其他方式。
在确定出蒙版图层中的选区的初始主题色后,可以将该选区填充为该初始主题色,以便于后续利用蒙版图层中的选区对待处理区域进行着色处理。具体的,将选区中各个像素点的像素值设定为该初始主题色对应的像素值,即完成了将选区填充为该初始主题色。
S203,调整蒙版图层中的选区的透明度,得到目标蒙版图层。
在将蒙版图层中的选区填充为初始主题色后,可以调整蒙版图层中的选区的透明度,就得到了蒙版图层中的选区的最终的颜色,即得到了选区填充为该最终的颜色的目标蒙版图层。可以理解的,调整蒙版图层中的选区的透明度表示:设定/计算选区中每个像素点点透明度值。示例性的,以下给出两种调整蒙版图层中的选区的透明度,得到目标蒙版图层的方式。
第一种方式中,可以设定一透明度值,将选区中各个像素点的透明度值调整为所设定的透明度值,从而得到目标蒙版图层。即选区中各个像素点具有相同的透明度值。
第二种方式中,调整蒙版图层中的选区的透明度,得到目标蒙版图层,可以包括:
通过第一预设公式,调整选区的透明度,得到符合贝塞尔曲线的目标蒙版图层,第一预设公式为:
C=(sin((π/2)×y/height)×0xFF)<<6&C0
其中,C表示目标蒙版图层,C0表示初始主题色,y表示选区中的像素点在像素坐标系的Y轴的坐标,Y轴向下,height表示选区的高度,0xFF表示不透明度为100%,<<6表示对(sin((π/2)×y/height)×0xFF)对应的十六进制数值左移6位后的最高两位,&表示相与。
在上述第一预设公式中,具体是针对选区中的每个像素点,计算该像素点的透明度值,该透明度值具体为:sin((π/2)×y/height)×0xFF。由于一行像素点的y值均相同,所以,上述第一预设公式中,实质上是针对选区中的每行像素点,计算该行像素点的透明度值。选区中各行像素点的透明度值的变化趋势符合贝塞尔曲线的变化规律。
本实施例中,针对于选区中每个像素点,可以通过一8位的十六进制数来表示该像素点的最终的颜色。在上述第一预设公式中,将上述计算得到的sin((π/2)×y/height)×0xFF左移6位表示:将该像素点的透明度值作为8位的十六进制数中的最高两位。在上述第一预设公式中,初始主题色C0可以用R、G、B通道的通道值来表示,那么,8位的十六进制数中的其余6位中,最左侧的两位表示R通道的通道值,中间两位表示G通道的通道值,最右侧的两位表示B通道的通道值。将=(sin((π/2)×y/height)×0xFF)<<6与初始主题色C0相与后,就得到了表示该像素点的最终的颜色的8位十六进制数,所以,上述目标蒙版图层C可以理解为:蒙版图层中的选区中每个像素点的最终的颜色。
可以理解的,对于选区中每个像素点来说,分别用两位十六进制数表示该像素点的透明度值、R、G、B通道的通道值,那么,该像素点的透明度值、R、G、B通道的通道值就都可以在0~255范围内取值。
S204,将目标蒙版图层与待处理主页合成。
得到目标蒙版图层后,可以将目标蒙版图层与待处理主页合成,这样就完成了对待处理主页中待处理区域的着色处理。具体的,可以将目标蒙版图层与待处理主页进行叠加,这样,保留了待处理主页中除了待处理区域之外的其他区域,而对待处理主页中的待处理区域的颜色进行了调整。具体的,对待处理区域中每个像素点的颜色进行了调整。
下面对S202中的基于主题色,确定蒙版图层中的选区的初始主题色的其他方式进行介绍。在一种方式中,在基于主题色,确定蒙版图层中的选区的初始主题色之前,还可以包括:
确定待处理主页所属的一级类别;
按照预设的一级类别与颜色的对应关系,确定待处理主页所属的一级类别所对应的第一颜色;
相应地,基于主题色,确定蒙版图层中的选区的初始主题色,可以包括:
基于主题色和第一颜色,确定蒙版图层中的选区的初始主题色。
在实际应用中,用户主页可以包括个人用户的用户主页和商家用户的用户主页。对于商家用户和个人用户来说,可以具有相应的类别。类别的划分规则可以由应用软件平台根据商家用户或个人用户的属性来设定。例如,对于商家用户来说,可以根据商家用户的属性将商家用户的类别划分为12类,分别为:服饰鞋包、家居家装、生活百货、机械设备、宠物、运动户外、汽车交通、生活服务、商务服务、美容美发、旅游酒店、农林牧渔。例如,对于个人用户来说,可以根据用户从事的职业将个人用户的类别划分为6类,分别为:学生、农名、公务员、自由职业、商业、企业。并且,应用软件平台还可以为不同的类别设定对应的不同的颜色,来区分各个类别。进一步地,可以基于待处理主页所属的类别所对应的颜色,来确定蒙版图层中的选区的初始主题色,使得蒙版图层中的选区的初始主题色能够反映出待处理主页所属的类别。这样,基于蒙版图层对待处理区域进行着色处理后,着色处理后的待处理区域不仅与封面区域的色彩差异较小,而且,着色处理后的待处理区域还能反映出待处理主页所属的类别。
需要说明的是,为了与后续的二级等级进行区分,在本方式中,将上述类别命名为:一级类别。
用户在应用软件平台注册时,可以选择自身的类别。因而,可以从应用软件平台中确定出待处理主页所属的一级类别。进一步地,可以按照预设的一级类别与颜色的对应关系,确定待处理主页所属的一级类别所对应的第一颜色。该对应关系可以由应用软件平台预先设定好。
在确定出待处理主页所属的一级类别所对应的第一颜色后,可以基于主题色和该第一颜色,确定蒙版图层中的选区的初始主题色。在本方式中,基于主题色和第一颜色,确定蒙版图层中的选区的初始主题色,可以包括:
通过第二预设公式,基于主题色和第一颜色,确定蒙版图层中的选区的初始主题色,第二预设公式为:
C0=a×M+b1×C1
其中,C0表示初始主题色,C1表示第一颜色,M表示主题色,a表示主题色对应的权重,b1表示第一颜色对应的权重。
在上述第二预设公式中,针对于提取的封面区域的主题色M和所确定的第一颜色C1,可以分别设定对应的权重,然后,通过加权求和的方式计算蒙版图层中的选区的初始主题色C0。其中,主题色对应的权重a,以及第一颜色对应的权重b1均可以根据实际需要或经验进行设定。
在另一种方式中,在上述方式的基础上,在确定待处理主页所属的一级类别之后,基于主题色和第一颜色,确定蒙版图层中的选区的初始主题色之前,还可以包括:
确定待处理主页在所确定的一级类别中的二级等级;
相应地,基于主题色和第一颜色,确定蒙版图层中的选区的初始主题色,可以包括:
利用所确定的二级等级,调整第一颜色的纯度,得到第二颜色;
基于主题色和第二颜色,确定蒙版图层中的选区的初始主题色。
在实际应用中,用户除了具有相应的类别,还在自身对应的类别中具有相应的等级。该等级可以通过多种因素来确定,例如,可以根据用户在应用软件平台的注册时长、被访问量、活跃度、评分等因素来确定。所以,在确定待处理主页所属的一级类别之后,并在基于主题色和第一颜色,确定蒙版图层中的选区的初始主题色之前,可以确定待处理主页在所确定的一级类别中的等级。进一步地,可以基于所确定的等级,调整第一颜色的纯度,得到第二颜色。也就是,不同纯度的第一颜色用来区分不同的等级。进一步地,基于主题色和该第二颜色,确定蒙版图层中的选区的初始主题色。这样,基于蒙版图层对待处理区域进行着色处理后,着色处理后的待处理区域除了与封面区域的色彩差异较小,且能反映出待处理主页所属的类别之外,还能反映出待处理主页在所属的类别中的等级。
需要说明的是,为了与前述的一级类别进行区分,在本方式中,将上述等级命名为:二级等级。
本方式中,利用所确定的二级等级,调整第一颜色的纯度,得到第二颜色,可以包括:
通过第三预设公式,利用所确定的二级等级,调整第一颜色的纯度,得到第二颜色,第三预设公式为:
C2=(p1/pmax)×C1
其中,C2表示第二颜色,C1表示第一颜色,p1表示二级等级,pmax表示一级类别中的最大二级等级。
在上述第三预设公式中,以一级类别中的最大二级等级pmax作为一个标准,在此基础上,计算出的p1/pmax可以表征:所确定的二级等级接近于该标准的程度。该值越大,表示二级等级就越高,相应地,第一颜色的纯度就越高。
本方式中,基于主题色和第二颜色,确定蒙版图层中的选区的初始主题色,可以包括:
通过第四预设公式,基于主题色和第二颜色,确定蒙版图层中的选区的初始主题色,第四预设公式为:
C0=a×M+b2×C2
其中,C0表示初始主题色,C2表示第二颜色,M表示主题色,a表示主题色对应的权重,b2表示第二颜色对应的权重。
在上述第四预设公式中,针对于提取的封面区域的主题色M和所得到的第二颜色C2,可以分别设定对应的权重,然后,通过加权求和的方式计算蒙版图层中的选区的初始主题色C0。其中,主题色对应的权重a,以及第二颜色对应的权重b2均可以根据实际需要或经验进行设定。
可选地,在图1实施例的基础上,在S103中的基于主题色,按照预定的着色方式,对待处理区域进行着色处理之后,还可以包括:
对着色处理后的待处理区域进行混色处理,得到混色处理后的待处理区域;混色处理为:对着色处理后的待处理区域添加设定比例的黑色。
如果待处理区域中显示有一些文字信息或符号信息,例如显示有用户的资料信息,可以对着色处理后的待处理区域进行上述混色处理,即添加设定比例的黑色,这样,可以使得待处理区域中的文字信息或符号信息更加清楚,从而不影响阅读。
上述设定比例可以根据经验或需要进行设定,例如,对着色处理后的待处理区域添加10%的黑色,或添加5%的黑色。
下面通过图3给出采用本实施例的页面着色方法,对待处理区域进行着色处理后的页面着色效果图。在图3中,3表示待处理主页,31表示封面区域,32表示待处理区域。可见,在图3中,对待处理区域进行着色处理后,待处理区域与封面区域的色彩差异较小,待处理主页的色调具有一致性。
图4是根据一示例性实施例示出的一种页面着色装置的框图。参照图4,该装置可以包括:
确定模块401,被配置为确定待处理主页;其中,所述待处理主页中包含封面区域和待处理区域,所述封面区域和所述待处理区域相邻;
提取模块402,被配置为提取所述封面区域的主题色;
着色模块403,被配置为基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理;其中,所述着色方式为使得着色处理后的所述待处理区域的色调与所述封面区域的色调一致的方式。
本公开的实施例提供的技术方案至少带来以下有益效果:本公开先确定待处理主页;该待处理主页中包含有相邻的封面区域和待处理区域;然后,提取封面区域的主题色;最后,基于所提取的封面区域的主题色,按照预定的着色方式对待处理区域进行着色处理,其中,着色方式为使得着色处理后的待处理区域的色调与封面区域的色调一致的方式。在本公开的方案中,由于基于待处理主页中封面区域的主题色对相邻的待处理区域进行着色,可以减少封面区域的色彩和待处理区域的色彩的差异,使待处理主页的色调具有一致性,从而提升视觉效果以及页面沉浸式体验。
可选地,所述着色模块403,包括:
生成子模块(图中未示出),被配置为生成所述待处理主页的蒙版图层,其中,所述蒙版图层中的选区与所述待处理区域相对应;
第一确定子模块(图中未示出),被配置为基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色,并将所述选区填充为所述初始主题色;
调整子模块(图中未示出),被配置为调整所述蒙版图层中的所述选区的透明度,得到目标蒙版图层;
合成子模块(图中未示出),被配置为将所述目标蒙版图层与所述待处理主页合成。
可选地,所述第一确定子模块,具体被配置为将所述主题色确定为所述蒙版图层中的所述选区的初始主题色。
可选地,所述装置还包括:
第一颜色确定模块(图中未示出),被配置为在所述第一确定子模块基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色之前,确定所述待处理主页所属的一级类别;按照预设的一级类别与颜色的对应关系,确定所述待处理主页所属的一级类别所对应的第一颜色;
所述第一确定子模块,具体被配置为基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色。
可选地,所述装置还包括:
第二颜色确定模块(图中未示出),被配置为在所述第一颜色确定模块确定所述待处理主页所属的一级类别之后,所述第一确定子模块基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色之前,确定所述待处理主页在所确定的一级类别中的二级等级;
所述第一确定子模块,包括:
调整单元(图中未示出),被配置为利用所确定的所述二级等级,调整所述第一颜色的纯度,得到第二颜色;
确定单元(图中未示出),被配置为基于所述主题色和所述第二颜色,确定所述蒙版图层中的所述选区的初始主题色。
可选地,所述调整子模块,具体被配置为通过第一预设公式,调整所述选区的透明度,得到符合贝塞尔曲线的目标蒙版图层,所述第一预设公式为:
C=(sin((π/2)×y/height)×0xFF)<<6&C0
其中,C表示目标蒙版图层,C0表示所述初始主题色,y表示所述选区中的像素点在像素坐标系的Y轴的坐标,所述Y轴向下,height表示所述选区的高度,0xFF表示不透明度为100%,<<6表示对(sin((π/2)×y/height)×0xFF)对应的十六进制数值左移6位后的最高两位,&表示相与。
可选地,所述第一确定子模块,具体被配置为通过第二预设公式,基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色,所述第二预设公式为:
C0=a×M+b1×C1
其中,C0表示初始主题色,C1表示所述第一颜色,M表示所述主题色,a表示所述主题色对应的权重,b1表示所述第一颜色对应的权重。
可选地,所述调整单元,具体被配置为通过第三预设公式,利用所确定的所述二级等级,调整所述第一颜色的纯度,得到第二颜色,所述第三预设公式为:
C2=(p1/pmax)×C1
其中,C2表示第二颜色,C1表示所述第一颜色,p1表示所述二级等级,pmax表示所述一级类别中的最大二级等级。
可选地,所述确定单元,具体被配置为通过第四预设公式,基于所述主题色和所述第二颜色,确定所述蒙版图层中的所述选区的初始主题色,所述第四预设公式为:
C0=a×M+b2×C2
其中,C0表示初始主题色,C2表示所述第二颜色,M表示所述主题色,a表示所述主题色对应的权重,b2表示所述第二颜色对应的权重。
可选地,所述装置还包括:
混色模块(图中未示出),被配置为在所述着色模块基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理之后,对着色处理后的所述待处理区域进行混色处理,得到混色处理后的所述待处理区域;所述混色处理为:对着色处理后的所述待处理区域添加设定比例的黑色。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
另外,相应于上述实施例所提供的页面着色方法,本公开实施例还提供了一种电子设备,如图5所示,该电子设备可以包括:
处理器510;
用于存储所述处理器可执行指令的存储器520;
其中,所述处理器510被配置为执行所述指令,以实现上述实施例所提供的页面着色方法,以获得相同的技术效果。
可以理解的是,该电子设备可以是服务器或是终端设备,在具体应用中,该终端设备可以为移动电话、计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
存储器520可以包括随机存取存储器(Random Access Memory,简称RAM),也可以包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。可选的,存储器520还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器510可以是通用处理器,包括中央处理器(Central ProcessingUnit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processing,简称DSP)、专用集成电路(Application SpecificIntegrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
图6是根据一示例性实施例示出的一种用于页面着色的装置600的框图。例如,装置600可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图6,装置600可以包括以下一个或多个组件:处理组件602,存储器604,电源组件606,多媒体组件608,音频组件610,输入/输出(I/O)接口612,传感器组件614,以及通信组件616。
处理组件602通常控制装置600的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件602可以包括一个或多个模块,便于处理组件602和其他组件之间的交互。例如,处理组件602可以包括多媒体模块,以方便多媒体组件608和处理组件602之间的交互。
存储器604被配置为存储各种类型的数据以支持在装置600的操作。这些数据的示例包括用于在装置600上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件606为装置600的各种组件提供电力。电源组件606可以包括电源管理系统,一个或多个电源,及其他与为装置600生成、管理和分配电力相关联的组件。
多媒体组件608包括在所述装置600和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件608包括一个前置摄像头和/或后置摄像头。当装置600处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件610被配置为输出和/或输入音频信号。例如,音频组件610包括一个麦克风(MIC),当装置600处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中,音频组件610还包括一个扬声器,用于输出音频信号。
I/O接口612为处理组件602和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件614包括一个或多个传感器,用于为装置600提供各个方面的状态评估。例如,传感器组件614可以检测到装置600的打开/关闭状态,组件的相对定位,例如所述组件为装置600的显示器和小键盘,传感器组件614还可以检测装置600或装置600一个组件的位置改变,用户与装置600接触的存在或不存在,装置600方位或加速/减速和装置600的温度变化。传感器组件614可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件614还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件616被配置为便于装置600和其他设备之间有线或无线方式的通信。装置600可以接入基于通信标准的无线网络,如WiFi,运营商网络(如2G、3G、4G或5G),或它们的组合。在一个示例性实施例中,通信组件616经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件616还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的存储介质,例如包括指令的存储器604,上述指令可由装置600的处理器620执行以完成上述方法。可选地,存储介质可以是非临时性计算机可读存储介质,例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
图7是根据一示例性实施例示出的一种用于页面着色的装置700的框图。例如,装置700可以被提供为一服务器。参照图7,装置700包括处理组件722,其进一步包括一个或多个处理器,以及由存储器732所代表的存储器资源,用于存储可由处理组件722的执行的指令,例如应用程序。存储器732中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外,处理组件722被配置为执行指令,以执行上述任一的页面着色方法。
装置700还可以包括一个电源组件726被配置为执行装置700的电源管理,一个有线或无线网络接口750被配置为将装置700连接到网络,和一个输入输出(I/O)接口758。装置700可以操作基于存储在存储器732的操作系统,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM。
另外,本公开实施例还提供了一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行上述实施例所提供的页面着色方法,以获得相同的技术效果。
另外,本公开实施例还提供一种计算机程序产品,当所述计算机程序产品中的指令由电子设备的处理器执行时,使得所述电子设备能够执行上述实施例所提供的页面着色方法,以获得相同的技术效果。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种页面着色方法,其特征在于,包括:
确定待处理主页;其中,所述待处理主页中包含封面区域和待处理区域,所述封面区域和所述待处理区域相邻;
提取所述封面区域的主题色;
基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理;其中,所述着色方式为使得着色处理后的所述待处理区域的色调与所述封面区域的色调一致的方式。
2.根据权利要求1所述的方法,其特征在于,所述基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理,包括:
生成所述待处理主页的蒙版图层,其中,所述蒙版图层中的选区与所述待处理区域相对应;
基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色,并将所述选区填充为所述初始主题色;
调整所述蒙版图层中的所述选区的透明度,得到目标蒙版图层;
将所述目标蒙版图层与所述待处理主页合成。
3.根据权利要求2所述的方法,其特征在于,所述基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色,包括:
将所述主题色确定为所述蒙版图层中的所述选区的初始主题色。
4.根据权利要求2所述的方法,其特征在于,所述基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色之前,还包括:
确定所述待处理主页所属的一级类别;
按照预设的一级类别与颜色的对应关系,确定所述待处理主页所属的一级类别所对应的第一颜色;
所述基于所述主题色,确定所述蒙版图层中的所述选区的初始主题色,包括:
基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色。
5.根据权利要求4所述的方法,其特征在于,所述确定所述待处理主页所属的一级类别之后,所述基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色之前,还包括:
确定所述待处理主页在所确定的一级类别中的二级等级;
所述基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色,包括:
利用所确定的所述二级等级,调整所述第一颜色的纯度,得到第二颜色;
基于所述主题色和所述第二颜色,确定所述蒙版图层中的所述选区的初始主题色。
6.根据权利要求2-5任一所述的方法,其特征在于,所述调整所述蒙版图层中的所述选区的透明度,得到目标蒙版图层,包括:
通过第一预设公式,调整所述选区的透明度,得到符合贝塞尔曲线的目标蒙版图层,所述第一预设公式为:
C=(sin((π/2)×y/height)×0xFF)<<6&C0
其中,C表示目标蒙版图层,C0表示所述初始主题色,y表示所述选区中的像素点在像素坐标系的Y轴的坐标,所述Y轴向下,height表示所述选区的高度,0xFF表示不透明度为100%,<<6表示对(sin((π/2)×y/height)×0xFF)对应的十六进制数值左移6位后的最高两位,&表示相与。
7.根据权利要求4所述的方法,其特征在于,所述基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色,包括:
通过第二预设公式,基于所述主题色和所述第一颜色,确定所述蒙版图层中的所述选区的初始主题色,所述第二预设公式为:
C0=a×M+b1×C1
其中,C0表示初始主题色,C1表示所述第一颜色,M表示所述主题色,a表示所述主题色对应的权重,b1表示所述第一颜色对应的权重。
8.一种页面着色装置,其特征在于,包括:
确定模块,被配置为确定待处理主页;其中,所述待处理主页中包含封面区域和待处理区域,所述封面区域和所述待处理区域相邻;
提取模块,被配置为提取所述封面区域的主题色;
着色模块,被配置为基于所述主题色,按照预定的着色方式,对所述待处理区域进行着色处理;其中,所述着色方式为使得着色处理后的所述待处理区域的色调与所述封面区域的色调一致的方式。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至7中任一项所述的页面着色方法。
10.一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至7中任一项所述的页面着色方法。
CN201910857378.6A 2019-09-11 2019-09-11 一种页面着色方法、装置、电子设备及存储介质 Active CN110597589B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910857378.6A CN110597589B (zh) 2019-09-11 2019-09-11 一种页面着色方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910857378.6A CN110597589B (zh) 2019-09-11 2019-09-11 一种页面着色方法、装置、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN110597589A true CN110597589A (zh) 2019-12-20
CN110597589B CN110597589B (zh) 2023-05-02

Family

ID=68858788

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910857378.6A Active CN110597589B (zh) 2019-09-11 2019-09-11 一种页面着色方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN110597589B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112887694A (zh) * 2021-01-26 2021-06-01 腾讯音乐娱乐科技(深圳)有限公司 一种视频播放方法、装置、设备及可读存储介质

Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6128001A (en) * 1997-04-04 2000-10-03 Avid Technology, Inc. Methods and apparatus for changing a color of an image
JP2004118444A (ja) * 2002-09-25 2004-04-15 Nec Mobiling Ltd カラーコンサルティングシステムおよびカラーコンサルティング方法ならびにプログラム
CN101968717A (zh) * 2010-10-27 2011-02-09 宇龙计算机通信科技(深圳)有限公司 一种终端设备的用户界面配置方法及终端设备
CN102810038A (zh) * 2011-05-31 2012-12-05 宏碁股份有限公司 提供用于分类图标的使用者界面的方法及电子装置
CN103037105A (zh) * 2012-12-24 2013-04-10 广东欧珀移动通信有限公司 一种用户终端设备自动更换主题的方法及用户终端设备
CN103593348A (zh) * 2012-08-14 2014-02-19 腾讯科技(深圳)有限公司 浏览器标签的显示方法及装置
CN104516951A (zh) * 2014-12-11 2015-04-15 小米科技有限责任公司 页面显示方法及装置、电子设备
CN106354768A (zh) * 2016-08-18 2017-01-25 向莉妮 基于颜色的用户与商品的匹配方法及商品匹配推荐方法
CN106503048A (zh) * 2016-09-21 2017-03-15 北京小米移动软件有限公司 浏览器颜色设置方法和装置
CN106997265A (zh) * 2016-01-26 2017-08-01 腾讯科技(深圳)有限公司 一种设置背景过度色的方法及装置
US20170293737A1 (en) * 2014-09-04 2017-10-12 Your.Md As Method and system for providing personalized intelligent health content based on a user profile
CN108492348A (zh) * 2018-03-30 2018-09-04 北京金山安全软件有限公司 图像处理方法、装置、电子设备及存储介质
CN109491739A (zh) * 2018-10-30 2019-03-19 北京字节跳动网络技术有限公司 一种主题色动态确定方法、装置、电子设备及存储介质
CN109783182A (zh) * 2019-02-15 2019-05-21 百度在线网络技术(北京)有限公司 一种页面主题色调的调整方法、装置、设备及介质

Patent Citations (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6128001A (en) * 1997-04-04 2000-10-03 Avid Technology, Inc. Methods and apparatus for changing a color of an image
JP2004118444A (ja) * 2002-09-25 2004-04-15 Nec Mobiling Ltd カラーコンサルティングシステムおよびカラーコンサルティング方法ならびにプログラム
CN101968717A (zh) * 2010-10-27 2011-02-09 宇龙计算机通信科技(深圳)有限公司 一种终端设备的用户界面配置方法及终端设备
CN102810038A (zh) * 2011-05-31 2012-12-05 宏碁股份有限公司 提供用于分类图标的使用者界面的方法及电子装置
CN103593348A (zh) * 2012-08-14 2014-02-19 腾讯科技(深圳)有限公司 浏览器标签的显示方法及装置
CN103037105A (zh) * 2012-12-24 2013-04-10 广东欧珀移动通信有限公司 一种用户终端设备自动更换主题的方法及用户终端设备
US20170293737A1 (en) * 2014-09-04 2017-10-12 Your.Md As Method and system for providing personalized intelligent health content based on a user profile
CN104516951A (zh) * 2014-12-11 2015-04-15 小米科技有限责任公司 页面显示方法及装置、电子设备
CN106997265A (zh) * 2016-01-26 2017-08-01 腾讯科技(深圳)有限公司 一种设置背景过度色的方法及装置
CN106354768A (zh) * 2016-08-18 2017-01-25 向莉妮 基于颜色的用户与商品的匹配方法及商品匹配推荐方法
CN106503048A (zh) * 2016-09-21 2017-03-15 北京小米移动软件有限公司 浏览器颜色设置方法和装置
CN108492348A (zh) * 2018-03-30 2018-09-04 北京金山安全软件有限公司 图像处理方法、装置、电子设备及存储介质
CN109491739A (zh) * 2018-10-30 2019-03-19 北京字节跳动网络技术有限公司 一种主题色动态确定方法、装置、电子设备及存储介质
CN109783182A (zh) * 2019-02-15 2019-05-21 百度在线网络技术(北京)有限公司 一种页面主题色调的调整方法、装置、设备及介质

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
自学PS教程网: "https://www.taoxuemei.com/chuli/ps/426.html", 《如何图层蒙版换色,PS图层蒙版填充黑色快捷键,自学PS教程网》 *
阿丁480: "http://www.360doc.com/content/18/0815/05/15648038_778517731.shtml", 《PS中使用图层蒙版更改颜色的小技巧》 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112887694A (zh) * 2021-01-26 2021-06-01 腾讯音乐娱乐科技(深圳)有限公司 一种视频播放方法、装置、设备及可读存储介质

Also Published As

Publication number Publication date
CN110597589B (zh) 2023-05-02

Similar Documents

Publication Publication Date Title
CN109858524B (zh) 手势识别方法、装置、电子设备及存储介质
CN110675310B (zh) 视频处理方法、装置、电子设备及存储介质
US10095377B2 (en) Method and device for displaying icon badge
CN109672830B (zh) 图像处理方法、装置、电子设备及存储介质
CN106339224B (zh) 可读性增强方法及装置
CN107193716B (zh) 资源占用显示方法及装置
CN111338743B (zh) 一种界面处理方法、装置及存储介质
EP3032482A1 (en) Page display method and apparatus
CN108986117B (zh) 视频图像分割方法及装置
CN107424130B (zh) 图片美颜方法和装置
US10325569B2 (en) Method and apparatus for coding image information for display
CN110286813B (zh) 图标位置确定方法和装置
CN105677352B (zh) 应用图标颜色的设置方法和装置
CN110597589B (zh) 一种页面着色方法、装置、电子设备及存储介质
CN112184540A (zh) 图像处理方法、装置、电子设备和存储介质
CN106447747B (zh) 图像处理方法及装置
CN111968605A (zh) 曝光度调整方法及装置
WO2023045961A1 (zh) 虚拟对象的生成方法及装置、电子设备和存储介质
CN110662103B (zh) 多媒体对象重构方法及装置、电子设备、可读存储介质
CN114463212A (zh) 图像处理方法及装置、电子设备和存储介质
CN109413232B (zh) 屏幕显示方法及装置
CN112988296A (zh) 界面显示方法、装置、终端设备及存储介质
CN108717373B (zh) 智能设备的名称显示方法、装置及存储介质
CN113626632B (zh) 影集素材的显示方法、装置及电子设备
CN112506393B (zh) 图标显示方法、装置及存储介质

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
GR01 Patent grant
GR01 Patent grant