CN113658287B - 用户界面配色处理方法、装置及设备 - Google Patents

用户界面配色处理方法、装置及设备 Download PDF

Info

Publication number
CN113658287B
CN113658287B CN202110793458.7A CN202110793458A CN113658287B CN 113658287 B CN113658287 B CN 113658287B CN 202110793458 A CN202110793458 A CN 202110793458A CN 113658287 B CN113658287 B CN 113658287B
Authority
CN
China
Prior art keywords
user
trademark
color matching
color
user interface
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
Application number
CN202110793458.7A
Other languages
English (en)
Other versions
CN113658287A (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.)
Alipay Hangzhou Information Technology Co Ltd
Original Assignee
Alipay Hangzhou 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 Alipay Hangzhou Information Technology Co Ltd filed Critical Alipay Hangzhou Information Technology Co Ltd
Priority to CN202110793458.7A priority Critical patent/CN113658287B/zh
Publication of CN113658287A publication Critical patent/CN113658287A/zh
Application granted granted Critical
Publication of CN113658287B publication Critical patent/CN113658287B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/001Texturing; Colouring; Generation of texture or colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/40Filling a planar surface by adding surface attributes, e.g. colour or texture
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00Indexing scheme for image data processing or generation, in general
    • G06T2200/24Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Color Image Communication Systems (AREA)
  • Image Processing (AREA)

Abstract

本说明书提供一种用户界面配色处理方法、装置及设备,通过对用户上传的用户商标图像进行色值解析,自动解析出用户商标图像的色相,基于解析出的色相的种类和数量,自动调整用户界面的色彩。实现用户界面的配色自动化配置,不需要用户手动选择,提高了用户界面配色的效率,同时,基于用户商标图像中的色相种类和数量调整用户界面的配色方案,可以使得用户界面的配色能够更好的适应用户商标图像,提升用户界面整体的展示效果和视觉效果。

Description

用户界面配色处理方法、装置及设备
技术领域
本说明书属于计算机技术领域,尤其涉及一种用户界面配色处理方法、装置及设备。
背景技术
随着计算机互联网技术的发展,有很多产品可以通过计算机互联网技术提供给不同的用户使用,不同用户在使用产品时,可能希望能够对产品的用户界面的视觉进行个性化调整,以符合自己的需求。如:有些用户希望在产品的用户界面上添加自己的logo(logotype,商标或徽标)图像,logo图像如何与产品用户界面搭配,可能需要进行一定的调整,一般的,可能需要用户自己手动选择配色方案或者交由专业的设计人员专门设计配色方案,耗时耗力。
发明内容
本说明书实施例的目的在于提供一种用户界面配色处理方法、装置及设备,实现了用户界面配色的自动调整。
一方面,本说明书实施例提供了一种用户界面配色处理方法,所述方法包括:
接收用户商标图像,所述用户商标图像用于设置在待处理用户界面上;
对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相;
根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色。
另一方面,本说明书提供了一种用户界面配色处理装置,所述装置包括:
商标图像接收模块,用于接收用户商标图像,所述用户商标图像用于设置在待处理用户界面上;
色相分析模块,用于对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相;
自动配色模块,用于根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色。
又一方面,本说明书实施例提供了一种用户界面配色处理设备,包括至少一个处理器以及用于存储处理器可执行指令的存储器,所述处理器执行所述指令时实现上述用户界面配色处理方法。
本说明书提供的用户界面配色处理方法、装置及设备,通过对用户上传的用户商标图像进行色值解析,自动解析出用户商标图像的色相,基于解析出的色相的种类和数量,自动调整用户界面的色彩。实现用户界面的配色自动化配置,不需要用户手动选择,提高了用户界面配色的效率,同时,基于用户商标图像中的色相种类和数量调整用户界面的配色方案,可以使得用户界面的配色能够更好的适应用户商标图像,提升用户界面整体的展示效果和视觉效果,避免因用户手动配色不合理,导致用户商标图像无法很好展示的问题。
附图说明
为了更清楚地说明本说明书实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本说明书中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本说明书一个场景示例中带有用户商标图像的用户界面示意图;
图2是本说明书实施例提供的用户界面配色处理方法实施例的流程示意图;
图3是本说明书又一个实施例中用户界面的配色调整流程示意图;
图4是本说明书提供的用户界面配色处理装置一个实施例的模块结构示意图;
图5是本说明书一个实施例中用户界面配色处理服务器的硬件结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本说明书中的技术方案,下面将结合本说明书实施例中的附图,对本说明书实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本说明书一部分实施例,而不是全部的实施例。基于本说明书中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本说明书保护的范围。
随着计算机互联网技术的发展,有很多企业研发出的产品可以提供给多个用户使用,每个用户可以对产品的用户界面进行个性化的设置,如:网站、应用程序等。一般的,对于用户界面的设置可能需要用户从系统提供的几种方案中选择一种,以满足自己的视觉需求。但是,随着计算机技术的发展,有些产品可以为用户提供商标图像的上传,即用户可以将自己的商标图像设置在产品的用户界面上,以达到宣传自己或企业的效果。如:一些购物网站,可以提供给多个商户使用,每个商户在购物网站上有自己的店铺,用户可以将自己店铺的名称或商标或其他图像设置在店铺的用户界面,这样当有顾客打开店铺就可以在用户界面上看到自己店铺的商标。
图1是本说明书一个场景示例中带有用户商标图像的用户界面示意图,如图1所示,图1左上角圆脸图像是一个用户提供的用户商标图像,一般的,这种应用场景,用户可以上传公司的logo图像,该logo图像可以做成系统logo即产品logo出现在用户界面的页面顶部。若用户需要调整用户界面的配色,如图1所示,用户可以从系统提供的几个颜色中选择一个,替换吊顶的配色。这种界面的个性化程度较低,仅能调整一下吊顶,而且如果客户公司的logo配色和给定的几个颜色搭配起来都不够协调,或是用户自主选择的配色不合理,都会让产品不够美观,并且,手动选择配色操作繁琐,用户体验感不好。
本说明书实施例提供一种用户界面配色处理方法,可以对用户上传的用户商标图像的色值进行分析,自动识别出用户商标图像中的用户商标色相,基于解析出的用户商标图像的数量和种类,自动配置待处理用户界面的配色,实现用户界面的自动配色,并且,配出的色彩能够很好的适应用户商标图像,视觉效果更佳。
图2是本说明书实施例提供的用户界面配色处理方法实施例的流程示意图。虽然本说明书提供了如下述实施例或附图所示的方法操作步骤或装置结构,但基于常规或者无需创造性的劳动在所述方法或装置中可以包括更多或者部分合并后更少的操作步骤或模块单元。在逻辑性上不存在必要因果关系的步骤或结构中,这些步骤的执行顺序或装置的模块结构不限于本说明书实施例或附图所示的执行顺序或模块结构。所述的方法或模块结构的在实际中的装置、服务器或终端产品应用时,可以按照实施例或者附图所示的方法或模块结构进行顺序执行或者并行执行(例如并行处理器或者多线程处理的环境、甚至包括分布式处理、服务器集群的实施环境)。
本说明书实施例中提供的用户界面配色处理方法可以应用在客户端或服务端,具体可以是计算机、平板电脑、智能手机、智能穿戴设备、车载设备等终端设备中,如图2所示,所述方法可以包括如下步骤:
步骤202、接收用户商标图像,所述用户商标图像用于设置在待处理用户界面上。
在具体的实施过程中,可以接收用户通过用户终端上传的用户商标图像,其中用户商标图像即logo图像可以理解为用户希望设置在待处理用户界面上的图像,具体可以是文字或图片,不特指商标,可以由用户自行选择,本说明书实施例不做具体限定。一般的,用户商标图像是能够表征用户或企业特性的图像,可以是企业的名称或企业的商标等,也可以是用户比较喜欢的风景、人物或动物图像。在接收到用户商标图像后,可以将用户商标图像设置在用户界面的指定位置处,或由用户在用户界面上选择一个位置设置该用户商标图像,本说明书实施例对用户商标图像的位置不做具体限定。当然,若在将用户商标图像设置在用户界面上时,可以根据实际需要对用户商标图像的大小进行自动调整。
步骤204、对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相。
在具体的实施过程中,在接收到用户上传的用户商标图像后,可以对用户商标图像进行色值分析,解析出用户商标图像中的色相数量及用户商标色相。色相是色彩的首要特征,是区别各种不同色彩的最准确的标准。事实上任何黑白灰以外的颜色都有色相的属性,而色相也就是由原色、间色和复色来构成的。色相,色彩可呈现出来的质地面貌。
本说明书一些实施例中,所述对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相,包括:
解析所述用户商标图像的RGB色值,将RGB色值的差值在指定范围内的划分为一种色相;
将划分后的色相与预设色相进行匹配,确定出所述用户商标图像对应的用户商标色相。
在具体的实施过程中,在接收到用户上传的用户商标图像后,可以解析出用户商标图像中的RGB色值,RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是运用最广的颜色系统之一。若用户商标图像有多种色彩,可以对用户商标图像进行区域划分,解析出不同区域的RGB色值,这样可以解析出多种RGB色值。不同的RGB色值则代表不同的色彩,即不同的色相。本说明书实施例中,在解析出用户商标图像中的RGB色值后,可以对RGB色值进行合并分类,即将RGB色值接近的合并为一种色相,如:将RGB色值的差值在指定范围内的划分为一种色相。将基于RGB色值合并分类后的色相与预设色相进行匹配,如:若预设色相有红、橙、黄、绿、靑、紫六种色相,则将RGB色值合并分类后的色相与这六种色相进行匹配,确定出用户商标图像中的色相有哪几种。预设色相可以根据实际需要进行设置,如:还可以设置为红、橙红、黄橙、黄、黄绿、绿、绿蓝、蓝绿、蓝、蓝紫,紫十二个预设色相。
本说明书实施例通过对用户上传的logo图像进行RGB色值的解析,从而快速的确定出用户商标图像中的色相种类和数量。
此外,若系统无法对用户上传的用户商标图像的色相进行自动识别,即无法识别出用户上传的用户商标图像的色相,则可以提供若干常用色、色板以及吸取颜色的功能,提示用户自行进行色相的识别,由用户从色板中选择界面主色,或者用吸色器从logo图中取色。
步骤206、根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色。
在具体的实施过程中,解析出用户商标图像中的用户商标色相后,可以基于解析出的用户商标色相的数量以及种类,自动设置待处理用户界面的配色。可以预先通过实验和专家经验,配置出不同数量和种类的色相对应的用户界面的配色方案,如:若用户商标色相的数量为1种,色相为黄色,则用户界面的配色配置为白色,以此类推,可以配置出多种不同额配色方案。
本说明书实施例提供的种用户界面配色处理方法,通过对用户上传的用户商标图像进行色值解析,自动解析出用户商标图像的色相,基于解析出的色相的种类和数量,自动调整用户界面的色彩。实现用户界面的配色自动化配置,不需要用户手动选择,提高了用户界面配色的效率,同时,基于用户商标图像中的色相种类和数量调整用户界面的配色方案,可以使得用户界面的配色能够更好的适应用户商标图像,提升用户界面整体的展示效果和视觉效果,避免因用户手动配色不合理,导致用户商标图像无法很好展示的问题。
本说明书一些实施例中,所述根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色,包括:
若所述用户商标色相的数量大于预设阈值,则将所述待处理用户界面的配色设置为第一配色。
在具体的实施过程中,图3是本说明书又一个实施例中用户界面的配色调整流程示意图,如图3所示,本说明书实施例中,可以预先设置一个色相数量的预设阈值,在解析出用户商标图像中的用户商标色相后,可以判断解析出的用户商标色相的种类是否大于预设阈值,若大于,则说明该用户商标图像中的色相种类比较多,色彩比较丰富。此时,可以将待处理用户界面的配色设置为第一配色,第一配色可以选择深色系,如:灰色系。如图3所示,第一配色可以选择深灰色,以避免用户界面的底色与用户商标图像的色彩冲突,使得用户商标图像无法很好的展示,并且整个用户界面过于花哨,影响视觉效果。其中,预设阈值的取值可以根据实际需要进行设置,如图3所示,本说明书一个场景示例中可以设置为4,当然,根据实际需求,还可以设置为3、6等,本说明书实施例不做具体限定。
本说明书实施例通过设置用户商标图像的色相数量的阈值,对于使用户商标图像色彩种类比较多的,可以选择使用灰色系作为用户界面的配色,以使得用户商标图像能够更好的展示在用户界面上,实现用户界面配色的快速自动化配置。
本说明书一些实施例中,所述根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色,包括:
若所述用户商标色相的数量不大于预设阈值,根据各个用户商标色相的种类,判断所述用户商标图像的色彩是否属于浅色系,若是,则将所述待处理用户界面的配色设置为第二配色,所述第二配色和第一配色的色值不同。
如图3所示,若从用户商标图像中解析出的用户商标色相的数量不大于预设阈值,则说明该用户商标图像中的色彩不是很丰富,此时,可以根据用户商标图像中的用户商标色相的种类,来判断该用户商标图像的色彩是否属于浅色系。其中,颜色有分深色系跟浅色系。色彩纯度低的颜色就深,色彩的纯度指的就是色彩的纯净度。任一纯色可根据添加灰色的多少来改变它的纯度。浅色系可以理解为色彩比较浅,如:白色、黄色、粉色、天蓝色、嫩绿色等,可以预先设定浅色系的色彩的RGB色值范围,将用户商标图像中各个用户商标色相的RGB色值与预设浅色系的RGB色值范围进行比较,若RGB色值在浅色系RGB色值范围,则认为该用户商标图像的色彩属于浅色系。若用户商标图像中各个用户商标色相有多种,则可以依次判断各个用户商标色相是否属于浅色系,若属于浅色系的用户商标色相的比例达到指定的比例如:1/2,则可以认为该用户商标图像的色彩属于浅色系。或者,可以取用户商标图像中各个用户商标色相的RGB色值的均值与预设浅色系的RGB色值范围进行比较,若RGB色值在浅色系RGB色值范围,则认为该用户商标图像的色彩属于浅色系。如图3所示,若用户商标图像的用户商标色相全部为白色,也认为该用户商标图像的色彩属于浅色系。
在确定用户商标图像的色彩属于浅色系后,可以将待处理用户界面的配色设置为第二配色,其中,第二配色和第一配色的色值不同。第二配色具体可以根据实际需求进行设置,因为此时用户商标图像的色彩并不丰富,并且属于浅色系,因此,第二配色一般可以选择深色系,以突显出用户商标图像,如:第二配色可以选择蓝色,蓝色的用户界面比较有商务感,并且不沉闷,使得整个用户界面具有更好的视觉效果。当然,根据实际场景或应用需求,也可以使用其他颜色,如:墨绿色、紫色、黑色、深灰色等,但不宜使用浅色系容易与用户商标图像的色彩重叠,导致用户商标图像的展示效果不佳。
本说明书实施例在用户商标图像的色相种类不多时,继续判断用户商标图像的色彩是否属于浅色系,对于浅色系的用户商标图像,给出第二种用户界面的配色方案,以提升用户商标图像在用户界面中的展示效果。
在一些实施例中,所述根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色,包括:
若所述用户商标色相的数量不大所述预设阈值,且若根据各个用户商标色相的种类,判断所述用户商标图像的色彩不属于浅色系,则获取所述用户商标图像的中各个用户商标色相的占比,将占比最高的用户商标色相设置为所述待处理用户界面的配色。
如图3所示,若从用户商标图像中解析出的用户商标色相的数量不大于预设阈值,且根据各个用户商标色相的种类,判断用户商标图像的色彩不属于浅色系,则说明该用户商标图像的色彩不丰富,但颜色比较重,此时,可以从用户商标图像的中各个用户商标色相中,选择占比最高的用户商标色相作为待处理用户界面的配色。例如:若从用户商标图像中解析出的用户商标色相的数量不大于预设阈值,且根据各个用户商标色相的种类,判断用户商标图像的色彩不属于浅色系,则获取用户商标图像的中各个用户商标色相的占比,发现其中青色占比最高,则可以将青色设置为待处理用户界面的配色。
本说明书实施例在用户商标图像的色相种类不多时,继续判断用户商标图像的色彩是否属于浅色系,对于不属于浅色系的情况,直接选择用户商标图像中占比最高的色彩作为待处理用户界面的配色,以使得用户界面的配色能够与用户商标图像的色彩合理搭配,获得比较好的视觉效果。
本说明书一些实施例中,所述方法还包括:
在确定出所述待处理用户界面的配色后,向用户客户端发送是否确认使用自动配色方案的提示信息;
接收所述用户客户端基于所述提示信息返回的拒绝自动配色方案的反馈信息,向所述用户客户端返回常用配色选项;
接收所述用户客户端基于所述常用配色选项返回的配色,将所述用户客户端返回的配色设置为所述待处理用户界面的配色。
在具体的实施过程中,如图3所示,系统给出用户界面的配色方案后,可以向用户客户端发送是否确认使用自动配色方案的提示信息,以供用户确认,若用户不满意系统给出的配色方案,则可以通过用户客户端向系统返回拒绝自动配色方案的反馈信息。此时,系统可以自动弹出常用配色选项以供用户自行选择,用户可以基于系统给出的选项,自己选择配色方案,系统根据用户选择的配色,设置待处理用户界面的配色。当然,若用户满意系统给出的配色方案,可以直接选择确认,系统即可以基于自动配置的配色方案设置待处理用户界面的配色。
本说明书实施例用户上传logo后,系统可以自动根据品牌色调整界面配色,除吊顶外,所有页面组件的主色都可以自动更改;同时,用户如果对自动配色不满意或不喜欢,也可以手动选择界面主色。
在一些实施例中,所述根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色,包括:
根据所述用户商标色相的数量和种类,自动确定出所述待处理用户界面的目标配色;
将所述待处理用户界面中所述用户商标图像所在位置的指定区域设置为所述目标配色。
在具体的实施过程中,在自动配置待处理用户界面的配色时,可以先根据上述实施例记载的方法,根据用户商标色相的数量和种类,自动确定出待处理用户界面的目标配色,再将待处理用户界面中用户商标图像所在位置的指定区域设置为目标配色。如:若用户商标图像的位置设置在待处理用户界面的顶部工具栏,则可以将顶部工具栏设置为目标配色,或将顶部工具栏中以用户商标图像所在位置为中心的椭圆形或矩形区域设置为目标配色;同样的,若用户商标图像以水印的方式设置在待处理用户界面的界面中央,则可以将待处理用户界面的整个界面背景设置为目标配色,具体可以根据用户商标图像在待处理用户界面中的位置对待处理用户界面的配色进行调整,其中,用户界面中的页面组件等都可以自动调整为目标配色,以使得自动生成的用户界面的配色方案能够与用户商标图像的色彩合理配合,提升整个用户界面的视觉效果和展示效果。
本说明书实施例能够根据用户上传的logo图,智能识别颜色、自动匹配合适的用户界面主色,让色彩的丰富度和美观性都可以自动实现。运用了位图的色值识别技术,通过对色彩进行分类和主色选取,以及色相多少、深浅的判断,自动选择与logo图匹配的界面配色,从而低成本地快速实现后台界面的品牌个性化需求。
本说明书中上述方法的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参考即可,每个实施例重点说明的都是与其他实施例的不同之处。相关之处参考方法实施例的部分说明即可。
基于上述所述的用户界面配色处理方法,本说明书一个或多个实施例还提供一种用于用户界面配色处理的装置。所述装置可以包括使用了本说明书实施例所述方法的装置(包括分布式系统)、软件(应用)、模块、插件、服务器、客户端等并结合必要的实施硬件的装置。基于同一创新构思,本说明书实施例提供的一个或多个实施例中的装置如下面的实施例所述。由于装置解决问题的实现方案与方法相似,因此本说明书实施例具体的装置的实施可以参考前述方法的实施,重复之处不再赘述。以下所使用的,术语“单元”或者“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现,但是硬件,或者软件和硬件的组合的实现也是可能并被构想的。
具体地,图4是本说明书提供的用户界面配色处理装置一个实施例的模块结构示意图,如图4所示,本说明书中提供的用户界面配色处理装置可以包括:
商标图像接收模块41,用于接收用户商标图像,所述用户商标图像用于设置在待处理用户界面上;
色相分析模块42,用于对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相;
自动配色模块43,用于根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色。
本说明书实施例通过对用户上传的用户商标图像进行色值解析,自动解析出用户商标图像的色相,基于解析出的色相的种类和数量,自动调整用户界面的色彩。实现用户界面的配色自动化配置,不需要用户手动选择,提高了用户界面配色的效率,同时,基于用户商标图像中的色相种类和数量调整用户界面的配色方案,可以使得用户界面的配色能够更好的适应用户商标图像,提升用户界面整体的展示效果和视觉效果,避免因用户手动配色不合理,导致用户商标图像无法很好展示的问题。
本说明书一些实施例中,所述自动配色模块具体用于:
在所述用户商标色相的数量大于预设阈值时,将所述待处理用户界面的配色设置为第一配色。
本说明书实施例通过设置用户商标图像的色相数量的阈值,对于使用户商标图像色彩种类比较多的,可以选择使用灰色系作为用户界面的配色,以使得用户商标图像能够更好的展示在用户界面上,实现用户界面配色的快速自动化配置。
本说明书一些实施例中,所述自动配色模块具体用于:
若所述用户商标色相的数量不大于预设阈值,根据各个用户商标色相的种类,判断所述用户商标图像的色彩是否属于浅色系,若是,则将所述待处理用户界面的配色设置为第二配色,所述第二配色和第一配色的色值不同。
本说明书实施例在用户商标图像的色相种类不多时,继续判断用户商标图像的色彩是否属于浅色系,对于浅色系的用户商标图像,给出第二种用户界面的配色方案,以提升用户商标图像在用户界面中的展示效果。
本说明书一些实施例中,所述自动配色模块具体用于:
在所述用户商标色相的数量不大所述预设阈值,且若根据各个用户商标色相的种类,判断所述用户商标图像的色彩不属于浅色系时,获取所述用户商标图像的中各个用户商标色相的占比,将占比最高的用户商标色相设置为所述待处理用户界面的配色。
本说明书实施例在用户商标图像的色相种类不多时,继续判断用户商标图像的色彩是否属于浅色系,对于不属于浅色系的情况,直接选择用户商标图像中占比最高的色彩作为待处理用户界面的配色,以使得用户界面的配色能够与用户商标图像的色彩合理搭配,获得比较好的视觉效果。
需要说明的,上述所述的装置根据对应方法实施例的描述还可以包括其他的实施方式。具体的实现方式可以参照上述对应的方法实施例的描述,在此不作一一赘述。
本说明书实施例还提供一种用户界面配色处理设备,包括:至少一个处理器以及用于存储处理器可执行指令的存储器,所述处理器执行所述指令时实现上述实施例的用户界面配色处理方法,如:
接收用户商标图像,所述用户商标图像用于设置在待处理用户界面上;
对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相;
根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色。
需要说明的,上述所述的设备或系统根据方法实施例的描述还可以包括其他的实施方式。具体的实现方式可以参照相关方法实施例的描述,在此不作一一赘述。
本说明书提供的用户界面配色处理装置、设备,也可以应用在多种数据分析处理系统中。所述系统或服务器或终端或设备可以为单独的服务器,也可以包括使用了本说明书的一个或多个所述方法或一个或多个实施例系统或服务器或终端或设备的服务器集群、系统(包括分布式系统)、软件(应用)、实际操作装置、逻辑门电路装置、量子计算机等并结合必要的实施硬件的终端装置。所述核对差异数据的检测系统可以包括至少一个处理器以及存储计算机可执行指令的存储器,所述处理器执行所述指令时实现上述任意一个或者多个实施例中所述方法的步骤。
本说明书实施例所提供的方法实施例可以在移动终端、计算机终端、服务器或者类似的运算装置中执行。以运行在服务器上为例,图5是本说明书一个实施例中用户界面配色处理服务器的硬件结构框图,该计算机终端可以是上述实施例中的用户界面配色处理服务器或用户界面配色处理装置。如图5所示服务器10可以包括一个或多个(图中仅示出一个)处理器100(处理器100可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的非易失性存储器200、以及用于通信功能的传输模块300。本领域普通技术人员可以理解,图5所示的结构仅为示意,其并不对上述电子装置的结构造成限定。例如,服务器10还可包括比图5中所示更多或者更少的插件,例如还可以包括其他的处理硬件,如数据库或多级缓存、GPU,或者具有与图5所示不同的配置。
非易失性存储器200可用于存储应用软件的软件程序以及模块,如本说明书实施例中的用户界面配色处理方法对应的程序指令/模块,处理器100通过运行存储在非易失性存储器200内的软件程序以及模块,从而执行各种功能应用以及资源数据更新。非易失性存储器200可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,非易失性存储器200可进一步包括相对于处理器100远程设置的存储器,这些远程存储器可以通过网络连接至计算机终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
传输模块300用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端的通信供应商提供的无线网络。在一个实例中,传输模块300包括一个网络适配器(Network Interface Controller,NIC),其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中,传输模块300可以为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
本说明书提供的上述实施例所述的方法或装置可以通过计算机程序实现业务逻辑并记录在存储介质上,所述的存储介质可以计算机读取并执行,实现本说明书实施例所描述方案的效果,如:
接收用户商标图像,所述用户商标图像用于设置在待处理用户界面上;
对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相;
根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色。
所述存储介质可以包括用于存储信息的物理装置,通常是将信息数字化后再以利用电、磁或者光学等方式的媒体加以存储。所述存储介质有可以包括:利用电能方式存储信息的装置如,各式存储器,如RAM、ROM等;利用磁能方式存储信息的装置如,硬盘、软盘、磁带、磁芯存储器、磁泡存储器、U盘;利用光学方式存储信息的装置如,CD或DVD。当然,还有其他方式的可读存储介质,例如量子存储器、石墨烯存储器等等。
本说明书实施例提供的上述用户界面配色处理方法或装置可以在计算机中由处理器执行相应的程序指令来实现,如使用windows操作系统的c++语言在PC端实现、linux系统实现,或其他例如使用android、iOS系统程序设计语言在智能终端实现,以及基于量子计算机的处理逻辑实现等。
本说明书实施例并不局限于必须是符合行业通信标准、标准计算机资源数据更新和数据存储规则或本说明书一个或多个实施例所描述的情况。某些行业标准或者使用自定义方式或实施例描述的实施基础上略加修改后的实施方案也可以实现上述实施例相同、等同或相近、或变形后可预料的实施效果。应用这些修改或变形后的数据获取、存储、判断、处理方式等获取的实施例,仍然可以属于本说明书实施例的可选实施方案范围之内。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
为了描述的方便,描述以上平台、终端时以功能分为各种模块分别描述。当然,在实施本说明书一个或多个时可以把各模块的功能在同一个或多个软件和/或硬件中实现,也可以将实现同一功能的模块由多个子模块或子单元的组合实现等。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或插件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
这些计算机程序指令也可装载到计算机或其他可编程资源数据更新设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参考即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参考方法实施例的部分说明即可。在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本说明书的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
以上所述仅为本说明书一个或多个实施例的实施例而已,并不用于限制本说明书一个或多个实施例。对于本领域技术人员来说,本说明书一个或多个实施例可以有各种更改和变化。凡在本说明书的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在权利要求范围之内。

Claims (8)

1.一种用户界面配色处理方法,所述方法包括:
接收用户商标图像,所述用户商标图像用于设置在待处理用户界面上;
对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相;
根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色,包括:若所述用户商标色相的数量大于预设阈值,则将所述待处理用户界面的配色设置为第一配色;若所述用户商标色相的数量不大于预设阈值,根据各个用户商标色相的种类,判断所述用户商标图像的色彩是否属于浅色系,若是,则将所述待处理用户界面的配色设置为第二配色,所述第二配色和第一配色的色值不同。
2.如权利要求1所述的方法,所述根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色,包括:
若所述用户商标色相的数量不大所述预设阈值,且若根据各个用户商标色相的种类,判断所述用户商标图像的色彩不属于浅色系,则获取所述用户商标图像的中各个用户商标色相的占比,将占比最高的用户商标色相设置为所述待处理用户界面的配色。
3.如权利要求1-2任一项所述的方法,所述方法还包括:
在确定出所述待处理用户界面的配色后,向用户客户端发送是否确认使用自动配色方案的提示信息;
接收所述用户客户端基于所述提示信息返回的拒绝自动配色方案的反馈信息,向所述用户客户端返回常用配色选项;
接收所述用户客户端基于所述常用配色选项返回的配色,将所述用户客户端返回的配色设置为所述待处理用户界面的配色。
4.如权利要求1所述的方法,所述对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相,包括:
解析所述用户商标图像的RGB色值,将RGB色值的差值在指定范围内的划分为一种色相;
将划分后的色相与预设色相进行匹配,确定出所述用户商标图像对应的用户商标色相。
5.如权利要求1所述的方法,所述根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色,包括:
根据所述用户商标色相的数量和种类,自动确定出所述待处理用户界面的目标配色;
将所述待处理用户界面中所述用户商标图像所在位置的指定区域设置为所述目标配色。
6.一种用户界面配色处理装置,所述装置包括:
商标图像接收模块,用于接收用户商标图像,所述用户商标图像用于设置在待处理用户界面上;
色相分析模块,用于对所述用户商标图像进行色值分析,确定出所述用户商标图像对应的用户商标色相;
自动配色模块,用于根据所述用户商标色相的数量和种类,自动设置所述待处理用户界面的配色;其中,所述自动配色模块具体用于:在所述用户商标色相的数量大于预设阈值时,将所述待处理用户界面的配色设置为第一配色;还用于:若所述用户商标色相的数量不大于预设阈值,根据各个用户商标色相的种类,判断所述用户商标图像的色彩是否属于浅色系,若是,则将所述待处理用户界面的配色设置为第二配色,所述第二配色和第一配色的色值不同。
7.如权利要求6所述的装置,所述自动配色模块具体用于:
在所述用户商标色相的数量不大所述预设阈值,且若根据各个用户商标色相的种类,判断所述用户商标图像的色彩不属于浅色系时,获取所述用户商标图像的中各个用户商标色相的占比,将占比最高的用户商标色相设置为所述待处理用户界面的配色。
8.一种用户界面配色处理设备,包括:至少一个处理器以及用于存储处理器可执行指令的存储器,所述处理器执行所述指令时实现权利要求1-5任一项所述的方法。
CN202110793458.7A 2021-07-14 2021-07-14 用户界面配色处理方法、装置及设备 Active CN113658287B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110793458.7A CN113658287B (zh) 2021-07-14 2021-07-14 用户界面配色处理方法、装置及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110793458.7A CN113658287B (zh) 2021-07-14 2021-07-14 用户界面配色处理方法、装置及设备

Publications (2)

Publication Number Publication Date
CN113658287A CN113658287A (zh) 2021-11-16
CN113658287B true CN113658287B (zh) 2024-05-03

Family

ID=78477369

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110793458.7A Active CN113658287B (zh) 2021-07-14 2021-07-14 用户界面配色处理方法、装置及设备

Country Status (1)

Country Link
CN (1) CN113658287B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116229188B (zh) * 2023-05-08 2023-07-25 腾讯科技(深圳)有限公司 图像处理显示方法、分类模型的生成方法及其设备

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110198437A (zh) * 2018-02-27 2019-09-03 腾讯科技(深圳)有限公司 图像的处理方法、装置、存储介质和电子装置
WO2019170007A1 (zh) * 2018-03-09 2019-09-12 华为技术有限公司 图像色彩调整方法及装置
CN110288663A (zh) * 2019-06-28 2019-09-27 北京金山安全软件有限公司 图像处理方法、装置、移动终端及存储介质
WO2019223391A1 (zh) * 2018-05-23 2019-11-28 阿里巴巴集团控股有限公司 一种票据拍摄交互方法、装置、处理设备及客户端
CN110780873A (zh) * 2019-09-06 2020-02-11 平安普惠企业管理有限公司 界面颜色适配方法、装置、计算机设备及存储介质
CN111435276A (zh) * 2019-01-14 2020-07-21 阿里巴巴集团控股有限公司 图像处理方法、装置及电子设备
CN112114918A (zh) * 2020-09-07 2020-12-22 泰康保险集团股份有限公司 一种智能设备、服务端、智能化系统和相关界面展示方法
CN112416346A (zh) * 2020-11-19 2021-02-26 腾讯科技(深圳)有限公司 界面配色方案的生成方法、装置、设备及存储介质
CN113064687A (zh) * 2021-03-23 2021-07-02 支付宝(杭州)信息技术有限公司 用户界面组件的色彩适配处理方法、装置及设备

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080079750A1 (en) * 2006-09-29 2008-04-03 Vidya Setlur Perceptually adaptive graphical user interface

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110198437A (zh) * 2018-02-27 2019-09-03 腾讯科技(深圳)有限公司 图像的处理方法、装置、存储介质和电子装置
WO2019170007A1 (zh) * 2018-03-09 2019-09-12 华为技术有限公司 图像色彩调整方法及装置
WO2019223391A1 (zh) * 2018-05-23 2019-11-28 阿里巴巴集团控股有限公司 一种票据拍摄交互方法、装置、处理设备及客户端
CN111435276A (zh) * 2019-01-14 2020-07-21 阿里巴巴集团控股有限公司 图像处理方法、装置及电子设备
CN110288663A (zh) * 2019-06-28 2019-09-27 北京金山安全软件有限公司 图像处理方法、装置、移动终端及存储介质
CN110780873A (zh) * 2019-09-06 2020-02-11 平安普惠企业管理有限公司 界面颜色适配方法、装置、计算机设备及存储介质
CN112114918A (zh) * 2020-09-07 2020-12-22 泰康保险集团股份有限公司 一种智能设备、服务端、智能化系统和相关界面展示方法
CN112416346A (zh) * 2020-11-19 2021-02-26 腾讯科技(深圳)有限公司 界面配色方案的生成方法、装置、设备及存储介质
CN113064687A (zh) * 2021-03-23 2021-07-02 支付宝(杭州)信息技术有限公司 用户界面组件的色彩适配处理方法、装置及设备

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
Application Research of Color Design and Collocation in Image Processing;Xia, FY等;《COMPUTER SYSTEMS SCIENCE AND ENGINEERING》;20200331;全文 *
黑白灰背景下不同目标色对用户视觉注意力的影响;陶欢等;《工业设计研究》;20171031(第00期);全文 *

Also Published As

Publication number Publication date
CN113658287A (zh) 2021-11-16

Similar Documents

Publication Publication Date Title
US11265994B2 (en) Dynamic lighting states based on context
CN105761283B (zh) 一种图片主色提取方法及装置
CN104995903B (zh) 改进的hdr图像编码和解码方法及设备
US10635713B2 (en) Method and device for replacing the application visual control
CN108320312B (zh) 图片的配色方法及装置、计算机终端
CN104778047B (zh) 一种内容显示方法及终端
US11593965B2 (en) Systems and methods for analyzing colors from a social media platform
CN105849685A (zh) 用于图像区域的编辑选项
CN106134189B (zh) 图像处理装置、摄像装置、图像处理方法及程序
US10078436B2 (en) User interface adjusting method and apparatus using the same
CN104902088A (zh) 移动终端调整屏幕亮度的方法及装置
CN103065338A (zh) 为背景图像中的前景图像提供阴影的方法和装置
CN113658287B (zh) 用户界面配色处理方法、装置及设备
CN109408177A (zh) 一种配置图片中文字颜色的方法、装置及电子设备
CN107391150A (zh) 移动终端主题色调自适应变更方法及系统
Song et al. Naturalness index for a tone-mapped high dynamic range image
CN113064687A (zh) 用户界面组件的色彩适配处理方法、装置及设备
CN110444181A (zh) 显示方法、装置、终端及计算机可读存储介质
CN104184791A (zh) 图像效果提取
CN113112422A (zh) 图像处理方法、装置、电子设备、计算机可读介质
CN113497954A (zh) 一种视频调色方法、媒体数据处理方法、设备及存储介质
CN111369431A (zh) 图像的处理方法、装置、可读介质和电子设备
US9886767B2 (en) Method, apparatus and computer program product for segmentation of objects in images
CN104811627A (zh) 拍摄预览方法及装置
US20180365865A1 (en) Subtitle beat generation method, image processing method, terminal, and server

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