1.本发明涉及计算机软件界面设计技术领域,尤其涉及一种主题配色客制化生成方法、系统、设备和存储介质。
背景技术:
2.随着智能手机的发展,手机软件(application,app)也有了更多的需求。app的用户界面(user interface,ui)设计,变得更加多样化。现有的app的ui设计多是在设计初期就固定好的,如果需要修改ui的主题配色,则需要开发人员修改代码。为了ui主题配色的改变,重新一对一进行代码修改,需要耗费大量人力成本和时间成本。因此需要针对app主题配色的修改,要提出一种更加便捷的修改方案。
技术实现要素:
3.本发明目的在于,提供一种能够提高主题配色修改效率的主题配色客制化生成方法、系统、设备及存储介质。
4.为实现上述目的,本发明实施例提供一种主题配色客制化生成方法,包括:
5.获取图像信息,并对所述图像信息的色彩进行解析得到主题色列表;
6.获取用户端从所述主题色列表中选择的主题色;
7.根据所述主题色匹配对应的字体颜色;
8.根据所述主题色和所述字体颜色,生成主题配色。
9.优选地,所述获取图像信息,并对所述图像信息的色彩进行解析得到主题色列表,包括:
10.将所述图像信息进行分解,得到像素集;其中,所述像素集中包括若干像素;
11.提取所述像素集中所有像素的rgb通道值,得到平均通道值;
12.将所述平均通道值对应的颜色作为主题色加入主题色列表。
13.优选地,所述获取图像信息,并对所述图像信息的色彩进行解析得到主题色列表,包括:
14.采用中位切分法对所述图像信息进行量化处理,得到量化信息;
15.根据所述量化信息,选取量化值排前n个的颜色作为主题色加入主题色列表。
16.优选地,所述根据所述主题色匹配对应的字体颜色,包括:
17.将所述主题色的rgb值转换为yuv进行灰阶判定,得到灰阶信息;
18.根据所述灰阶信息,匹配预设的字体颜色。
19.本发明实施例还提供一种主题配色客制化生成系统,包括:
20.图像解析模块,用于获取图像信息,并对所述图像信息的色彩进行解析得到主题色列表;
21.主题色获取模块,用于获取用户端从所述主题色列表中选择的主题色;
22.字体颜色匹配模块,用于根据所述主题色匹配对应的字体颜色;
23.主题配色生成模块,用于根据所述主题色和所述字体颜色,生成主题配色。
24.优选地,所述图像解析模块包括:
25.分解单元,用于将所述图像信息进行分解,得到像素集;其中,所述像素集中包括若干像素;
26.通道值转换单元,用于提取所述像素集中所有像素的rgb通道值,得到平均通道值;
27.颜色筛选单元,用于将所述平均通道值对应的颜色作为主题色加入主题色列表。
28.优选地,所述图像解析模块包括:
29.量化单元,用于采用中位切分法对所述图像信息进行量化处理,得到量化信息;
30.颜色选取单元,用于根据所述量化信息,选取量化值排前n个的颜色作为主题色加入主题色列表。
31.优选地,所述字体颜色匹配模块包括:
32.灰阶转换单元,用于将所述主题色的rgb值转换为yuv进行灰阶判定,得到灰阶信息;
33.灰阶分析单元,用于根据所述灰阶信息,匹配预设的字体颜色。
34.本发明实施例还提供一种计算机终端设备,包括一个或多个处理器和存储器。存储器与所述处理器耦接,用于存储一个或多个程序;当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上述任一实施例所述的主题配色客制化生成方法。
35.本发明实施例还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如上述任一实施例所述的主题配色客制化生成方法。
36.与现有技术相比,本发明具有以下有益效果:
37.本发明公开的一种主题配色客制化生成方法,包括:获取图像信息,并对所述图像信息的色彩进行解析得到主题色列表;获取用户端从所述主题色列表中选择的主题色;根据所述主题色匹配对应的字体颜色;根据所述主题色和所述字体颜色,生成主题配色。本发明能够根据用户上传的图像信息,进行图像信息分析,智能选取匹配的主题色和字体颜色,快速获取客制化主题配色,简化主题配色的修改。
附图说明
38.为了更清楚地说明本发明的技术方案,下面将对实施方式中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
39.图1是本发明第一实施例提供的主题配色客制化生成方法的流程示意图;
40.图2是本发明第二实施例提供的主题配色客制化生成方法的流程示意图;
41.图3是本发明第三实施例提供的主题配色客制化生成方法的流程示意图;
42.图4是本发明第四实施例提供的主题配色客制化生成方法的流程示意图;
43.图5是本发明第五实施例提供的主题配色客制化生成系统的结构示意图;
44.图6是本发明第六实施例提供的主题配色客制化生成系统的结构示意图;
45.图7是本发明第七实施例提供的主题配色客制化生成系统的结构示意图;
46.图8是本发明第八实施例提供的主题配色客制化生成系统的结构示意图;
47.图9是本发明某一实施例提供的计算机终端设备的结构示意图。
具体实施方式
48.下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
49.应当理解,文中所使用的步骤编号仅是为了方便描述,不作为对步骤执行先后顺序的限定。
50.应当理解,在本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样,除非上下文清楚地指明其它情况,否则单数形式的“一”、“一个”及“该”意在包括复数形式。
51.术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在,但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
52.术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。
53.请参阅图1,图1为本发明第一实施例提供的主题配色客制化生成方法的流程示意图。本实施例提高的主题配色客制化生成方法包括以下步骤:
54.s100,获取图像信息,并对所述图像信息的色彩进行解析得到主题色列表;
55.s200,获取用户端从所述主题色列表中选择的主题色;
56.s300,根据所述主题色匹配对应的字体颜色;
57.s400,根据所述主题色和所述字体颜色,生成主题配色。
58.在本发明实施例中,一套主题配色包括主题色、副主题色和字体颜色。主题配色方案生成包括:1)根据图片色彩内容生成平均色;2)图片色彩加权分解出来的颜色列表(如,每张图提供3种主题色选择)。主题配色的作用范围包括:首页固定的应用页面配色风格、侧边栏风格、业务页面配色风格以及相关ui控件。
59.在某一实施例中,用户在web端想要进行ui界面的客制化配置,包括以下步骤:(1)根据指引上传定制资源;(2)由web端实时计算出平均色及主题色,默认选择logo图片的第一个主题色为默认配色,提供用户从候选颜色中选择主题色的ui逻辑;(3)用户提交主题色选择,web端根据算法实时生成与主题色匹配的次级主题色及主题色对应的字体颜色,将数据提交给后台,将图片直接提交给文件存储服务;(4)后台根据配置数据,分别生成对应ios及android的主题配色文件,并将用户与文件信息的绑定数据入库,将主题配色文件上传到文件服务。
60.在某一实施例中,用户在app上输入并登录租户,app根据租户向后端请求租户的主题配置。后端服务返回主题配置,由app根据配置信息,根据手机平台向文件服务请求android(ios)对应的主题色配置文件,同时,app向文件服务请求图片配置资源。app加载登录页图片资源,(app启动页资源需要重启后生效可见)。最后在app加载主题配色配置文件,其中,android通过系统api加载获取到的新资源文件,并通过id查找替换的方式完成主题
配色的;ios则需要app在开发过程中,对所有涉及到主题色调用的方法进行全局代理及插桩,在登录获取到新的主题配色后,通过插桩的接口,对主题色进行替换。
61.请参阅图2,图2为本发明第二实施例提供的主题配色客制化生成方法的流程示意图。在本实施例中,步骤s100包括:
62.s111,将所述图像信息进行分解,得到像素集;其中,所述像素集中包括若干像素;
63.s112,提取所述像素集中所有像素的rgb通道值,得到平均通道值;
64.s113,将所述平均通道值对应的颜色作为主题色加入主题色列表。
65.在某一实施例中,将所述图像信息进行分解,得到像素集;每个像素提取颜色的rgb通道值(例如白色(255,255,255)),叠加n个点的像素通道值,除以像素点数量,即rgb((n1 n2 n3
…
)/n,(n1 n2 n3
…
)/n,(n1 n2 n3
…
)/n)得到新的图像平均颜色值,该值作为一个选项提供给用户选择。
66.请参阅图3,图3为本发明第三实施例提供的主题配色客制化生成方法的流程示意图。在本实施例中,步骤s100包括:
67.s121,采用中位切分法对所述图像信息进行量化处理,得到量化信息;
68.s122,根据所述量化信息,选取量化值排前n个的颜色作为主题色加入主题色列表。
69.在某一实施例中,采用中位切分法对所述图像信息进行量化处理,得到量化信息,具体选择采用开源图像处理库leptonica的中位切分法对图像进行计算,取获取颜色值的前三个作为主题色候选项列表。
70.请参阅图4,图4为本发明第四实施例提供的主题配色客制化生成方法的流程示意图。在本实施例中,步骤s300包括:
71.s311,将所述主题色的rgb值转换为yuv进行灰阶判定,得到灰阶信息;
72.s312,根据所述灰阶信息,匹配预设的字体颜色。
73.在某一实施例中,将所述主题色的rgb值转换为yuv进行灰阶判定,得到灰阶信息。判定主题颜色的深浅色,这里采取将rgb值转换为yuv进行灰阶判定,通过开源公式(r*0.299 g*0.578 b*0.114>=192)判定,算式成立则判定主题色为浅色,否则为灰色。进一步地,根据深浅颜色判定结果,对主题色进行增亮(或加深)来获取次主题色及配套文字颜色,具体方法为:如果主题色(r,g,b)为浅色,则次主题色为(min(0,r
‑
37.5),min(0,g
‑
37.5),min(0,b
‑
37.5)),配套字体颜色为黑色rgb(0,0,0);如果主题色(r,g,b)为深色,则次主题色为(max(255,r 37.5),max(255,g 37.5),max(255,b 37.5)),配套字体颜色为黑色rgb(255,255,255)。
74.在某一具体实施例中,为了使得主题配色客制化生成实现ui换肤,在web端实行主题配置,计算分析主题颜色,然后在后端根据web端生成的主题配置生成主题文件配置,并保存至租户数据库中,下发至app实现ui界面的换肤。安卓系统端依据主题获取流程机制,自定义加载皮肤。ios系统端依据主题获取流程,利用全局资源代理,自定义加载皮肤。
75.在某一具体实施例中,租户上传背景图至web端,web端对图片进行解析输出主题颜色列表反馈给租户,展示图片集主题色列表,根据提交确定的主题色,web端将主题色提交配置给后端服务和文件存储服务,后端生成安卓/ios主题文件实现数据入库并保存至文件存储服务。
76.在某一具体实施例中,在app登陆租户信息,app向后端服务请求配置,再通过后端服务反馈主题配置给app,app依据主题配置进一步向文件服务请求主题文件;进一步地还能向文件服务请求如logo等图像信息,然后在app端加载主题配色和图片配置。
77.请参阅图5,图5为本发明第五实施例提供的主题配色客制化生成系统的结构示意图。在本实施例中,主题配色客制化生成系统,包括:
78.图像解析模块100,用于获取图像信息,并对所述图像信息的色彩进行解析得到主题色列表;
79.主题色获取模块200,用于获取用户端从所述主题色列表中选择的主题色;
80.字体颜色匹配模块300,用于根据所述主题色匹配对应的字体颜色;
81.主题配色生成模块400,用于根据所述主题色和所述字体颜色,生成主题配色。
82.请参阅图6,图6为本发明第六实施例提供的主题配色客制化生成系统的结构示意图。在本实施例中,图像解析模块100包括:
83.分解单元111,用于将所述图像信息进行分解,得到像素集;其中,所述像素集中包括若干像素;
84.通道值转换单元112,用于提取所述像素集中所有像素的rgb通道值,得到平均通道值;
85.颜色筛选单元113,用于将所述平均通道值对应的颜色作为主题色加入主题色列表。
86.请参阅图7,图7为本发明第七实施例提供的主题配色客制化生成系统的结构示意图。在本实施例中,图像解析模块100包括:
87.量化单元121,用于采用中位切分法对所述图像信息进行量化处理,得到量化信息;
88.颜色选取单元122,用于根据所述量化信息,选取量化值排前n个的颜色作为主题色加入主题色列表。
89.请参阅图8,图8为本发明第八实施例提供的主题配色客制化生成系统的结构示意图。在本实施例中,字体颜色匹配模块300包括:
90.灰阶转换单元311,用于将所述主题色的rgb值转换为yuv进行灰阶判定,得到灰阶信息;
91.灰阶分析单元312,用于根据所述灰阶信息,匹配预设的字体颜色。
92.关于主题配色客制化生成系统的具体限定可以参见上文中对于主题配色客制化生成方法的限定,在此不再赘述。上述主题配色客制化生成系统中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
93.请参阅图9,本发明实施例提供一种计算机终端设备,包括一个或多个处理器和存储器。存储器与所述处理器耦接,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上述任意一个实施例中的主题配色客制化生成方法。
94.处理器用于控制该计算机终端设备的整体操作,以完成上述的主题配色客制化生
成方法的全部或部分步骤。存储器用于存储各种类型的数据以支持在该计算机终端设备的操作,这些数据例如可以包括用于在该计算机终端设备上操作的任何应用程序或方法的指令,以及应用程序相关的数据。该存储器可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,例如静态随机存取存储器(static random access memory,简称sram),电可擦除可编程只读存储器(electrically erasable programmable read
‑
only memory,简称eeprom),可擦除可编程只读存储器(erasable programmable read
‑
only memory,简称eprom),可编程只读存储器(programmable read
‑
only memory,简称prom),只读存储器(read
‑
only memory,简称rom),磁存储器,快闪存储器,磁盘或光盘。
95.在一示例性实施例中,计算机终端设备可以被一个或多个应用专用集成电路(application specific 1ntegrated circuit,简称as1c)、数字信号处理器(digital signal processor,简称dsp)、数字信号处理设备(digital signal processing device,简称dspd)、可编程逻辑器件(programmable logic device,简称pld)、现场可编程门阵列(field programmable gate array,简称fpga)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述的主题配色客制化生成方法,并达到如上述方法一致的技术效果。
96.在另一示例性实施例中,还提供了一种包括程序指令的计算机可读存储介质,该程序指令被处理器执行时实现上述任意一个实施例中的主题配色客制化生成方法的步骤。例如,该计算机可读存储介质可以为上述包括程序指令的存储器,上述程序指令可由计算机终端设备的处理器执行以完成上述的主题配色客制化生成方法,并达到如上述方法一致的技术效果。
97.以上所述是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本发明的保护范围。
再多了解一些
本文用于企业家、创业者技术爱好者查询,结果仅供参考。