一种更换界面色彩的系统及其实现方法.pdf

本发明涉及移动通信技术领域，尤其涉及一种更换界面色彩的系统及其实现方法。一种更换界面色彩的系统，它包括：一显示模块，其包括显示屏，显示屏上显示有若干界面元素，各界面元素包括若干显示层，各显示层包括至少一用于显示色彩的色彩层和至少一用于显示图形纹理的图形层；一取色模块，取色模块选取一色彩组作为系统色彩，所述一色彩组包括一主颜色和若干辅助色，所述辅助色是根据前述的主颜色在色相环上偏移不同角度来确定；一填色模块，从所述系统色彩中选取包含主颜色在内的多个颜色填充到所述各界面元素的色彩层中。所述方法用于实现所述系统。它操作简单、适用范围广，能带给用户较好的使用体验。

1.  一种更换界面色彩的系统，其特征在于：它包括：
一显示模块，其包括显示屏，显示屏上显示有若干界面元素，各界面元素包括若干显示层，各显示层包括至少一用于显示色彩的色彩层和至少一用于显示图形纹理的图形层；
一取色模块，取色模块选取一色彩组作为系统色彩，所述一色彩组包括一主颜色和若干辅助色，所述辅助色是根据前述的主颜色在色相环上偏移不同角度来确定；
一填色模块，从所述系统色彩中选取包含主颜色在内的多个颜色填充到所述各界面元素的色彩层中。

2.  根据权利要求1所述的一种更换界面色彩的系统，其特征在于：它还包括一存储模块，存储模块存储有若干色彩组，所有色彩组的主颜色不同；所述取色模块包括一圆形转轮以及一指针，所有色彩组的主颜色顺次排列在圆形转轮上，填色模块以圆形转轮停止时指针所指向的主色彩对应的色彩组为系统色彩。

3.  根据权利要求1所述的一种更换界面色彩的系统，其特征在于：它还包括一存储模块，存储模块存储有若干色彩组，所有色彩组的主颜色不同；所述取色模块包括一图片浏览界面，图片浏览界面包括一用于从图片中某一区域选取色彩的颜色选取工具；所述取色模块还包括一比对模块，比对模块将颜色选取工具选取的色彩与存储模块中的各色彩组中的主颜色进行比对，并将与颜色选取工具选取的色彩相近的主颜色所在的色彩组显示在显示屏上，填色模块通过作用于屏幕上的点击动作将点击处对应的色彩组作为系统颜色并填充到所述各界面元素的色彩层中。

4.  根据权利要求1所述的一种更换界面色彩的系统，其特征在于：所述取色模块包括一圆形转轮以及一指针，不同的颜色顺次排列在圆形转轮上，填色模块以圆形转轮停止时指针所指向的颜色为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。

5.  根据权利要求1所述的一种更换界面色彩的系统，其特征在于：所述取 色模块包括一图片浏览界面，图片浏览界面包括一用于从图片中某一区域选取色彩的颜色选取工具；取色模块将颜色选取工具所选取的色彩作为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。

6.  根据权利要求1至5所述的一种更换界面色彩的系统，其特征在于：所述填色模块包括一采样模块，用于：单独对各界面元素的图形层进行采样以得到各界面元素图形层的色彩平均值，并在填色模块对该界面元素的色彩层进行填色时，从系统色彩中排除与该界面元素图形层的色彩平均值相近的颜色。

7.  一种更换界面色彩的方法，用于实现权利要求1所述的一种更换界面色彩的系统，其特征在于：它包括以下步骤：
a,将显示屏上的各界面元素分为若干显示层，各显示层包括至少一用于显示色彩的色彩层和至少一用于显示图形纹理的图形层；
b.选取一色彩组作为系统色彩，所述一色彩组包括一主颜色和若干辅助色，所述辅助色是根据前述的主颜色在色相环上偏移不同角度来确定；
c.从所述系统色彩中选取包含主颜色在内的多个颜色填充到所述各界面元素的色彩层中。

8.  根据权利要求7所述的一种更换界面色彩的方法，其特征在于：所述一种更换界面色彩的系统还包括一存储模块，存储模块存储有若干色彩组，所有色彩组的主颜色不同；所述取色模块包括一圆形转轮以及一指针，所有色彩组的主颜色顺次排列在圆形转轮上；步骤b具体为：转动圆形转轮，填色模块以圆形转轮停止时指针所指向的主色彩对应于存储模块中的色彩组为系统色彩。

9.  根据权利要求7所述的一种更换界面色彩的方法，其特征在于：所述一种更换界面色彩的系统还包括一存储模块，存储模块存储有若干色彩组，所有色彩组的主颜色不同，所述取色模块包括一图片浏览界面，图片浏览界面包括一用于从图片中某一区域选取色彩的颜色选取工具；所述取色模块还包括一比对模块，步骤b具体为：通过颜色选取工具选取图片中某一区域的色 彩，比对模块将颜色选取工具选取的色彩与存储模块中的各色彩组中的主颜色进行比对，并将与颜色选取工具选取的色彩相近的主颜色所在的色彩组显示在显示屏上，通过作用于屏幕上的点击动作将点击处对应的色彩组作为系统颜色。

10.  根据权利要求7所述的一种更换界面色彩的方法，其特征在于：所述取色模块包括一圆形转轮以及一指针，不同的颜色顺次排列在圆形转轮上，步骤b具体为：转动圆形转轮，填色模块以圆形转轮停止时指针所指向的颜色为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。

11.  根据权利要求7所述的一种更换界面色彩的方法，其特征在于：所述取色模块包括一图片浏览界面，图片浏览界面包括一用于从图片中某一区域选取色彩的颜色选取工具；所述b具体为：取色模块将颜色选取工具所选取的色彩作为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。

12.  根据权利要求7至11之一所述的一种更换界面色彩的方法，其特征在于：所述填色模块包括一采样模块，所述步骤b和步骤c之间还包括步骤d：单独对各界面元素的图形层进行采样以得到各界面元素图形层的色彩平均值，并在填色模块对该界面元素的色彩层进行填色时，从系统色彩中排除与该界面元素图形层的色彩平均值相近的颜色。

一种更换界面色彩的系统及其实现方法
技术领域：
本发明涉及移动通信技术领域，尤其涉及一种更换界面色彩的系统及其实现方法。
背景技术：
现在终端设备的人机交互界面都采用可视化的UI界面。不仅体现在功能多样性，对界面的美观和丰富也有了更高的要求。而单一的界面在长期的使用过程中会慢慢产生审美疲劳，使人兴趣缺失，整个产品也会变的单调无聊，从而导致产品吸引力降低，生命周期减短。
而现阶段，为了保持界面UI的长期吸引力，业界通常采用更换整套界面UI的方式。而这种方式需要手机厂商或设计公司另外设计并内置独立的UI文件包，其制作周期长，耗费资源高。且用户对“美”的需求具有多样性，内置UI包的方式机械僵化，无法满足人们对形体、色彩搭配的需求。从而受到限制，无法满足个性要求。
发明内容：
本发明的一个目的是提供一种更换界面色彩的系统。它操作简单、适用范围广，能带给用户较好的使用体验。
本发明所述的一种更换界面色彩的系统的技术方案是这样实现的：
一种更换界面色彩的系统，其特征在于：它包括：
一显示模块，其包括显示屏，显示屏上显示有若干界面元素，各界面元 素包括若干显示层，各显示层包括至少一用于显示色彩的色彩层和至少一用于显示图形纹理的图形层；
一取色模块，取色模块选取一色彩组作为系统色彩，所述一色彩组包括一主颜色和若干辅助色，所述辅助色是根据前述的主颜色在色相环上偏移不同角度来确定；
一填色模块，从所述系统色彩中选取包含主颜色在内的多个颜色填充到所述各界面元素的色彩层中。
本发明所述的一种更换界面色彩的系统与现有技术相比具有如下优点：
1.设置以组为单位的取色方式，每组中包含一个主颜色和若干辅助色，所述辅助色可随机生成，各颜色也可依据一定规则或随机填充到不同的界面元素的图形层中，使得界面色彩方案更加多样和随机，具有较好的用户使用体验；
2.所述界面元素可包括应用图标、按钮、壁纸、菜单、标题栏、通知栏、及可视交互控件界面，各界面元素分成至少一色彩层和一图形层，色彩层用于显示取色模块所选取的系统色彩，图形层用于显示图标形状或纹理，使得界面元素的搭配多样，有层次感；
3.本发明所述的一种更换界面色彩的系统并非实现图片的更换，对硬件要求及系统资源占用率低，易普及；
4.本发明所述的一种更换界面色彩的系统一次开发可长期使用，成本低廉。
上述所述一种更换界面色彩的系统还包括一存储模块，存储模块存储有若干色彩组，所有色彩组的主颜色不同；所述取色模块包括一圆形转轮以及 一指针，所有色彩组的主颜色顺次排列在圆形转轮上，填色模块以圆形转轮停止时指针所指向的主色彩对应的色彩组为系统色彩。系统预设或随机生成有若干色彩组，并存储在存储模块中，通过圆形转轮选取主色彩来确定需要用于填充的系统色彩，界面简洁生动、趣味性强。
上述所述一种更换界面色彩的系统还包括一存储模块，存储模块存储有若干色彩组，所有色彩组的主颜色不同；所述取色模块包括一图片浏览界面，图片浏览界面包括一用于从图片中某一区域选取色彩的颜色选取工具；所述取色模块还包括一比对模块，比对模块将颜色选取工具选取的色彩与存储模块中的各色彩组中的主颜色进行比对，并将与颜色选取工具选取的色彩相近的主颜色所在的色彩组显示在显示屏上，填色模块通过作用于屏幕上的点击动作将点击处对应的色彩组作为系统颜色并填充到所述各界面元素的色彩层中。用户可以通过拍照、下载或打开已存图片来获得需要取色的图片，选取图片中喜爱的色彩用于确定系统色彩的主色彩，取色模块将与图片中选择的色彩相同或相近的存储模块中的若干色彩组显示在显示屏上供用户选择，使得本发明所述的一种更换界面色彩的系统更加人性化，用户可以将自己看到的喜欢的色彩通过拍摄的方式体现在界面上。
上述所述取色模块包括一圆形转轮以及一指针，不同的颜色顺次排列在圆形转轮上，填色模块以圆形转轮停止时指针所指向的颜色为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。用户通过选择圆形转轮上的颜色即时生成用于填充各色彩层的系统色彩，随机性更强。
上述所述取色模块包括一图片浏览界面，图片浏览界面包括一用于从图 片中某一区域选取色彩的颜色选取工具；取色模块将颜色选取工具所选取的色彩作为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。用户通过图片上的颜色即时生成用于填充各色彩层的系统色彩，不需要进行选择操作，过程更加便捷。
上述所述填色模块包括一采样模块，用于：单独对各界面元素的图形层进行采样以得到各界面元素图形层的色彩平均值，并在填色模块对该界面元素的色彩层进行填色时，从系统色彩中排除与该界面元素图形层的色彩平均值相近的颜色。通过设置采样模块防止色彩层的颜色与图形层的颜色过于接近，影响整体用户区分。
本发明的另一个目的是提供一种更换界面色彩的方法。它步骤简单、适用范围广，能带给用户较好的使用体验。
本发明所述的一种更换界面色彩的方法的技术方案是这样实现的：
一种更换界面色彩的方法，用于实现上述所述的一种更换界面色彩的系统，其特征在于：它包括以下步骤：
a.将显示屏上的各界面元素分为若干显示层，各显示层包括至少一用于显示色彩的色彩层和至少一用于显示图形纹理的图形层；
b.选取一色彩组作为系统色彩，所述一色彩组包括一主颜色和若干辅助色，所述辅助色是根据前述的主颜色在色相环上偏移不同角度来确定；
c.从所述系统色彩中选取包含主颜色在内的多个颜色填充到所述各界面元素的色彩层中。
本发明所述的一种更换界面色彩的方法与现有技术相比具有如下优点：
1.设置以组为单位的取色方式，每组中包含一个主颜色和若干辅助色，所述辅助色可随机生成，各颜色也可依据一定规则或随机填充到不同的界面 元素的图形层中，使得界面色彩方案更加多样和随机，具有较好的用户使用体验；
2.所述界面元素可包括应用图标、按钮、壁纸、菜单、标题栏、通知栏、及可视交互控件界面，各界面元素分成至少一色彩层和一图形层，色彩层用于显示取色模块所选取的系统色彩，图形层用于显示图标形状或纹理，使得界面元素的搭配多样，有层次感；
3.本发明所述的一种更换界面色彩的方法并非实现图片的更换，对硬件要求及系统资源占用率低，易普及；
4.本发明所述的一种更换界面色彩的方法一次开发可长期使用，成本低廉。
上述所述一种更换界面色彩的系统还包括一存储模块，存储模块存储有若干色彩组，所有色彩组的主颜色不同；所述取色模块包括一圆形转轮以及一指针，所有色彩组的主颜色顺次排列在圆形转轮上；步骤b具体为：转动圆形转轮，填色模块以圆形转轮停止时指针所指向的主色彩对应于存储模块中的色彩组为系统色彩。系统预设或随机生成有若干色彩组，并存储在存储模块中，通过圆形转轮选取主色彩来确定需要用于填充的系统色彩，界面简洁生动、趣味性强。
上述所述一种更换界面色彩的系统还包括一存储模块，存储模块存储有若干色彩组，所有色彩组的主颜色不同，所述取色模块包括一图片浏览界面，图片浏览界面包括一用于从图片中某一区域选取色彩的颜色选取工具；所述取色模块还包括一比对模块，步骤b具体为：通过颜色选取工具选取图片中某一区域的色彩，比对模块将颜色选取工具选取的色彩与存储模块中的各色 彩组中的主颜色进行比对，并将与颜色选取工具选取的色彩相近的主颜色所在的色彩组显示在显示屏上，通过作用于屏幕上的点击动作将点击处对应的色彩组作为系统颜色。用户可以通过拍照、下载或打开已存图片来获得需要取色的图片，选取图片中喜爱的色彩用于确定系统色彩的主色彩，取色模块将与图片中选择的色彩相同或相近的存储模块中的若干色彩组显示在显示屏上供用户选择，使得本发明所述的一种更换界面色彩的系统更加人性化，用户可以将自己看到的喜欢的色彩通过拍摄的方式体现在界面上。
上述所述取色模块包括一圆形转轮以及一指针，不同的颜色顺次排列在圆形转轮上，步骤b具体为：转动圆形转轮，填色模块以圆形转轮停止时指针所指向的颜色为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。用户通过选择圆形转轮上的颜色即时生成用于填充各色彩层的系统色彩，随机性更强。
上述所述取色模块包括一图片浏览界面，图片浏览界面包括一用于从图片中某一区域选取色彩的颜色选取工具；所述b具体为：取色模块将颜色选取工具所选取的色彩作为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。用户通过图片上的颜色即时生成用于填充各色彩层的系统色彩，不需要进行选择操作，过程更加便捷。
上述所述填色模块包括一采样模块，单独对各界面元素的图形层进行采样以得到各界面元素图形层的色彩平均值，并在填色模块对该界面元素的色彩层进行填色时，从系统色彩中排除与该界面元素图形层的色彩平均值相近 的颜色。通过设置采样模块防止色彩层的颜色与图形层的颜色过于接近，影响整体用户区分。
附图说明：
下面结合附图对本发明作详细的说明：
图1是本发明所述的一种更换界面色彩的系统的界面元素分层显示的示意图；
图2是本发明所述的一种更换界面色彩的系统通过圆形转轮以及指针取色的示意图；
图3是本发明所述的一种更换界面色彩的系统通过图片浏览界面及颜色选取工具取色的示意图；
图4是本发明所述的一种更换界面色彩的方法实施例一的流程示意图；
图5是本发明所述的一种更换界面色彩的方法实施例二的流程示意图；
图6是本发明所述的一种更换界面色彩的方法实施例三的流程示意图；
图7是本发明所述的一种更换界面色彩的方法实施例四的流程示意图。
具体实施方式：
本发明所述的一种更换界面色彩的系统的实施例一：
一种更换界面色彩的系统，它包括：
一显示模块，其包括显示屏，显示屏上显示有若干界面元素，如图1所示，各界面元素包括若干显示层，各显示层1包括一用于显示色彩的色彩层11和一用于显示图形纹理的图形层12；
一取色模块，取色模块选取一色彩组作为系统色彩，所述一色彩组包括一主颜色和若干辅助色，所述辅助色是根据前述的主颜色在色相环上偏移不 同角度来确定；
一填色模块，从所述系统色彩中选取包含主颜色在内的多个颜色填充到所述各界面元素的色彩层中。
上述所述色彩组存储在一存储模块中，存储模块从色相环（如24色相环）中取若干颜色（如100种颜色）作为主颜色，并以各主颜色取其相近的饱和度、明度和alpha值，在色相环上随机偏移60至180度生成与各主颜色对应的辅助色，本实施例中辅助色数量为8个；且任一色彩组中的辅助色至少包括一个RGB各通道比例相同的“无彩色”（如R150、G150、B150、Alpha70%），以扩大适应面。
所述取色模块包括一圆形转轮2以及一指针3，所有色彩组的主颜色顺次排列在圆形转轮2上，填色模块以圆形转轮2停止时指针3所指向的主色彩对应的色彩组为系统色彩。所述填色模块包括一采样模块，用于：单独对各界面元素的图形层进行采样以得到各界面元素图形层的色彩平均值，并在填色模块对该界面元素的色彩层进行填色时，从系统色彩中排除与该界面元素图形层的色彩平均值相近的颜色。其中主颜色的权重最高，本实施例取50%。
本发明所述的一种更换界面色彩的系统的实施例二：
与实施例一不同的是，取色模块选取主色彩的方式不同，如图3所示，所述取色模块包括一图片浏览界面4，图片浏览界面4包括一用于从图片中某一区域选取色彩的颜色选取工具5；所述取色模块还包括一比对模块，比对模块将颜色选取工具5选取的色彩与存储模块中的各色彩组中的主颜色进行比对，并将与颜色选取工具5选取的色彩相近的主颜色所在的色彩组显示 在显示屏上，填色模块通过作用于屏幕上的点击动作将点击处对应的色彩组作为系统颜色并填充到所述各界面元素的色彩层中。
本发明所述的一种更换界面色彩的系统的实施例三：
与实施例一不同的是，本系统不包括存储有若干色彩组的存储模块，所述色彩组由选取即时生成。
如图2所示，不同的颜色顺次排列在圆形转轮2上，填色模块以圆形转轮2停止时指针3所指向的颜色为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。
本发明所述的一种更换界面色彩的系统的实施例四：
与实施例三不同的是，取色模块选取主色彩的方式不同，如图3所示，所述取色模块包括一图片浏览界面4，图片浏览界面4包括一用于从图片中某一区域选取色彩的颜色选取工具5；取色模块将颜色选取工具5所选取的色彩作为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。
如图4所示为本发明所述的一种更换界面色彩的方法的实施例一：
一种更换界面色彩的方法，用于实现上述所述的一种更换界面色彩的系统，它包括以下步骤：
a.将显示屏上的各界面元素分为若干显示层，各显示层包括一用于显示色彩的色彩层和一用于显示图形纹理的图形层；
b.选取一色彩组作为系统色彩，所述一色彩组包括一主颜色和若干辅助色，所述辅助色是根据前述的主颜色在色相环上偏移不同角度来确定；
c.从所述系统色彩中选取包含主颜色在内的多个颜色填充到所述各界面 元素的色彩层中。
所述一种更换界面色彩的系统还包括一存储模块，存储模块存储有若干色彩组，所有色彩组的主颜色不同；所述取色模块包括一圆形转轮3以及一指针4，所有色彩组的主颜色顺次排列在圆形转轮3上；步骤b具体为：转动圆形转轮，填色模块以圆形转轮3停止时指针所指向的主色彩对应于存储模块中的色彩组为系统色彩。
填色模块包括一采样模块，单独对各界面元素的图形层进行采样以得到各界面元素图形层的色彩平均值，并在填色模块对该界面元素的色彩层进行填色时，从系统色彩中排除与该界面元素图形层的色彩平均值相近的颜色。
如图5所示为本发明所述的一种更换界面色彩的方法的实施例二：
与实施例一不同的是，取色模块选取主色彩的方式不同，所述取色模块包括一图片浏览界面4，图片浏览界面4包括一用于从图片中某一区域选取色彩的颜色选取工具5；所述取色模块还包括一比对模块，步骤b具体为：通过颜色选取工具5选取图片中某一区域的色彩，比对模块将颜色选取工具5选取的色彩与存储模块中的各色彩组中的主颜色进行比对，并将与颜色选取工具选取的色彩相近的主颜色所在的色彩组显示在显示屏上，通过作用于屏幕上的点击动作将点击处对应的色彩组作为系统颜色。
所述图片可以是拍摄的照片、下载的或已存储的图片等；所述图片在取色前，先要滤掉饱和度低的颜色，本实施例为30%以上；所述色彩相近的颜色的标准为任意两个颜色通道数值小于12。
如图6所示为本发明所述的一种更换界面色彩的方法的实施例三：
与实施例一不同的是，所述一种更换界面色彩的系统不包括存储有色彩 组的存储模块，所述色彩组由选取即时生成。
步骤b具体为：转动圆形转轮2，填色模块以圆形转轮2停止时指针所指向的颜色为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。
如图7所示为本发明所述的一种更换界面色彩的方法的实施例四：
与实施例三不同的是，主颜色选取的方式不同，所述取色模块包括一图片浏览界面4，图片浏览界面4包括一用于从图片中某一区域选取色彩的颜色选取工具5；所述b具体为：取色模块将颜色选取工具5所选取的色彩作为主颜色，以该主颜色在色相环上偏移不同角度获得若干辅助色，并将主颜色和由该主颜色偏移获得的若干辅助色作为系统色彩。
如上所述是结合具体内容提供的几种实施方式，并不认定本发明的具体实施只局限于这些说明。如所述色彩层和图形层的数量不仅限于一个，所述色相环不仅限于24色相环、所述“无彩色”不仅限于本实施例公布的数值等。所述凡与本发明方法、结构等近似、雷同，或是对于发明构思前提下做出若干技术推演或替换，都应当视为本发明的保护范围。