CN106873959B - 一种软件界面配色方法及装置 - Google Patents

一种软件界面配色方法及装置 Download PDF

Info

Publication number
CN106873959B
CN106873959B CN201610547920.4A CN201610547920A CN106873959B CN 106873959 B CN106873959 B CN 106873959B CN 201610547920 A CN201610547920 A CN 201610547920A CN 106873959 B CN106873959 B CN 106873959B
Authority
CN
China
Prior art keywords
color
preset
color matching
software interface
matching operation
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
CN201610547920.4A
Other languages
English (en)
Other versions
CN106873959A (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.)
Advanced New Technologies Co Ltd
Advantageous New Technologies Co Ltd
Original Assignee
Alibaba Group Holding 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 Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201610547920.4A priority Critical patent/CN106873959B/zh
Publication of CN106873959A publication Critical patent/CN106873959A/zh
Application granted granted Critical
Publication of CN106873959B publication Critical patent/CN106873959B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种软件界面配色方法及装置。该方法包括:确定软件界面的主色;根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色;根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。应用本申请实施例提供的软件界面配色方法,只需确定软件界面的主色,就可实现整个软件界面的重新配色,解决了现有技术中通过人工配色的方法逐一地为软件界面中各功能模块的皮肤重新配色所导致配色效率相对较低的问题。

Description

一种软件界面配色方法及装置
技术领域
本申请涉及计算机技术领域,尤其涉及一种软件界面配色方法及装置。
背景技术
目前,随着科技的不断发展,为了提高用户的视觉体验,用户在为一个软件界面配色时,不再采用单一的颜色,而是根据用户确定的主色,导出一系列其他颜色,并利用这一系列颜色分别为软件界面中不同的功能模块的皮肤进行配色,这样,使得整个软件界面的颜色更加鲜明。
在现有技术中,用户为软件界面配色的步骤是:第一步,确定该软件界面的主色,例如,某软件的主色调为蓝色或红色等;第二步,当用户为该软件界面中的一个功能模块的皮肤进行配色时,通常会利用配色软件,在确定的主色的基础上执行调色操作,从而获取各个功能模块的皮肤颜色(目标颜色)。例如,确定某软件界面的主色为“蓝色”,通过在主色“蓝色”的基础上添加10%的“白色”(加白10%),获取某种“淡蓝色”,将该“淡蓝色”作为该软件界面中某输入框的皮肤颜色等,这里的“加白10%”为针对主色“蓝色”执行的“调色操作”,“输入框”为该软件界面上的“功能模块”,“淡蓝色”为“目标颜色”。
通过重复步骤二逐一地为该软件界面中的各功能模块的皮肤进行配色,最终完成整个软件界面的配色工作。当该软件界面需要更换主色时,例如,某应用软件需要升级或改版,这时用户需要为该软件界面重新配色,目前给软件界面重新配色的方法仍采用上述步骤,即通过确定的主色逐一地为该软件界面中的各功能模块的皮肤重新配色。
采用现有技术中配色方法,可以根据用户重新确定的主色有效地为各软件界面进行配色,但在实际应用中,一个软件界面通常包含有很多功能模块,因此,用户在通过上述现有技术中的步骤二逐一地为该软件界面中的各功能模块的皮肤进行配色时,步骤相对较为繁琐,需要耗费用户大量的时间和精力,且配色效率相对较低。
发明内容
鉴于上述问题,本发明提供了一种软件界面配色方法,用于解决现有技术中通过人工配色的方法逐一地为软件界面中各功能模块的皮肤重新配色所导致配色效率相对较低的问题。
一种软件界面配色方法,该方法包括:
确定软件界面的主色;根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色;根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。
优选地,所述根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色,具体包括:
将所述主色进行分解,获取所述主色对应的原色,所述主色是通过对所述原色执行调色操作获得的;
对所述原色分别执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
优选地,所述根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色,具体包括:
对所述主色执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
优选地,所述根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色,包括:
根据一个维度上的至少两个预设调色操作,对所述主色进行调整,得到至少两个与所述预设调色操作对应的目标颜色。
优选地,在确定软件界面的主色之前,所述方法还包括:
将所述预设调色操作与所述软件界面上的各功能模块的皮肤颜色建立映射关系。
优选地,所述方法还包括:
根据所述预设调色操作与所述软件界面中各软件界面背景颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各软件界面的背景颜色。
优选地,所述预设调色操作包括以下至少一种:
加白;加黑;变亮;变淡;模糊;蒙板。
一种软件界面配色装置,该装置包括:
确定单元、处理单元和配色单元,其中:
所述确定单元,确定软件界面的主色;
所述处理单元,根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色;
所述调色单元,根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。
优选地,所述处理单元包括:
分解子单元和调色子单元,其中:
所述分解子单元,将所述主色进行分解,获取所述主色对应的原色,且所述主色是通过在所述原色上执行调色操作获得的;
所述调色子单元,对所述原色分别执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
优选地,所述处理单元根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色,具体包括:
对所述主色执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
优选地,所述装置还包括建立单元,所述建立单元在所述确定单元确定软件界面的主色之前,将所述预设调色操作与所述软件界面上的各功能模块的皮肤颜色建立映射关系。
优选地,所述配色单元还用于:
根据所述预设调色操作与所述软件界面中各软件界面背景颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各软件界面的背景颜色。
本申请实施例提供了一种软件界面配色方法,该方法具体包括:首先,确定软件界面的主色,然后,根据预设调色操作,对主色进行调整,得到与该预设调色操作对应的目标颜色,最后,根据该预设调色操作与该软件界面中各功能模块的皮肤颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。相比于现有技术通过人工配色逐一地为软件界面中各个功能模块的皮肤重新配色的方法,本申请实施例提供的软件界面配色方法,只需确定软件界面的主色,就可以根据预设的调色操作对该确定的主色作调整,获得目标颜色,而且,该预设调色操作与该软件界面中的各功能模块的皮肤颜色之间具有对应关系,由于该目标颜色与该预设调色操作同样具有对应关系,因此,在获得多个目标颜色后,可以将这多个目标颜色作为对应功能模块的皮肤颜色,从而完成整个软件界面的配色;因此,本申请提供的软件界面的配色方法,用户只需确定主色,就可实现整个软件界面的重新配色,相比于现有技术中的软件界面配色方法,本申请实施例提供的软件界面配色的方法的效率更高。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例提供的一种现有技术软件界面配色的方法的示意图;
图2为本申请实施例提供的一种软件界面配色方法的流程示意图;
图3为本申请实施例提供的一种软件界面配色方法的示意图;
图4为本申请实施例提供的一种软件界面配色方法的示意图;
图5为本申请实施例提供的一种软件界面配色方法的示意图;
图6为本申请实施例提供的一种软件界面配色方法的示意图;
图7为本申请实施例提供的一种软件界面配色方法的示意图;
图8为本申请实施例提供的一种软件界面配色装置的结构示意图。
具体实施方式
在前述背景技术已经记载,一个软件界面通常有很多的功能模块,且配色人员在为软件界面配色时,为了给用户更好的视觉体验,通常会将具有不同功能的模块的皮肤设计成不同的颜色。如图1所示,三个圆形分别表示软件界面中某个操作按键在三种不同的情形下的皮肤颜色状态,其中,“第一颜色状态”表示某操作按键在“正常状态(Normal)”下的皮肤颜色状态,这里的“正常状态”是指用户没有对该按键进行任何操作;当用户将鼠标放置于该按键上但并未点击该按键时,这时该按键处于“悬浮(Hover)”状态,“第二颜色状态”为此时该按键的皮肤颜色状态,且“第二颜色状态”相比于“第一颜色状态”较浅,即:相比于“正常状态”下的该按键的皮肤颜色,该按键处于“悬浮状态”时的皮肤颜色较浅;当用户点击该按键时,这时该按键处于“下沉(Click)”状态,“第三颜色状态”为此时该按键的皮肤颜色状态,且“第三颜色状态”相比于“第一颜色状态”较深,即:相比于“正常状态”下的该按键的皮肤颜色,该按键处于“下沉状态”时的皮肤颜色较深。
由图1可知:一个软件界面中除了包含有很多功能模块以外,每个功能模块的皮肤颜色可能还会根据用户对该功能模块的操作发生相应变化。在采用现有技术在为软件界面配色时,需要通过人工配色的方式为软件界面中各功能模块分别配色,具体是通过对该软件界面的主色进行调整,获得用户需要的颜色,即目标颜色,当遇到软件界面更换主色时,又需要重新根据确定的主色逐一地为各个功能模块进行配色。
另外,在实际操作中,用户在对主色进行调整的过程中,有时用户需要连续调整好多次,才能获取目标颜色,例如,用户通过对主色进行不断地加白或加黑,直到得到用户需要的目标颜色。
综上所述,现有技术用户想要完成一个软件界面的重新配色工作,需要耗费用户相对较多的精力和时间,配色相率相对较低,而且,有时软件界面的配色工作需要用户具有一定的色彩搭配能力,因此,配色门槛相对较高。
鉴于上述问题,本申请提供了一种软件界面配色方法。为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
以下结合附图,详细说明本申请各实施例提供的技术方案。
本申请实施例提供了一种软件界面调色方法,用于解决现有技术中通过人工配色的方法逐一地为软件界面中各功能模块重新配色所导致配色效率相对较低的问题。该方法的流程示意图如图2所示,该方法具体包括以下步骤:
步骤21:确定软件界面的主色。
在本步骤中,首先需要确定待配色软件界面的主色,例如,某软件界面的主色调为蓝色等,这里可以从相关调色应用软件提供的样本颜色中直接选取,如图3所示,假设为某应用软件提供的色板,用户可以直接从中选取一个颜色作为该软件界面的主色。
确定主色的方法还可以是:利用调色应用软件,在一个颜色的基础上叠加其他一种或多种颜色,从而获取主色。
以上两种确定软件界面主色的方法只是示例性的说明,在实际应用中,还有其他确定软件界面主色的方法,这里不作具体限定。
步骤22:根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色。
在本步骤中,根据预设的调色操作,对步骤21确定的主色进行调整获得目标颜色,这里的调色操作可以是“加白”、“加黑”、“变淡”、“变黑”、“模糊”或“蒙板”等等。
且获得目标颜色的方法有很多种,下面示例性的说明两种获得目标颜色的方法:
方法一:
在确定该软件界面的主色后,将该主色进行分解,获得该主色对应的原色层,这里原色层对应的颜色可以是指在调色软件中存储的样本颜色,如图3中的A1、A2……A9均可以作为该原色层对应的颜色,且主色是通过在原色的基础上执行相关调色操作获得的。
如果主色是在原色上加入另外一种颜色或多种颜色获取的,那么,在将主色分解后,除了得到原色以外,还得到其它属性色,如图4所示,表示将主色分解为原色和属性色,例如,一个软件界面的主色为“淡红色”,将该“淡红色”分解,可以得到“红色”和“白色”,这里的“红色”为原色,“白色”为对应的“属性色”,具体表示:在原色“红色”的基础上叠加属性色“白色”获取该软件界面的主色,即“淡红色”。
在将软件界面对应的主色分解获得该主色对应的原色后,对该原色执行预设的调色操作,从而获得目标颜色。
针对上述获得目标颜色的方法,相应地,确定预设调色操作的方式有很多种,例如,可以是根据用户的经验获得的,比如,用户根据经验得到:在原色的基础上“加白10%”获得的目标颜色,用于软件界面中的按键处于“悬浮”状态时的皮肤颜色,可以获得较好的视觉效果,这时用户可以将“加白10%”作为其中的一个预设调色操作。
再例如,当某软件界面需要改版或升级等时,需要将之前的主色“蓝色”变换为“红色”,因为,之前在根据主色“蓝色”为整个软件界面上的各功能模块配色时,将主色“蓝色”分解,获得该“蓝色”对应的原色,并逐一地对该原色执行调色操作,获取软件界面中各功能模块对应的目标颜色,这里可以将对该“蓝色”执行的调色操作,作为预设调色操作,当用户将该“蓝色”变换为“红色”时,可以直接采用该预设调色操作,对主色“红色”作调整,获得该软件界面中各功能模块的目标颜色。
在本步骤中,将软件界面颜色进行分解获得原色和属性色通过调色软件即可实现,或者还可以通过其他相关应用软件或其他方法实现,这里不作具体限定。
方法二:
在确定该软件界面的主色后,直接对该主色执行预设的调色操作,获得目标颜色。
同理,方法二确定预设调色操作的方法也有很多种,例如,可以采取类似方法一确定预设调色操作的方式,即可以根据用户的调色经验,获得针对主色所执行的调色操作,且通过该调色操作获得软件界面中各功能模块对应的目标颜色,通常可以给用户带来较好的视觉感受,这时就可以将该调色操作作为预设调色操作,等等。
上述两种获得目标颜色的方法中的预设调色操作,可以是一个维度上的至少两个预设调色操作,这里的“一个维度”是指预设调色操作属于同一操作类型,例如,同一操作类型的预设调色操作可以是“加白”和“加黑”,还可以是“变亮”和“变淡”等等,比如,如图5所示,将主色分解为原色和属性色,其中,属性色为“黑色”,通过在原色的基础上执行“加黑10%”获得主色,这时可以根据预设调色操作,即“加黑20%”、“加白0%”、“加白40%”和“加白60%”,对原色执行这些预设调色操作,从而获取该预设调色操作对应的目标颜色。其中,“加白”和“加黑”说明是在一个维度上对该原色执行预设调色操作。
或者,预设操作可以是多维度上的预设调色操作,即预设操作可以是不同操作类型的预设操作,例如,在将主色分解获得原色后,对该预设执行“加黑10%、加亮0%”、“加黑30%、加亮0%”等预设调色操作,从而获得目标颜色。
上述在主色或原色上执行预设调色操作,还可以是在主色或原色的基础上“加红”、“加紫”等操作,这里不作具体限定。
下面通过一个具体实例对上述两种获得目标颜色的方法进行详细说明:
具体地,可以通过获取主色、原色以及预设的调色操作对应具体的色值,从而获取目标颜色,假设某软件界面的主色对应的色值为C1,将该主色进行分解,获得原色对应的色值为C2,预设调色操作为“加白10%”和“加黑10%”,相应地,“加白10%”对应的色值为“+d”,“加黑10%”对应的色值为“-d”。
针对上述方法一获得目标颜色的方法,则计算目标颜色的公式可以为“C2+d=D1”和“C2-d=D2”,则D1表示对原色执行“加白10%”获取的目标颜色的色值,且D2表示对原色执行“加黑10%”获取的目标颜色的色值。
针对上述方法二获得目标颜色的方法,则计算获得目标颜色的方法为“C1+d=D3”和“C1-d=D4”,则D3表示对主色执行“加白10%”获取的目标颜色的色值,而D4表示对主色执行“加黑10%”获取的目标颜色的色值。
上述实例中计算获得目标颜色对应色值的公式只是示例性的说明,在实际应用中,主色、原色以及预设的调色操作对应色值的表示方式会更加的复杂,相应地,计算获得目标颜色对应色值的公式也会更加的复杂,这里不作具体限定。
在获得目标颜色对应的色值后,根据该色值可以确定该色值对应的目标颜色,具体确定目标颜色的方法可以是:调色应用软件提前将每个色值与具体颜色建立了对应关系,当获得色值后,可以根据该色值查找到与该色值具有对应关系的颜色,该颜色就为用户需要的目标颜色,等等,这里同样不对获取目标颜色的方式作具体限定。
本申请实施例提供的获得的目标颜色的方法,是根据确定的主色,以及预设的调色操作,就可得到一系列的目标颜色,相比于现有技术通过逐一调整主色获得目标颜色的方法,本申请实施例提供的获得目标颜色的方法的效率更高。
步骤23:根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。
在本步骤中,首先,要将步骤22获得的预设调色操作分别与软件界面中的功能模块的皮肤颜色建立映射关系。如图6所示,从左到右依次为:在主色基础上“加黑10%”后对应的目标颜色、主色、在主色的基础上“加白20%”后对应的目标颜色、在主色的基础上“加白40%”后对应的目标颜色,将这四个预设调色操作分别与软件界面中的各功能模块建立映射关系,具体如图6所示:将预设调色操作“加黑10%”与软件界面中的按键被按下时该按键的皮肤颜色建立映射关系,将“主色”与软件界面中的文字的颜色建立映射关系,将预设调色操作“加白0%”和/或“加黑0%”与软件界面中的文字的颜色建立映射关系,将预设调色操作“加白20%”与当鼠标放置在软件界面中的按键时该按键的皮肤颜色建立映射关系,将预设调色操作“加白40%”与当用户将鼠标放置在软件界面中的输入框时该输入框的边框颜色建立映射关系。
在将预设调色操作分别与软件界面中各功能模块的皮肤颜色建立映射关系后,再根据该预设调色操作获得该预设调色操作对应的目标颜色,根据该预设调色操作与该软件界面中各功能模块的皮肤颜色之间的映射关系,将该目标颜色作为该预设调色操作对应的功能模块的皮肤颜色。
具体如图7所示:一个预设调色操作对主色进行调整后,获得一个目标颜色,且该预设调色操作与某功能模块的皮肤颜色之间具有映射关系,因此,通过该预设调色操作获得的目标颜色可直接作为该功能模块的皮肤颜色。同理,当获得多个目标颜色,可以直接将各目标颜色作为对应各功能模块的皮肤颜色。避免了现有技术中在为软件界面配色时,需要逐一地为该软件界面上的各功能模块的皮肤配色的问题。
应用本申请实施例提供的软件界面的配色方法,不仅可以为软件界面中的各功能模块的皮肤配色,也可以为界面中的背景配色,且配色原理与为各功能模块的皮肤配色的原理一致,具体地,根据预设调色操作与软件界面中各软件界面背景颜色之间的映射关系,采用该预设调色操作对应的目标颜色为与该预设调色操作对应的各软件界面背景配色。
本申请实施例提供的软件界面的配色方法,不仅可以为各功能模块和界面背景颜色配色,只要基于本申请文件的发明思路提供的配色方法,均属于本申请文件的保护范围。
本申请实施例提供了一种软件界面配色方法,该方法具体包括:首先,确定软件界面的主色,然后,根据预设调色操作,对主色进行调整,得到与该预设调色操作对应的目标颜色,最后,根据该预设调色操作与该软件界面中各功能模块之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。相比于现有技术通过人工配色逐一地为软件界面中各个功能模块重新配色的方法,应用本申请实施例提供的软件界面的配色方法,只需确定软件界面的主色,就可以根据预设的调色操作对该确定的主色作调整,获得目标颜色,而且,该预设调色操作与该软件界面中的各功能模块之间具有对应关系,由于该目标颜色与该预设调色操作同样具有对应关系,因此,在获得多个目标颜色后,可以将这多个目标颜色作为对应功能模块的皮肤颜色,从而完成整个软件界面的配色;因此,本申请提供的软件界面的配色方法,用户只需确定主色,就可实现整个软件界面的重新配色,相比于现有技术中的软件界面配色方法,本申请实施例提供的软件界面配色的方法的效率更高。
应用本申请实施例提供的软件界面的配色方法,可以满足大部分用户的配色需求,如果用户在利用本申请实施例提供的软件界面的配色方法为某软件界面配色后,仍需修改其中的一些功能模块的皮肤颜色或背景颜色时,可以局部对这些功能模块或背景颜色进行调整,相对于现有技术中的软件界面的配色方法,本申请实施例提供的软件界面的配色方法的配色效率仍然有提高。
需要说明的是:本申请实施例提供的一种软件界面配色方法,应用在当一个软件界面需要更改主色的情形时,所获得的有益效果会较为明显,因为这时本申请实施例中的“预设调色操作”,可以直接是该软件界面之前已经确定的调色操作。具体应用场景可以是:例如,某软件界面之前的主色是“蓝色”,配色人员在根据主色为该软件功能模块的皮肤配色时,已经通过多次试验,获得有关该软件中各功能模块皮肤的最佳颜色,即配色人员已经掌握了该软件中各功能模块的调色操作。当需要更换该软件界面的主色时,将“蓝色”换为“红色”,采用本申请实施例提供的配色方法,可以根据之前配色人员已经掌握的有关主色“蓝色”的调色操作(预设调色操作),直接对重新确定的主色“红色”进行调整,获得多个目标原色,然后根据预设调色操作与各功能模块皮肤颜色或各界面背景颜色之间的映射关系,直接为整个软件界面配色。
本申请实施例提供的一种软件界面配色方法,还可以应用在一个新开发的软件界面第一次配色时的情形,这时本申请实施例中的预设调色操作,可以是配色人员根据经验等方式确定的预设调色操作,例如,配色人员根据经验认为在确定的“主色E1”的基础上“加黑5%”适用于软件界面按键处于“按下”时的皮肤颜色,且认为“主色E1”的基础上“加白5%”适用于软件界面按键处于“悬浮”时的皮肤颜色,则配色人员可以直接将预设调色操作定为“加黑5%”和“加白5%”,当用户输入“主色E1”时,根据该主色值以及预设调色操作“加黑5%”和“加白5%”,得到两个目标颜色,然后,根据预设调色操作“加黑5%”和“加白5%”,与软件界面中的按键处于“按下”和“悬浮”时的皮肤颜色之间的映射关系,直接为软件界面中的按键处于这两状态时的皮肤颜色进行配色。
上述两种采用本申请实施例为软件界面配色的情形中,只要用户确定了软件界面的主色,计算机便可根据确定的主色对整个软件的界面配色,且无需用户具备较强的颜色搭配能力,因为对主色调整的预设调色操作可以是专业配色人员经过多次试验或根据经验确定的,则其他用户无需重新进行颜色搭配,因此,应用本申请实施例提供的软件界面的配色方法在提高软件配色效率的同时,也降低了软件界面配色的门槛。
以上两种软件界面配色的应用情形只是示例性的说明,在实际应用中,还有很多种应用情形,这里不作具体限定。
前述内容为本申请实施例提供的一种软件界面配色方法,相应地,本申请实施例还提供了一种软件界面配色装置,同样用于解决现有技术中通过人工配色的方法逐一地为软件界面中各功能模块的皮肤重新配色所导致配色效率相对较低的问题。该装置的结构示意图如图8所示,该装置具体包括:
确定单元81、处理单元82和配色单元83,其中:
所述确定单元81,确定软件界面的主色;
所述处理单元82,根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色;
所述调色单元83,根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。
本装置实施例提供的软件界面配色的装置的具体工作流程为:首先,确定单元81确定待配色软件界面的主色,然后,处理单元82根据预设调色操作,对步骤81确定的主色进行调整,获得目标颜色,且该目标颜色与预设调色操作具有对应关系,这里的对应关系是指通过一个预设操作,便可得到一个目标颜色,最后,配色单元83根据预设调色操作与该软件界面中各功能模块之间的映射关系,将该预设调色操作对应的目标颜色作为与该预设调色操作对应的各功能模块的皮肤颜色。
本装置实施例提供的装置实现软件界面配色的方式有很多种,例如,在第一种实施方式中,所述处理单元82包括:
分解子单元821和调色子单元822,其中:
所述分解子单元821,将所述主色进行分解,获取所述主色对应的原色,且所述主色是通过在所述原色上执行调色操作获得的;
所述调色子单元822,对所述原色分别执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
在第二种实施方式中,所述处理单元82根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色,具体包括:
对所述主色执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
在上述第一、二种实施方式中,根据预设的调色操作,对主色进行调整,无论是对该主色对应的原色执行预设调色操作,还是直接对该主色执行预设调色操作,从而获得目标颜色,相对于现有技术在为一个软件系统配色时,需要通过人工调色的方式逐一地对主色进行调整的方式,本申请实施例提供的获取目标颜色的效率更高。
在第三种实施方式中,所述装置还包括建立单元84,所述建立单元在所述确定单元81确定软件界面的主色之前,将所述预设调色操作与所述软件界面上的各功能模块的皮肤颜色建立映射关系。
在该实施方式中,将预设调色操作提前与系统软件界面中各功能模块建立了对应关系,当用户获得目标颜色后,因为各目标颜色与各预设调色操作具有对应关系,且各预设调色操作与该软件界面中的各功能模块之间的映射关系,因此,可以直接将各目标颜色作为对应功能模块的皮肤颜色,从而完成了整个软件界面的配色,相比于现有技术中的软件界面的配色装置,本申请实施例提供的软件界面的配色装置提高了软件界面配色的效率。
在第四种实施方式中,所述配色单元83还用于:
根据所述预设调色操作与所述软件界面中各软件界面背景颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各软件界面的背景颜色。
在该实施方式中,配色单元83不仅可以为软件界面中的各功能模块的皮肤配色,还可以为软件界面中的背景颜色配色,且配色原理与为各功能模块的皮肤配色的原理一致,同样,应用配色单元83为软件界面的背景配色时,相比于现有技术中为软件界面的背景配色的方法,本申请实施例提供的软件界面配色装置在为软件界面的背景配色的效率更高。
应用本申请提供的装置实施例获得的有益效果与方法实施例获得的有益效果相同或相似,为避免重复,在此不再赘述。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (12)

1.一种软件界面配色方法,其特征在于,该方法包括:
确定软件界面的主色,所述软件界面中包括多个功能模块;
根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色;
根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。
2.根据权利要求1所述的方法,其特征在于,所述根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色,具体包括:
将所述主色进行分解,获取所述主色对应的原色,所述主色是通过对所述原色执行调色操作获得的;
对所述原色分别执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
3.根据权利要求1所述的方法,其特征在于,所述根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色,具体包括:
对所述主色执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
4.根据权利要求1~3任一所述的方法,其特征在于,所述根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色,包括:
根据一个维度上的至少两个预设调色操作,对所述主色进行调整,得到至少两个与所述预设调色操作对应的目标颜色。
5.根据权利要求1所述的方法,其特征在于,在确定软件界面的主色之前,所述方法还包括:
将所述预设调色操作与所述软件界面上的各功能模块的皮肤颜色建立映射关系。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
根据所述预设调色操作与所述软件界面中各软件界面背景颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各软件界面的背景颜色。
7.根据权利要求1所述的方法,其特征在于,所述预设调色操作包括以下至少一种:
加白;加黑;变亮;变淡;模糊;蒙板。
8.一种软件界面配色装置,其特征在于,该装置包括:
确定单元、处理单元和配色单元,其中:
所述确定单元,确定软件界面的主色,所述软件界面中包括多个功能模块;
所述处理单元,根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色;
所述配色单元,根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。
9.根据权利要求8所述的装置,其特征在于,所述处理单元包括:
分解子单元和调色子单元,其中:
所述分解子单元,将所述主色进行分解,获取所述主色对应的原色,且所述主色是通过在所述原色上执行调色操作获得的;
所述调色子单元,对所述原色分别执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
10.根据权利要求8所述的装置,其特征在于,所述处理单元根据预设调色操作,对所述主色进行调整,得到与所述预设调色操作对应的目标颜色,具体包括:
对所述主色执行所述预设调色操作,得到与所述预设调色操作对应的目标颜色。
11.根据权利要求8所述的装置,其特征在于,所述装置还包括建立单元,所述建立单元在所述确定单元确定软件界面的主色之前,将所述预设调色操作与所述软件界面上的各功能模块的皮肤颜色建立映射关系。
12.根据权利要求8所述的装置,其特征在于,所述配色单元还用于:
根据所述预设调色操作与所述软件界面中各软件界面背景颜色之间的映射关系,将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各软件界面的背景颜色。
CN201610547920.4A 2016-07-12 2016-07-12 一种软件界面配色方法及装置 Active CN106873959B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610547920.4A CN106873959B (zh) 2016-07-12 2016-07-12 一种软件界面配色方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610547920.4A CN106873959B (zh) 2016-07-12 2016-07-12 一种软件界面配色方法及装置

Publications (2)

Publication Number Publication Date
CN106873959A CN106873959A (zh) 2017-06-20
CN106873959B true CN106873959B (zh) 2020-05-19

Family

ID=59239333

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610547920.4A Active CN106873959B (zh) 2016-07-12 2016-07-12 一种软件界面配色方法及装置

Country Status (1)

Country Link
CN (1) CN106873959B (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107992303A (zh) * 2017-12-22 2018-05-04 南京林业大学 一种实现人机界面信息感知分层的配色方法
CN108986180B (zh) * 2018-06-07 2022-09-16 创新先进技术有限公司 一种调色板的生成方法、装置及电子设备
CN111091607B (zh) * 2019-12-24 2023-08-29 厦门美图之家科技有限公司 颜色搭配方法、装置、电子设备及存储介质
CN113031941B (zh) * 2019-12-25 2023-06-30 北京嗨动视觉科技有限公司 颜色模板生成方法和颜色模板生成装置
CN112506597B (zh) * 2020-12-01 2022-04-08 珠海格力电器股份有限公司 软件界面配色方法、装置、计算机设备和存储介质
CN113763237B (zh) * 2021-11-09 2022-04-08 深圳市明源云科技有限公司 可视化报告智能美颜方法、装置和计算机可读存储介质
CN114063850A (zh) * 2021-11-12 2022-02-18 北京字跳网络技术有限公司 一种客户端皮肤配置方法、装置、设备及介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104850395B (zh) * 2015-04-17 2018-11-30 魅族科技(中国)有限公司 界面显示方法和系统
CN105303587B (zh) * 2015-10-10 2018-04-06 安徽工业大学 一种自动化的图形智能配色方法
CN105549928B (zh) * 2015-12-02 2017-11-14 广州阿里巴巴文学信息技术有限公司 显示内容的配色方法及装置

Also Published As

Publication number Publication date
CN106873959A (zh) 2017-06-20

Similar Documents

Publication Publication Date Title
CN106873959B (zh) 一种软件界面配色方法及装置
US11037275B2 (en) Complex architecture for image processing
US8930810B2 (en) User interface (UI) color scheme generation and management according to visual consistency of visual attributes in the color scheme
GB2544596A (en) Style transfer for headshot portraits
WO2018196606A1 (zh) 一种文档配色方案生成方法及装置
US11417033B2 (en) Applying colors on textures
US11727543B2 (en) Systems and methods for content-aware enhancement of images
US10489946B1 (en) Generalized primitives for smooth coloring of vector graphics artwork in constant time
CN110069312A (zh) 一种ui组件配置和生成ui组件库的方法及装置
CN111080806A (zh) 贴图处理方法及装置、电子设备、存储介质
GB2568576A (en) Oil painting stroke simulation using neural network
CN104954690B (zh) 肤色调整的图像处理方法、系统及拍摄终端
Seo et al. Image recoloring using linear template mapping
CN111553835B (zh) 一种生成用户的捏脸数据的方法与装置
CN111199565B (zh) 数据处理方法、装置、系统、电子设备和存储介质
CN111192353A (zh) 一种材质生成方法及装置
US11335299B2 (en) Tonal palette generation
US11527023B2 (en) Image processing for increasing visibility of obscured patterns
JP2017157014A (ja) 画像処理装置、画像処理方法、画像処理システムおよびプログラム
US20190080488A1 (en) Intelligent systems and methods for dynamic color hierarchy & aesthetic design computation
CN106569816B (zh) 一种渲染方法及装置
WO2014010576A1 (ja) 配色支援装置、配色支援方法、およびプログラム
KR20130141286A (ko) 가상 메이크업 시뮬레이션 방법 및 장치
JP5967829B2 (ja) テーマ色の割当割合を調整可能な色変換処理プログラム、装置及び方法
CN109597975B (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
TR01 Transfer of patent right

Effective date of registration: 20200921

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands

Patentee after: Innovative advanced technology Co.,Ltd.

Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands

Patentee before: Advanced innovation technology Co.,Ltd.

Effective date of registration: 20200921

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands

Patentee after: Advanced innovation technology Co.,Ltd.

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Patentee before: Alibaba Group Holding Ltd.

TR01 Transfer of patent right