CN114063850A - 一种客户端皮肤配置方法、装置、设备及介质 - Google Patents

Abstract

本申请实施例公开了一种客户端皮肤配置方法、装置、设备及介质，当目标用户需要更换目标应用对应的客户端的皮肤主题时，目标用户可以在目标应用的皮肤配置管理页面触发皮肤配置操作。当目标用户在皮肤配置管理页面触发配置操作时，可以添加所需要的第一皮肤的主题色，从而使得管理平台获取新增的第一皮肤的主题色。在目标用户确认所新增的第一皮肤的主题色后，管理平台基于目标用户触发的确认操作，将保存所新增的第一皮肤的主题色，并在皮肤配置管理页面中显示第一皮肤的标识信息，进而使得目标用户可以使用第一皮肤来更新其所在组织所有客户端的皮肤，以满足不同组织的个性化需求，提高使用体验。

Description

一种客户端皮肤配置方法、装置、设备及介质

技术领域

本申请涉及计算机技术领域，具体涉及一种客户端皮肤配置方法、装置、设备及介质。

背景技术

企业为了将企业价值、品牌理念传递给员工，可以通过办公软件的皮肤主题变化、主题色调的调整来实现。然而，通常情况下企业所使用的办公软件是由第三方提供的，例如便于员工内部进行沟通的协同工作软件，企业只能在第三方所提供的皮肤主题之间进行切换，无法满足企业的个性化需求，影响使用体验。

发明内容

有鉴于此，本申请实施例提供一种客户端皮肤配置方法、装置、设备及介质，以实现用户可以自定义客户端的皮肤主题，满足企业的个性化需求。

为实现上述目的，本申请实施例提供的技术方案如下：

在本申请实施例第一方面，提供了一种客户端皮肤配置方法，所述方法包括：

响应于目标用户在目标应用的皮肤配置管理页面触发的皮肤配置操作，获取新增的第一皮肤的主题色；

响应于所述目标用户触发的确认操作，存储所述第一皮肤的主题色，并在所述皮肤配置管理页面显示所述第一皮肤的标识信息。

在本申请实施例第二方面，提供了一种客户端皮肤配置装置，所述装置包括：

获取单元，用于响应于目标用户在目标应用的皮肤配置管理页面触发的皮肤配置操作，获取新增的第一皮肤的主题色；

处理单元，用于响应于所述目标用户触发的确认操作，存储所述第一皮肤的主题色，并在所述皮肤配置管理页面显示所述第一皮肤的标识信息。

在本申请实施例第三方面，提供了一种电子设备，所述设备包括：处理器和存储器；

所述存储器，用于存储指令或计算机程序；

所述处理器，用于执行所述存储器中的所述指令或计算机程序，以使得所述电子设备执行所述的客户端皮肤配置方法。

在本申请实施例第四方面，提供了一种计算机可读存储介质，其特征在于，所述机算机可读存储介质中存储有指令，当所述指令在设备上运行时，使得所述设备执行所述的客户端皮肤配置方法。

由此可见，本申请实施例具有如下有益效果：

本申请实施例中当目标用户需要更换目标应用对应的客户端的皮肤主题，目标用户可以在目标应用的皮肤配置管理页面触发皮肤配置操作。当目标用户在皮肤配置管理页面触发配置操作时，可以添加所需要的第一皮肤的主题色，从而使得管理平台获取所新增的第一皮肤的主题色。在目标用户确认所新增的第一皮肤的主题色后，管理平台基于目标用户触发的确认操作，将保存所新增的第一皮肤的主题色，并在皮肤配置管理页面中显示第一皮肤的标识信息，进而使得目标用户可以使用第一皮肤来更新其所在组织所有客户端的皮肤，以满足不同组织的个性化需求，提高使用体验。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的一种客户端皮肤配置方法流程图；

图2a为本申请实施例提供的一种移动端的结构示意图；

图2b为本申请实施例提供的一种PC端的结构示意图；

图3a为本申请实施例提供的一种皮肤配置页面示意图；

图3b为本申请实施例提供的一种新增皮肤主题色示意图；

图3c为本申请实施例提供的一种第一皮肤主题色示意图；

图3d为本申请实施例提供的另一种预览效果示意图；

图4为本申请实施例提供的一种皮肤应用交互示意图；

图5为本申请实施例提供的一种客户端皮肤配置装置结构示意图；

图6为本申请实施例提供的一种电子设备结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

在一些组织中，例如企业，为方便员工之间的沟通，将配置协同工作软件，使员工可以通过安装协同工作软件的客户端进行两人或多人之间的实时沟通和协作。协同工作软件是指集成了通讯录、即时通信工具、会议、云文档、审批、云盘、邮件、日历等中的任意多种功能的套件软件。例如，协同工作软件可以为钉钉、企业微信、飞书等。组织为传递自身价值、品牌理念以形成个性鲜明的形象，通常会通过调整协同工作软件的皮肤主题、节日定制化等方式来实现。

然而，通常情况下，组织所使用的协同工作软件是第三方厂商提供的，相关的功能也是固定的，企业无法根据自己的需求进行适应性调整。例如，组织无法制作符合自身需求的皮肤主题，只能使用第三方提供的默认皮肤主题，或者需要通过第三方重新发布版本来实现皮肤主题更换，导致流程繁琐，影响使用体验。

基于此，本申请实施例提供了一种客户端皮肤配置方法，允许企业上传自定义的皮肤，降低皮肤的维护难度，满足不同组织的个性化需求，提升使用体验。

为便于理解本申请实施例提供的技术方案，下面将结合附图进行说明。

参见图1，该图为本申请实施例提供的一种客户端皮肤处理方法流程图，如图1所示，该方法可以包括：

S101：响应于目标用户在皮肤配置管理页面触发的皮肤配置操作，获取新增的第一皮肤的主题色。

本实施例中，组织为更好地宣传组织文化，可以通过更新客户端皮肤主题色的方式来实现。具体地，维护管理平台的目标用户可以通过相应的触发操作，进入目标应用的皮肤配置管理页面。在进入到目标应用的皮肤配置页面后，目标用户在该皮肤配置管理页面触发皮肤配置操作，管理平台响应于目标用户的触发操作，获取新增的第一皮肤的主题色。其中，目标应用可以为组织所使用的协同工作软件，目标用户为该协同工作软件的租户管理人员，皮肤配置管理页面为协同工作软件对应的后台管理页面。本实施例中的组织可以为企业、学习、机关单位等群体。

其中，第一皮肤的主题色可以为目标应用的客户端中导航栏和/或顶部栏的背景色。具体地，当客户端应用于移动端时，第一皮肤的主题色为头部导航栏的背景色以及底部导航栏中图标的颜色，例如图2a所示。当客户端应用于PC端时，第一皮肤的主题色应用于侧边栏导航栏的背景色和顶部栏的背景色，例如图2b所示。具体地，第一皮肤的主题色可以为企业VI的颜色，企业VI是指企业的视觉识别(Visual Identity，VI)。企业的视觉识别，是将非可视内容转化为静态的视觉识别符号，以无比丰富的、多样的应用形式，在最为广泛的层面上，进行最直接的传播。企业的视觉识别，是传播企业经营理念、建立企业知名度、塑造企业形象的快速便捷之途。企业VI的颜色能够突出企业风格，体现企业的性质、宗旨和经营方针等。

在具体实现时，管理人员通过账号和密码登录管理平台，在管理平台的首页可以显示企业文化组件，管理人员通过触发该企业文化组件进入企业文化页面，在该企业文化页面可以包括品牌配置组件。管理人员通过品牌配置组件进入品牌配置页面，在该品牌配置页面中包括客户端皮肤配置组件，管理人员通过触发该客户端皮肤配置组件进入皮肤配置管理页面。

例如图3a所示，管理员登录管理平台，在该管理平台的页面包括各种功能的组件，例如首页组件201、通讯录组件202、企业文化组件203、设置组件204等。管理员通过触发企业文化组件203可以进入企业文化页面，在该企业文化页面包括品牌配置组件2031，通过触发该品牌配置组件2031进入企业品牌配置页面。在该企业品牌配置页面可以包括客户端皮肤配置组件2031-1、LOGO配置组件2031-2和客户端导航栏配置组件2031-3等。管理员通过客户端皮肤配置组件2031-1可以进入皮肤配置管理页面，在该皮肤配置管理页面可以包括编辑组件2031-1。在管理员触发编辑组件2031-1之前，皮肤配置管理页面处于不可编辑的状态，仅用于展示当前存在的各皮肤的主题色，例如官方蓝、蜜柑橙等，以及新增VI色板组件。其中，选择配置下各个模块显示为灰色表示各个模块当前不可操作。为便于直观地查看各皮肤的主题色的具体色彩，还可以在各模块中添加各皮肤的主题色对应的颜色图标。需要说明的是，图3a仅作为一种示例进行说明，不构成限定。

在具体实现时，目标用户可以对皮肤配置管理页面中的编辑组件进行触发，管理平台响应于目标用户的触发操作，控制皮肤配置管理页面进行编辑状态；响应于目标用户对处于编辑状态的皮肤配置管理页面中新增组件的触发操作，获取新增的第一皮肤的主题色。即，当目标用户触发皮肤配置管理页面中的编辑组件后，皮肤配置管理页面进入编辑状态，在该编辑状态下，目标用户可以对新增组件进行操作，从而新增第一皮肤的主题色。另外，在皮肤配置管理页面处于编辑状态下时，目标用户还可以在已保存的主题色之间进行选择切换，进而可以统一控制企业中所有用户客户端皮肤的主题色进行更换。

例如目标用户通过触发图3a中的编辑组件2031-11进入图3b所示的编辑状态，在该编辑状态下，皮肤配置管理页面包括取消组件2031-12和保存组件2031-13。目标用户通过触发新增VI色板进入新增皮肤主题色页面。在该新增皮肤主题色页面包括主题色名称输入框2031-14和主题色色值输入框2031-15，目标用户可以输入所需配置的主题色色值和对应的名称。

其中，主题色色值为必填项，主题色名称为选填项。当目标用户未填写主题色名称时，管理平台可以根据主题色色值自动生成并添加到输入框中。当目标用户触发新增皮肤主题色页面的确定组件后，如果新增的主题色色值与已存在的主题色色值重复时，将显示提示信息，以提示目标用户色值重复，以便目标用户对新增的主题色色值进行修改。其中，主题色色值可以以十六进制形式输入，例如输入#FF8800。当目标用户触发新增皮肤主题色页面中的取消组件后，新增皮肤主题色页面消失，返回处于编辑状态的皮肤配置管理页面。

通常情况下，允许管理员新增的皮肤的数量是受限制的，当目标用户所添加的皮肤的数量超过预设数量时，将在皮肤配置管理页面显示提示消息，以提示目标用户新增的皮肤数量达到上限。其中，预设数量可以根据实际应用情况进行设定。例如，预设数量为5，当管理员新增的皮肤的数量为5个，响应于目标用户再次触发新增组件时，将通过弹窗的方式提示目标用户“最多支持新增5个皮肤，如需新增，可以选择删除其他皮肤后再进行新增”。其中，目标用户可以在处于编辑状态下的皮肤配置管理页面中删除已新增的皮肤，一般情况下不允许删除系统自带的皮肤。

S102：响应于目标用户触发的确认操作，存储第一皮肤的主题色，并在皮肤配置管理页面显示第一皮肤的标识信息。

在目标用户添加所需要的第一皮肤的主题色后，响应于目标用户触发的确认操作，则存储第一皮肤的主题色，并在皮肤主题配置页面显示所新增的第一皮肤的标识信息。其中，第一皮肤的标识信息可以包括第一皮肤的名称和第一皮肤的主题色色值，该主题色色值可以为目标用户输入的十六进制的色值，第一皮肤的名称可以为主题色的名称。

具体地，响应于目标用户在新增皮肤主题色页面触发的确认操作，返回处于编辑状态皮肤配置管理页面，并在该皮肤配置管理页面的皮肤列表最末端显示包含第一皮肤的标识信息。其中，在返回皮肤配置管理页面时，第一皮肤可以处于被选中的状态。例如图3c所示，目标用户新增的第一皮肤的名称为“小橘VI色”，在选择配置的列表最末端显示第一皮肤的标识信息，该第一皮肤处于选中状态。

可选的，为便于目标用户查看所选中的皮肤应用到客户端的效果，还可以基于被选中的皮肤生成预览图，并在皮肤配置管理页面中进行展示。具体地，响应于第一皮肤被选中，根据第一皮肤的主题色和第一皮肤的衍生色生成预览图，并在皮肤配置管理页面显示预览图。由于目标应用的客户端既可以应用于移动端，也可以应用于PC端，则所生成的预览图包括客户端应用于移动端对应的预览图以及客户端应用于PC端时对应的预览图。如图3d所示，在皮肤配置管理页面中包括效果预览区域，在该效果预览区域包括移动端组件和PC端组件，当目标用户点击移动端组件时，可以查看被选中的皮肤应用到移动端时的效果预览图；当目标用户点击PC端组件时，可以查看被选中的皮肤应用到PC端时的效果预览图。

可选的，目标用户在添加完第一皮肤后，还可以对其进行删除。具体地，响应于目标用户对于第一皮肤触发的删除操作，删除第一皮肤。例如图3d中，目标用户触发“小橘VI色”模块，显示其对应的删除组件，目标用户通过点击该“删除组件”可以对其进行删除。

通过前述可知，目标用户对新增的第一皮肤触发确认操作后，返回到皮肤配置管理页面时该第一皮肤处于被选中的状态，如果第一皮肤被删除，则自动选中第二皮肤。其中，第二皮肤可以为系统默认皮肤。例如，第二皮肤主题色为“官方蓝”。

可见，当组织想要将目标应用的客户端的皮肤更换为符合自身文化的皮肤主题时，响应于目标用户的触发操作，进入目标应用的皮肤配置管理页面。当目标用户在皮肤配置管理页面触发皮肤配置操作时，可以添加所需要的第一皮肤的主题色，从而使得管理平台获取所新增的第一皮肤的主题色。在目标用户添加第一皮肤的主题色后，可以触发确认操作，管理平台基于目标用户触发的确认操作，将保存所新增的第一皮肤主题色，并在皮肤配置管理页面中显示第一皮肤的主题色，进而使得目标用户可以使用第一皮肤更新客户端的皮肤，以满足个性化需求，提高使用体验。

在实际应用场景中，客户端的导航栏上通常会有其他图标，例如搜索按钮、字体等，在更新目标应用的客户端的皮肤时，为避免因皮肤主题色的更新导致图标无法正常显示，还需更新图标的颜色。因此，在获取到目标用户新增的第一皮肤的主题色后，还将根据该第一皮肤的主题色确定与第一皮肤的主题色匹配的第一皮肤的衍生色，该第一皮肤的衍生色为客户端中导航栏和/或顶部栏上图标的颜色。其中，导航栏上的图标可以包括可操作组件，例如图2a所示的头部导航栏中的搜索组件、添加组件；还可以包括文字，例如图2a所示头部导航栏中“消息”。

可选的，本实施例可以通过以下方式确定与第一皮肤的主题色匹配的衍生色：获取第一皮肤的主题色对应的第一亮度以及各备选衍生色对应的第二亮度；确定各第二亮度与第一亮度的比值；将比值满足预设条件的第二亮度对应的备选衍生色确定为与第一皮肤的主题色匹配的第一皮肤的衍生色。即，确定各备选衍生色与第一皮肤主题色的对比度，该对比度越高意味着颜色的亮度差异越大，呈现出来的视觉更具有识别性。其中，预设条件可以根据实际应用情况进行设定，例如，预设条件为第二亮度与第一亮度的比值大于预设阈值，或者预设条件为第二亮度与第一亮度的比值的最大值，也就是将比值最大的第二亮度对应的备选衍生色确定为与第一皮肤的主题色匹配的第一皮肤的衍生色。

例如，第一皮肤的主题色的第一亮度为L1，备选衍生色A的第二亮度为LA、备选衍生色B的第二亮度为LB，则备选衍生色A与第一皮肤的主题色的对比度为CA＝(LA+0.05)/(L1+0.05)、备选衍生色B与第一皮肤的主题色的对比度为CB＝((LB+0.05)/(L1+0.05))。如果CB大于CA，则将备选衍生色B确定为与第一皮肤的主题色匹配的衍生色。

另外，对于目标应用的客户端应用于PC端时，当用户通过侧边导航栏在不同应用模块之间切换时，被选中的应用模块的图标可以呈现固定色，例如白色，处于选中态的应用模块的底色可以为根据导航栏的背景色(皮肤主题色)确定的衍生色。例如图2b中，导航栏对应的背景色为绿色，消息模块被选中时，消息模块对应的图标呈现白色，处于选中态的消息模块的底色为浅绿色。

可选的，在目标用户通过管理平台新增第一皮肤的主题色，并选中第一皮肤后，可以向服务器发送皮肤更新消息，以通过服务器向目标用户所在组织中目标应用对应的所有客户端发送皮肤资源包，以使得组织中所有用户的客户端皮肤更新为第一皮肤的主题色，。其中，皮肤更新消息可以包括第一皮肤的信息，用于指示服务器根据皮肤更新消息生成皮肤资源包，该皮肤资源包包括第一皮肤的信息。

可选的，服务器在接收到皮肤更新消息后，可以向管理平台发送请求消息，该请求消息用于请求获取适用第一皮肤的主题色的位置信息；管理平台向服务器发送响应消息，该响应消息包括适用第一皮肤的主题色的位置信息。其中，适用第一皮肤的主题色的位置信息用于指示客户端主页中哪些位置渲染为主题色。

服务器在获取到第一皮肤的主题色和适用第一皮肤的主题色的位置信息后，将在本地进行存储，以便于后续用于皮肤主题的切换。在该情况下，服务器所生成的皮肤资源包还包括适用第一皮肤的主题色的位置信息。

可选的，皮肤更新消息中还可以包括第一皮肤的衍生色的信息，则服务器所发送的请求消息还用于请求获取适用第一皮肤的衍生色的位置信息，进而服务器所生成的皮肤资源包还包括第一皮肤的衍生色和适用第一皮肤的衍生色的位置信息。

其中，当客户端获取到皮肤资源包时，可以通过弹窗的方式提示用户进行皮肤更新。对于应用在移动端的客户端，其在接收到用户触发的确认操作后，通过重启方式完成皮肤更新。对于应用在PC端的客户端，其在接收到用户触发的确认操作后，直接对客户端的皮肤进行更新，无需重启生效。其中，第一皮肤的主题色通常只在客户端一级页面生效，不涉及各业务的二级页面以更深路径下的页面。

为便于理解第一皮肤在客户端上的应用实现，参见图4所示的应用流程示意图，在该应用场景中，包括管理平台、服务器和客户端。具体地可以包括以下流程：

1、目标用户通过管理平台上的皮肤配置管理页面新增第一皮肤的主题色。

2、管理平台在接收到第一皮肤的主题色后，可以基于预先配置的算法，例如色比度(Color Contrast)算法，确定与第一皮肤的主题色匹配的第一皮肤的衍生色。

3、在管理平台获取到第一皮肤的主题色和第一皮肤的衍生色后，向服务器发送皮肤更新消息，该皮肤更新消息中包括第一皮肤的信息。其中，第一皮肤的信息可以包括第一皮肤的主题色和第一皮肤的衍生色等信息。

4、服务器在接收到皮肤更新消息后，将向管理平台发送请求消息，该请求消息用于请求适用第一皮肤的主题色的位置信息以及适用第一皮肤的衍生色的位置信息。

5、管理平台在接收到服务器的请求消息后，可以根据预先设置的主题色所适用的位置信息以及衍生色所使用的位置信息获取第一皮肤的主题色的位置信息和第一皮肤的衍生色的位置信息，并通过响应消息发送给服务器。

本实施例中，管理平台可以预先存储皮肤的主题色和衍生各自所适用的位置的对应关系，在接收服务器发送的请求消息后，可以根据上述对应关系确定第一皮肤的主题色所适用的位置信息以及第一皮肤的衍生色所适用的位置信息。

6、服务器在获取到第一皮肤的主题色、适用第一皮肤的主题色的位置信息、第一皮肤的衍生色以及适用第一皮肤的衍生色的位置信息后，生成皮肤资源包，该皮肤资源包中包括第一皮肤的信息。

7、服务器在生成皮肤资源包后，将该皮肤资源包发送给客户端，以使得客户端根据所接收的皮肤资源包更新皮肤。

基于上述方法实施例，本申请实施例提供了一种客户端皮肤配置装置和设备，下面将结合附图进行说明。

参见图5，该图为本申请实施例提供的一种客户端皮肤配置装置结构图，如图5所示，该装置可以包括：获取单元501和处理单元502。

获取单元501，用于响应于目标用户在目标应用的皮肤配置管理页面触发的皮肤配置操作，获取新增的第一皮肤的主题色；

处理单元502，用于响应于所述目标用户触发的确认操作，存储所述第一皮肤的主题色，并在所述皮肤配置管理页面显示所述第一皮肤的标识信息。

在一种具体的实现方式中，所述装置还包括：确定单元；

所述确定单元，用于根据所述第一皮肤的主题色确定与所述第一皮肤的主题色匹配的第一皮肤的衍生色。

在一种具体的实现方式中，所述确定单元，具体用于获取所述第一皮肤的主题色对应的第一亮度以及各备选衍生色对应的第二亮度；确定各第二亮度与所述第一亮度的比值；将比值满足预设条件的第二亮度对应的备选衍生色确定为与所述第一皮肤的主题色匹配的第一皮肤的衍生色。

在一种具体的实现方式中，所述第一皮肤的主题色为所述目标应用的客户端中导航栏和/或顶部栏的背景色，所述第一皮肤的衍生色为所述目标应用的客户端中所述导航栏和/或所述顶部栏上的图标的颜色。

在一种具体的实现方式中，所述导航栏和/或所述顶部栏上的图标至少包括可操作组件、文字。

在一种具体的实现方式中，所述装置还包括：发送单元；

所述发送单元，还用于向服务器发送皮肤更新消息，以通过所述服务器向所述目标用户所在组织的所述目标应用对应的所有客户端发送皮肤资源包，所述皮肤资源包是由所述服务器根据所述皮肤更新消息获取的，所述皮肤资源包包括所述第一皮肤的信息。

在一种具体的实现方式中，所述装置还包括：接收单元；

所述接收单元，用于接收所述服务器发送的请求消息，所述请求消息用于请求获取适用所述第一皮肤的主题色的位置信息；

所述发送单元，还用于向所述服务器发送响应消息，所述响应消息包括适用所述第一皮肤的主题色的位置信息。

在一种具体的实现方式中，所述皮肤更新消息用于指示所述服务器根据所述皮肤更新消息生成所述皮肤资源包，所述皮肤资源包还包括适用所述第一皮肤的主题色的位置信息。

在一种具体的实现方式中，所述皮肤更新消息还用于指示所述服务器在本地存储所述第一皮肤的主题色的信息以及适用所述第一皮肤的主题色的位置信息。

在一种具体的实现方式中，所述皮肤资源包还包括第一皮肤的衍生色的信息以及适用所述第一皮肤的衍生色的位置信息。

在一种具体的实现方式中，所述获取单元501，具体用于响应于所述目标用户对所述皮肤配置管理页面中的编辑组件的触发操作，进入所述皮肤配置管理页面的编辑状态；响应于所述目标用户对处于编辑状态的皮肤配置管理页面中新增组件的触发操作，获取新增的第一皮肤的主题色。

在一种具体的实现方式中，所述处理单元502，具体用于响应于所述目标用户触发的确认操作，存储所述第一皮肤的主题色，并在处于编辑状态的皮肤配置管理页面的皮肤列表最末端显示所述第一皮肤的标识信息。

在一种具体的实现方式中，所述第一皮肤主题色处于被选中的状态。

在一种具体的实现方式中，所述装置还包括：生成单元；

所述生成单元，用于根据所述第一皮肤的主题色以及第一皮肤的衍生色生成预览图，并在所述皮肤配置管理页面显示所述预览图。

在一种具体的实现方式中，所述预览图包括所述客户端位于移动端时对应的预览图以及所述客户端位于PC端时对应的预览图。

在一种具体的实现方式中，所述装置还包括：显示单元；

所述显示单元，用于响应于所述目标用户所添加的皮肤的数量超过预设数量时，在所述皮肤配置管理页面显示提示消息，以提示所述目标用户新增的皮肤数量达到上限。

在一种具体的实现方式中，所述装置还包括：删除单元；

所述删除单元，用于响应于所述目标用户对于所述第一皮肤触发的删除操作，删除所述第一皮肤。

在一种具体的实现方式中，所述装置还包括：选中单元；

所述选中单元，用于选中第二皮肤，所述第二皮肤为默认皮肤。

在一种具体的实现方式中，所述第一皮肤的标识信息包括所述第一皮肤的名称和所述第一皮肤的主题色色值。

需要说明的是，本实施例中各个单元的实现可以参见上述方法实施例的相关描述，本实施例在此不再赘述。

参见图6，其示出了适于用来实现本申请实施例的电子设备600的结构示意图。本申请实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(Personal Digital Assistant，个人数字助理)、PAD(portable android device，平板电脑)、PMP(Portable Media Player，便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV(television，电视机)、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图6所示，电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM603中，还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

通常，以下装置可以连接至I/O接口605：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607；包括例如磁带、硬盘等的存储装置608；以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然6图6示出了具有各种装置的电子设备600，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本申请的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本申请的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置609从网络上被下载和安装，或者从存储装置608被安装，或者从ROM602被安装。在该计算机程序被处理装置601执行时，执行本申请实施例的方法中限定的上述功能。

本申请实施例提供的电子设备与上述实施例提供的客户端皮肤配置方法属于同一发明构思，未在本实施例中详尽描述的技术细节可参见上述实施例，并且本实施例与上述实施例具有相同的有益效果。

本申请实施例提供一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如上述任一实施例所述的客户端皮肤配置方法。

需要说明的是，本申请上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备执行上述客户端皮肤配置方法。

可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元/模块的名称在某种情况下并不构成对该单元本身的限定，例如，语音数据采集模块还可以被描述为“数据采集模块”。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。

在本申请的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

需要说明的是，本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统或装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

应当理解，在本申请中，“至少一个(项)”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，用于描述关联对象的关联关系，表示可以存在三种关系，例如，“A和/或B”可以表示：只存在A，只存在B以及同时存在A和B三种情况，其中A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b或c中的至少一项(个)，可以表示：a，b，c，“a和b”，“a和c”，“b和c”，或“a和b和c”，其中a，b，c可以是单个，也可以是多个。

还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (22)

1.一种客户端皮肤配置方法，其特征在于，所述方法包括：

响应于目标用户在目标应用的皮肤配置管理页面触发的皮肤配置操作，获取新增的第一皮肤的主题色；

响应于所述目标用户触发的确认操作，存储所述第一皮肤的主题色，并在所述皮肤配置管理页面显示所述第一皮肤的标识信息。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

根据所述第一皮肤的主题色确定与所述第一皮肤的主题色匹配的第一皮肤的衍生色。

3.根据权利要求2所述的方法，其特征在于，所述根据所述第一皮肤的主题色确定与所述第一皮肤的主题色匹配的第一皮肤的衍生色，包括：

获取所述第一皮肤的主题色对应的第一亮度以及各备选衍生色对应的第二亮度；

确定各第二亮度与所述第一亮度的比值；

将比值满足预设条件的第二亮度对应的备选衍生色确定为与所述第一皮肤的主题色匹配的第一皮肤的衍生色。

4.根据权利要求2或3所述的方法，其特征在于，所述第一皮肤的主题色为所述目标应用的客户端中导航栏和/或顶部栏的背景色，所述第一皮肤的衍生色为所述目标应用的客户端中所述导航栏和/或所述顶部栏上的图标的颜色。

5.根据权利要求4所述的方法，其特征在于，所述导航栏和/或所述顶部栏上的图标至少包括可操作组件、文字。

6.根据权利要求1-5中任一项所述的方法，其特征在于，所述方法还包括：

向服务器发送皮肤更新消息，以通过所述服务器向所述目标用户所在组织的所述目标应用对应的所有客户端发送皮肤资源包，所述皮肤资源包是由所述服务器根据所述皮肤更新消息获取的，所述皮肤资源包包括所述第一皮肤的信息。

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：

接收所述服务器发送的请求消息，所述请求消息用于请求获取适用所述第一皮肤的主题色的位置信息；

向所述服务器发送响应消息，所述响应消息包括适用所述第一皮肤的主题色的位置信息。

8.根据权利要求7所述的方法，其特征在于，所述皮肤更新消息用于指示所述服务器根据所述皮肤更新消息生成所述皮肤资源包，所述皮肤资源包还包括适用所述第一皮肤的主题色的位置信息。

9.根据权利要求7或8所述的方法，其特征在于，所述皮肤更新消息还用于指示所述服务器在本地存储所述第一皮肤的主题色的信息以及适用所述第一皮肤的主题色的位置信息。

10.根据权利要求6所述的方法，其特征在于，所述皮肤资源包还包括第一皮肤的衍生色的信息以及适用所述第一皮肤的衍生色的位置信息。

11.根据权利要求1所述的方法，其特征在于，所述响应于目标用户在目标应用的皮肤配置管理页面触发的皮肤配置操作，获取新增的第一皮肤的主题色，包括：

响应于所述目标用户对所述皮肤配置管理页面中的编辑组件的触发操作，进入所述皮肤配置管理页面的编辑状态；

响应于所述目标用户对处于编辑状态的皮肤配置管理页面中新增组件的触发操作，获取新增的第一皮肤的主题色。

12.根据权利要求11所述的方法，其特征在于，所述响应于所述目标用户触发的确认操作，存储所述第一皮肤的主题色，并在所述皮肤配置管理页面显示包含第一皮肤的标识信息，包括：

响应于所述目标用户触发的确认操作，存储所述第一皮肤的主题色，并在处于编辑状态的皮肤配置管理页面的皮肤列表最末端显示所述第一皮肤的标识信息。

13.根据权利要求12所述的方法，其特征在于，所述第一皮肤主题色处于被选中的状态。

14.根据权利要求1所述的方法，其特征在于，所述方法还包括：

根据所述第一皮肤的主题色以及第一皮肤的衍生色生成预览图，并在所述皮肤配置管理页面显示所述预览图。

15.根据权利要求14所述的方法，其特征在于，所述预览图包括所述目标应用的客户端位于移动端时对应的预览图以及所述目标应用的客户端位于PC端时对应的预览图。

16.根据权利要求1所述的方法，其特征在于，所述方法还包括：

响应于所述目标用户所添加的皮肤的数量超过预设数量时，在所述皮肤配置管理页面显示提示消息，以提示所述目标用户新增的皮肤数量达到上限。

17.根据权利要求1所述的方法，其特征在于，所述方法还包括：

响应于所述目标用户对于所述第一皮肤触发的删除操作，删除所述第一皮肤。

18.根据权利要求17所述的方法，其特征在于，所述方法还包括：

选中第二皮肤，所述第二皮肤为默认皮肤。

19.根据权利要求1-18任一项所述的方法，其特征在于，所述第一皮肤的标识信息包括所述第一皮肤的名称和所述第一皮肤的主题色色值。

20.一种客户端皮肤配置装置，其特征在于，所述装置包括：

获取单元，用于响应于目标用户在目标应用的皮肤配置管理页面触发的皮肤配置操作，获取新增的第一皮肤的主题色；

处理单元，用于响应于所述目标用户触发的确认操作，存储所述第一皮肤的主题色，并在所述皮肤配置管理页面显示所述第一皮肤的标识信息。

21.一种电子设备，其特征在于，所述设备包括：处理器和存储器；

所述存储器，用于存储指令或计算机程序；

所述处理器，用于执行所述存储器中的所述指令或计算机程序，以使得所述电子设备执行权利要求1-19任一项所述的客户端皮肤配置方法。

22.一种计算机可读存储介质，其特征在于，所述机算机可读存储介质中存储有指令，当所述指令在设备上运行时，使得所述设备执行权利要求1-19任一项所述的客户端皮肤配置方法。

Images