一种软件界面配色方法及装置制造方法及图纸

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

Software interface color matching method and device

The present invention discloses a software interface color matching method and device. The method includes: determining the main color of the software interface; according to the preset color, adjust the color, get corresponding to the preset target color palette operation; according to the mapping relationship between the various functional modules of the preset color operation with the software interface of the skin color, the default color the operation of the corresponding target color for each functional module corresponding to the preset operation of the skin color palette. The software interface matching method provided by the embodiment of the invention is applied, only need to determine the main color of the software interface, the new color can achieve the whole software interface, solving methods of artificial color art in one by one for each functional module in the software interface of the skin color to match color caused by the low efficiency problem.

【技术实现步骤摘要】
一种软件界面配色方法及装置
本申请涉及计算机
，尤其涉及一种软件界面配色方法及装置。
技术介绍
目前，随着科技的不断发展，为了提高用户的视觉体验，用户在为一个软件界面配色时，不再采用单一的颜色，而是根据用户确定的主色，导出一系列其他颜色，并利用这一系列颜色分别为软件界面中不同的功能模块的皮肤进行配色，这样，使得整个软件界面的颜色更加鲜明。在现有技术中，用户为软件界面配色的步骤是：第一步，确定该软件界面的主色，例如，某软件的主色调为蓝色或红色等；第二步，当用户为该软件界面中的一个功能模块的皮肤进行配色时，通常会利用配色软件，在确定的主色的基础上执行调色操作，从而获取各个功能模块的皮肤颜色(目标颜色)。例如，确定某软件界面的主色为“蓝色”，通过在主色“蓝色”的基础上添加10％的“白色”(加白10％)，获取某种“淡蓝色”，将该“淡蓝色”作为该软件界面中某输入框的皮肤颜色等，这里的“加白10％”为针对主色“蓝色”执行的“调色操作”，“输入框”为该软件界面上的“功能模块”，“淡蓝色”为“目标颜色”。通过重复步骤二逐一地为该软件界面中的各功能模块的皮肤进行配色，最终完成整个软件界面的配色工作。当该软件界面需要更换主色时，例如，某应用软件需要升级或改版，这时用户需要为该软件界面重新配色，目前给软件界面重新配色的方法仍采用上述步骤，即通过确定的主色逐一地为该软件界面中的各功能模块的皮肤重新配色。采用现有技术中配色方法，可以根据用户重新确定的主色有效地为各软件界面进行配色，但在实际应用中，一个软件界面通常包含有很多功能模块，因此，用户在通过上述现有技术中的步骤二逐一地为该软件界面中的各功能模块的皮肤进行配色时，步骤相对较为繁琐，需要耗费用户大量的时间和精力，且配色效率相对较低。
技术实现思路
鉴于上述问题，本专利技术提供了一种软件界面配色方法，用于解决现有技术中通过人工配色的方法逐一地为软件界面中各功能模块的皮肤重新配色所导致配色效率相对较低的问题。一种软件界面配色方法，该方法包括：确定软件界面的主色；根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色；根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系，将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。优选地，所述根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色，具体包括：将所述主色进行分解，获取所述主色对应的原色，所述主色是通过对所述原色执行调色操作获得的；对所述原色分别执行所述预设调色操作，得到与所述预设调色操作对应的目标颜色。优选地，所述根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色，具体包括：对所述主色执行所述预设调色操作，得到与所述预设调色操作对应的目标颜色。优选地，所述根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色，包括：根据一个维度上的至少两个预设调色操作，对所述主色进行调整，得到至少两个与所述预设调色操作对应的目标颜色。优选地，在确定软件界面的主色之前，所述方法还包括：将所述预设调色操作与所述软件界面上的各功能模块的皮肤颜色建立映射关系。优选地，所述方法还包括：根据所述预设调色操作与所述软件界面中各软件界面背景颜色之间的映射关系，将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各软件界面的背景颜色。优选地，所述预设调色操作包括以下至少一种：加白；加黑；变亮；变淡；模糊；蒙板。一种软件界面配色装置，该装置包括：确定单元、处理单元和配色单元，其中：所述确定单元，确定软件界面的主色；所述处理单元，根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色；所述调色单元，根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系，将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。优选地，所述处理单元包括：分解子单元和调色子单元，其中：所述分解子单元，将所述主色进行分解，获取所述主色对应的原色，且所述主色是通过在所述原色上执行调色操作获得的；所述调色子单元，对所述原色分别执行所述预设调色操作，得到与所述预设调色操作对应的目标颜色。优选地，所述处理单元根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色，具体包括：对所述主色执行所述预设调色操作，得到与所述预设调色操作对应的目标颜色。优选地，所述装置还包括建立单元，所述建立单元在所述确定单元确定软件界面的主色之前，将所述预设调色操作与所述软件界面上的各功能模块的皮肤颜色建立映射关系。优选地，所述配色单元还用于：根据所述预设调色操作与所述软件界面中各软件界面背景颜色之间的映射关系，将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各软件界面的背景颜色。本申请实施例提供了一种软件界面配色方法，该方法具体包括：首先，确定软件界面的主色，然后，根据预设调色操作，对主色进行调整，得到与该预设调色操作对应的目标颜色，最后，根据该预设调色操作与该软件界面中各功能模块的皮肤颜色之间的映射关系，将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。相比于现有技术通过人工配色逐一地为软件界面中各个功能模块的皮肤重新配色的方法，本申请实施例提供的软件界面配色方法，只需确定软件界面的主色，就可以根据预设的调色操作对该确定的主色作调整，获得目标颜色，而且，该预设调色操作与该软件界面中的各功能模块的皮肤颜色之间具有对应关系，由于该目标颜色与该预设调色操作同样具有对应关系，因此，在获得多个目标颜色后，可以将这多个目标颜色作为对应功能模块的皮肤颜色，从而完成整个软件界面的配色；因此，本申请提供的软件界面的配色方法，用户只需确定主色，就可实现整个软件界面的重新配色，相比于现有技术中的软件界面配色方法，本申请实施例提供的软件界面配色的方法的效率更高。附图说明此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：图1为本申请实施例提供的一种现有技术软件界面配色的方法的示意图；图2为本申请实施例提供的一种软件界面配色方法的流程示意图；图3为本申请实施例提供的一种软件界面配色方法的示意图；图4为本申请实施例提供的一种软件界面配色方法的示意图；图5为本申请实施例提供的一种软件界面配色方法的示意图；图6为本申请实施例提供的一种软件界面配色方法的示意图；图7为本申请实施例提供的一种软件界面配色方法的示意图；图8为本申请实施例提供的一种软件界面配色装置的结构示意图。具体实施方式在前述
技术介绍
已经记载，一个软件界面通常有很多的功能模块，且配色人员在为软件界面配色时，为了给用户更好的视觉体验，通常会将具有不同功能的模块的皮肤设计成不同的颜色。如图1所示，三个圆形分别表示软件界面中某个操作按键在三种不同的情形下的皮肤颜色状态，其中，“第一颜色状态”表示某操作按键在“正常状态(Normal)”下的皮肤颜色状态，这里的“正常状态”是指用户没有对该按键进行任何操作；当用户将鼠标放置于该按本文档来自技高网...

【技术保护点】
一种软件界面配色方法，其特征在于，该方法包括：确定软件界面的主色；根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色；根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系，将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。

【技术特征摘要】
1.一种软件界面配色方法，其特征在于，该方法包括：确定软件界面的主色；根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色；根据所述预设调色操作与所述软件界面中各功能模块的皮肤颜色之间的映射关系，将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各功能模块的皮肤颜色。2.根据权利要求1所述的方法，其特征在于，所述根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色，具体包括：将所述主色进行分解，获取所述主色对应的原色，所述主色是通过对所述原色执行调色操作获得的；对所述原色分别执行所述预设调色操作，得到与所述预设调色操作对应的目标颜色。3.根据权利要求1所述的方法，其特征在于，所述根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色，具体包括：对所述主色执行所述预设调色操作，得到与所述预设调色操作对应的目标颜色。4.根据权利要求1～3任一所述的方法，其特征在于，所述根据预设调色操作，对所述主色进行调整，得到与所述预设调色操作对应的目标颜色，包括：根据一个维度上的至少两个预设调色操作，对所述主色进行调整，得到至少两个与所述预设调色操作对应的目标颜色。5.根据权利要求1所述的方法，其特征在于，在确定软件界面的主色之前，所述方法还包括：将所述预设调色操作与所述软件界面上的各功能模块的皮肤颜色建立映射关系。6.根据权利要求1所述的方法，其特征在于，所述方法还包括：根据所述预设调色操作与所述软件界面中各软件界面背景颜色之间的映射关系，将所述预设调色操作对应的目标颜色作为与所述预设调色操作对应的各软件界面的背景颜...

【专利技术属性】
技术研发人员：林晓晴，朱兴民，刘佳音，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY