CN105094785A - 一种配色文件生成方法及装置 - Google Patents

Abstract

本发明实施例公开一种配色文件生成方法及装置，其中方法包括如下步骤：当对社交应用界面进行配色文件的创建时，获取针对所述社交应用界面所输入的配色设计图；根据预设位置信息获取所述配色设计图中的配色数据；对所述配色数据进行封装处理，生成配色文件。可以实现配色文件自动生成，提升生成效率，降低配色数据书写误差。

Description

一种配色文件生成方法及装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种配色文件生成方法及装置。

背景技术

随着计算机技术不断的开发和完善，手机和平板电脑等终端已经成为了人们生活中不可或缺的一个部分，人们不仅可以利用这些终端进行通讯，还可以进行文件传输、摄像、玩游戏等。

随着社交应用技术的发展，用户通过终端可以创建个人的社交应用网站，在创建过程中，用户可以自行选择或切换对个人的社交应用网站设置的配色。现有的配色文件生成是通过社交应用的管理人员手动书写。

然而对于大型社交网站来说，配色文件的数量非常庞大，仅通过手动书写的方式会降低配色文件生成的效率，并且对于配色数据的书写容易出现误差，导致维护成本的提升。

发明内容

本发明实施例提供一种配色文件生成方法及装置，可以实现配色文件自动生成，提升生成效率，降低配色数据书写误差。

为了解决上述技术问题，本发明第一方面提供了一种配色文件生成方法，可包括：

当对社交应用界面进行配色文件的创建时，获取针对所述社交应用界面所输入的配色设计图；

根据预设位置信息获取所述配色设计图中的配色数据；

对所述配色数据进行封装处理，生成配色文件。

本发明第二方面提供了一种配色文件生成装置，可包括：

设计图获取单元，用于当对社交应用界面进行配色文件的创建时，获取针对所述社交应用界面所输入的配色设计图；

数据获取单元，用于根据预设位置信息获取所述配色设计图中的配色数据；

文件生成单元，用于对所述配色数据进行封装处理，生成配色文件。

在本发明实施例中，当对社交应用界面进行配色文件的创建时，获取针对社交应用界面所输入的配色设计图，根据预设位置信息获取配色设计图中的配色数据，并对配色数据进行封装处理，生成配色文件。通过自动根据预设位置信息获取所输入的配色设计图中的配色数据，以生成配色文件，实现了配色文件自动生成的过程，提升了配色文件生成的效率，避免了手动书写出现的误差，进而较少了配色文件的维护成本。

附图说明

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

图1是本发明实施例提供的一种配色文件生成方法的流程示意图；

图2是本发明实施例提供的一种配色设计图的举例示意图；

图3是本发明实施例提供的另一种配色文件生成方法的流程示意图；

图4是本发明实施例提供的一种配色文件生成装置的结构示意图；

图5是本发明实施例提供的数据获取单元的结构示意图；

图6是本发明实施例提供的文件生成单元的结构示意图；

图7是本发明实施例提供的另一种配色文件生成装置的结构示意图。

具体实施方式

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

本发明实施例提供的配色文件生成方法可以应用于社交应用界面的配色文件生成的场景，例如：当对社交应用界面进行配色文件的创建时，配色文件生成装置获取针对所述社交应用界面所输入的配色设计图，根据预设位置信息获取所述配色设计图中的配色数据，并对所述配色数据进行封装处理，生成配色文件的场景等；还可以应用于其它应用界面的配色文件生成的场景，例如：多媒体播放应用界面、文档浏览应用界面等。通过自动根据预设位置信息获取所输入的配色设计图中的配色数据，以生成配色文件，实现了配色文件自动生成的过程，提升了配色文件生成的效率，避免了手动书写出现的误差，进而较少了配色文件的维护成本。

本发明实施例涉及的配色文件生成装置可以包括：计算机、平板电脑、智能手机、笔记本电脑、掌上电脑以及移动互联网设备(MID)等终端设备，或者可以为所述终端设备中的文件生成应用。

下面将结合附图1和附图3，对本发明实施例提供的汉字注音方法进行详细介绍。

请参见图1，为本发明实施例提供了一种配色文件生成方法的流程示意图。如图1所示，本发明实施例的所述方法包括以下步骤S101-步骤S103。

S101，当对社交应用界面进行配色文件的创建时，获取针对所述社交应用界面所输入的配色设计图；

具体的，所述配色设计图为用户自行设计的针对应用界面的配色设计图，当对社交应用界面进行配色文件的创建时，例如：即时通讯的社交应用界面，社交应用的管理人员可以将预先设计好的配色设计图输入至配色文件生成装置，所述配色文件生成装置获取针对所述社交应用界面所输入的配色设计图,。

其中，所述配色设计图可以为一幅社交应用界面的界面设计图，可选的，还可以为一幅包含所有配色元素的颜色块的配色设计图。请一并参见图2，所述配色元素可以包括社交应用界面中的文字、线条、按钮和背景等，图2中各个配色元素还可以分为不同的种类，如文字中可以包括链接色、正文色、弱文字色、文字反色和顶导航文字等，每个种类都对应有一个颜色块，可以理解的是，图2仅为一种配色设计图的举例，图中的颜色块的色彩不仅仅是黑、灰、白，还可以包含所有色系中的所有颜色，均可以由社交应用的管理人员设计时进行改变。

S102，根据预设位置信息获取所述配色设计图中的配色数据；

具体的，所述预设位置信息为所述配色设计图中配色元素的坐标点，所述配色文件生成装置根据在所述配色设计图中设定的所述坐标点获取配色元素的配色数据，优选的，所述配色文件生成装置提取所述配色设计图中配色元素的坐标点所指示的配色信息，并获取所述配色信息对应的配色数据，所述配色信息为所述配色元素的颜色，所述配色文件生成装置提取所述坐标点上所述配色元素的颜色，读取所述颜色的R、G、B、A数据，并转换为十六进制的配色数据，例如，当所述坐标点指示的位置为文字中的链接色，并且所述连接色为白色时，所述配色文件生成装置获取的配色数据为“#FFFFFF”，以此类推，所述配色文件生成装置获取所述配色设计图中所有坐标点所指示的所有配色元素的颜色，并分别转换为对应的配色数据。

S103，对所述配色数据进行封装处理，生成配色文件；

具体的，所述配色文件生成装置将所述配色数据保存至预设配色数据表，并根据所述配色数据表生成配色文件，可以理解的是，社交应用的管理人员可以预先设置配色样式文件，所述配色样式文件中的配色数据的部位均采用配色变量进行保存，所述配色文件生成装置将所获取的配色数据对应替换所述配色样式文件中的配色变量，并在替换后生成配色文件。

需要说明的是，所述配色文件生成装置可以在每获取一个配色数据，就采用该配色数据对相应的配色变量进行替换；也可以在获取了完整的配色设计图中的所有配色数据时，对所有相应的配色变量进行替换。当所有配色变量替换完成后，生成属于该配色设计图的配色文件。

在本发明实施例中，当对社交应用界面进行配色文件的创建时，获取针对社交应用界面所输入的配色设计图，根据预设位置信息获取配色设计图中的配色数据，并对配色数据进行封装处理，生成配色文件。通过自动根据预设位置信息获取所输入的配色设计图中的配色数据，以生成配色文件，实现了配色文件自动生成的过程，提升了配色文件生成的效率，避免了手动书写出现的误差，进而较少了配色文件的维护成本。

请参见图3，为本发明实施例提供了为本发明实施例提供了另一种配色文件生成方法的流程示意图。如图3所示，本发明实施例的所述方法包括以下步骤S201-步骤S205。

S201，当对社交应用界面进行配色文件的创建时，获取针对所述社交应用界面所输入的配色设计图；

具体的，所述配色设计图为用户自行设计的针对应用界面的配色设计图，当对社交应用界面进行配色文件的创建时，例如：即时通讯的社交应用界面，社交应用的管理人员可以将预先设计好的配色设计图输入至配色文件生成装置，所述配色文件生成装置获取针对所述社交应用界面所输入的配色设计图,。

其中，所述配色设计图可以为一幅社交应用界面的界面设计图，可选的，还可以为一幅包含所有配色元素的颜色块的配色设计图。请一并参见图2，所述配色元素可以包括社交应用界面中的文字、线条、按钮和背景等，图2中各个配色元素还可以分为不同的种类，如文字中可以包括链接色、正文色、弱文字色、文字反色和顶导航文字等，每个种类都对应有一个颜色块，可以理解的是，图2仅为一种配色设计图的举例，图中的颜色块的色彩不仅仅是黑、灰、白，还可以包含所有色系中的所有颜色，均可以由社交应用的管理人员设计时进行改变。

S202，提取所述配色设计图中配色元素的坐标点所指示的配色信息，所述配色信息为所述配色元素的颜色；

具体的，所述预设位置信息为所述配色设计图中配色元素的坐标点，所述配色信息为所述配色元素的颜色，所述配色文件生成装置提取所述坐标点上所述配色元素的颜色。

S203，获取所述配色信息对应的配色数据；

具体的，所述配色文件生成装置获取所述配色元素的颜色对应的颜色值，并将所述颜色值转换为配色数据。所述颜色值表示所述颜色的R、G、B、A数据，所述配色文件生成装置将所述颜色值转换为十六进制的配色数据，例如，当所述坐标点指示的位置为文字中的链接色，并且所述连接色为白色时，所述配色文件生成装置获取的配色数据为“#FFFFFF”，以此类推，所述配色文件生成装置获取所述配色设计图中所有坐标点所指示的所有配色元素的颜色，并分别转换为对应的配色数据。

S204，将所述配色数据保存至预设配色数据表；

具体的，所述配色文件生成装置将获取的配色数据保存至预设配色数据表，所述预设配色数据表优选为逗号分隔值(CommaSeparateValues，CSV)文件。

S205，根据所述配色数据表生成配色文件；

具体的，社交应用的管理人员可以预先设置配色样式文件，所述配色样式文件中的配色数据的部位均采用配色变量进行保存，所述配色文件生成装置将所获取的配色数据对应替换所述配色样式文件中的配色变量，并在替换后生成配色文件。

需要说明的是，所述配色文件生成装置可以在每获取一个配色数据，就采用该配色数据对相应的配色变量进行替换；也可以在获取了完整的配色设计图中的所有配色数据时，对所有相应的配色变量进行替换。当所有配色变量替换完成后，生成属于该配色设计图的配色文件。

在本发明实施例中，当对社交应用界面进行配色文件的创建时，获取针对社交应用界面所输入的配色设计图，根据预设位置信息获取配色设计图中的配色数据，并对配色数据进行封装处理，生成配色文件。通过坐标点提取配色设计图中配色元素的配色数据，避免了手动书写出现的误差，进而较少了配色文件的维护成本，且进一步提升了对配色数据提取的准确性；通过自动根据预设位置信息获取所输入的配色设计图中的配色数据，以生成配色文件，实现了配色文件自动生成的过程，提升了配色文件生成的效率。

下面将结合附图4-附图6，对本发明实施例提供的配色文件生成装置进行详细介绍。需要说明的是，附图4-附图6所示的配色文件生成装置，用于执行本发明图1-图3所示实施例的方法，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明图1-图3所示的实施例。

请参见图4，为本发明实施例提供了一种配色文件生成装置的结构示意图。如图4所示，本发明实施例的所述配色文件生成装置1可以包括：设计图获取单元11、数据获取单元12和文件生成单元13。

设计图获取单元11，用于当对社交应用界面进行配色文件的创建时，获取针对所述社交应用界面所输入的配色设计图；

具体实现中，所述配色设计图为用户自行设计的针对应用界面的配色设计图，当对社交应用界面进行配色文件的创建时，例如：即时通讯的社交应用界面，社交应用的管理人员可以将预先设计好的配色设计图输入至配色文件生成装置1，所述设计图获取单元11获取针对所述社交应用界面所输入的配色设计图,。

其中，所述配色设计图可以为一幅社交应用界面的界面设计图，可选的，还可以为一幅包含所有配色元素的颜色块的配色设计图。请一并参见图2，所述配色元素可以包括社交应用界面中的文字、线条、按钮和背景等，图2中各个配色元素还可以分为不同的种类，如文字中可以包括链接色、正文色、弱文字色、文字反色和顶导航文字等，每个种类都对应有一个颜色块，可以理解的是，图2仅为一种配色设计图的举例，图中的颜色块的色彩不仅仅是黑、灰、白，还可以包含所有色系中的所有颜色，均可以由社交应用的管理人员设计时进行改变。

数据获取单元12，用于根据预设位置信息获取所述配色设计图中的配色数据；

具体实现中，所述预设位置信息为所述配色设计图中配色元素的坐标点，所述数据获取单元12根据在所述配色设计图中设定的所述坐标点获取配色元素的配色数据，优选的，所述数据获取单元12提取所述配色设计图中配色元素的坐标点所指示的配色信息，并获取所述配色信息对应的配色数据，所述配色信息为所述配色元素的颜色，所述数据获取单元12提取所述坐标点上所述配色元素的颜色，读取所述颜色的R、G、B、A数据，并转换为十六进制的配色数据，例如，当所述坐标点指示的位置为文字中的链接色，并且所述连接色为白色时，所述配色文件生成装置获取的配色数据为“#FFFFFF”，以此类推，所述数据获取单元12获取所述配色设计图中所有坐标点所指示的所有配色元素的颜色，并分别转换为对应的配色数据。

具体的，请一并参见图5，为本发明实施例提供了数据获取单元的结构示意图。如图5所示，所述数据获取单元12可以包括：

信息提取子单元121，用于提取所述配色设计图中配色元素的坐标点所指示的配色信息，所述配色信息为所述配色元素的颜色；

具体实现中，所述预设位置信息为所述配色设计图中配色元素的坐标点，所述配色信息为所述配色元素的颜色，所述信息提取子单元121提取所述坐标点上所述配色元素的颜色。

数据获取子单元122，用于获取所述配色信息对应的配色数据；

具体实现中，所述数据获取子单元122获取所述配色元素的颜色对应的颜色值，并将所述颜色值转换为配色数据。所述颜色值表示所述颜色的R、G、B、A数据，所述数据获取子单元122将所述颜色值转换为十六进制的配色数据，例如，当所述坐标点指示的位置为文字中的链接色，并且所述连接色为白色时，所述数据获取子单元122获取的配色数据为“#FFFFFF”，以此类推，所述信息提取子单元121获取所述配色设计图中所有坐标点所指示的所有配色元素的颜色，所述数据获取子单元122获取所有颜色的颜色值，并分别将所有颜色值转换为对应的配色数据。

文件生成单元13，用于对所述配色数据进行封装处理，生成配色文件；

具体实现中，所述文件生成单元13将所述配色数据保存至预设配色数据表，并根据所述配色数据表生成配色文件，可以理解的是，社交应用的管理人员可以预先设置配色样式文件，所述配色样式文件中的配色数据的部位均采用配色变量进行保存，所述文件生成单元13将所获取的配色数据对应替换所述配色样式文件中的配色变量，并在替换后生成配色文件。

需要说明的是，所述文件生成单元13可以在每获取一个配色数据，就采用该配色数据对相应的配色变量进行替换；也可以在获取了完整的配色设计图中的所有配色数据时，对所有相应的配色变量进行替换。当所有配色变量替换完成后，生成属于该配色设计图的配色文件。

具体的，请一并参见图6，为本发明实施例提供了文件生成单元的结构示意图。如图6所示，所述文件生成单元13可以包括：

保存子单元131，用于将所述配色数据保存至预设配色数据表；

具体实现中，所述保存子单元131将获取的配色数据保存至预设配色数据表，所述预设配色数据表优选为CSV文件。

文件生成子单元132，用于根据所述配色数据表生成配色文件；

具体实现中，社交应用的管理人员可以预先设置配色样式文件，所述配色样式文件中的配色数据的部位均采用配色变量进行保存，所述文件生成子单元132将所获取的配色数据对应替换所述配色样式文件中的配色变量，并在替换后生成配色文件。

需要说明的是，所述文件生成子单元132可以在每获取一个配色数据，就采用该配色数据对相应的配色变量进行替换；也可以在获取了完整的配色设计图中的所有配色数据时，对所有相应的配色变量进行替换。当所有配色变量替换完成后，生成属于该配色设计图的配色文件。

在本发明实施例中，当对社交应用界面进行配色文件的创建时，获取针对社交应用界面所输入的配色设计图，根据预设位置信息获取配色设计图中的配色数据，并对配色数据进行封装处理，生成配色文件。通过坐标点提取配色设计图中配色元素的配色数据，避免了手动书写出现的误差，进而较少了配色文件的维护成本，且进一步提升了对配色数据提取的准确性；通过自动根据预设位置信息获取所输入的配色设计图中的配色数据，以生成配色文件，实现了配色文件自动生成的过程，提升了配色文件生成的效率。

请参见图7，为本发明实施例提供了另一种配色文件生成装置的结构示意图。如图7所示，所述配色文件生成装置1000可以包括：至少一个处理器1001，例如CPU，至少一个网络接口1004，用户接口1003，存储器1005，至少一个通信总线1002。其中，通信总线1002用于实现这些组件之间的连接通信。其中，用户接口1003可以包括显示屏(Display)、键盘(Keyboard)，可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器，也可以是非不稳定的存储器(non-volatilememory)，例如至少一个磁盘存储器。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储装置。如图7所示，作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及文件生成应用程序。

在图7所示的配色文件生成装置1000中，网络接口1004主要用于社交应用服务器，与所述社交应用服务器进行数据通信，具体用于将生成的配色文件上传至所述社交应用服务器；而用户接口1003主要用于为用户提供输入的接口，获取用户输入的配色设计图；而处理器1001可以用于调用存储器1005中存储的文件生成应用程序，并具体执行以下步骤：

当对社交应用界面进行配色文件的创建时，获取针对所述社交应用界面所输入的配色设计图；

根据预设位置信息获取所述配色设计图中的配色数据；

对所述配色数据进行封装处理，生成配色文件。

在一个实施例中，所述预设位置信息为所述配色设计图中配色元素的坐标点。

在一个实施例中，所述处理器1001在执行根据预设位置信息获取所述配色设计图中的配色数据时，具体执行以下步骤：

提取所述配色设计图中配色元素的坐标点所指示的配色信息，所述配色信息为所述配色元素的颜色；

获取所述配色信息对应的配色数据。

在一个实施例中，所述处理器1001在执行获取所述配色信息对应的配色数据时，具体执行以下步骤：

获取所述配色元素的颜色对应的颜色值，并将所述颜色值转换为配色数据。

在一个实施例中，所述处理器1001在执行对所述配色数据进行封装处理，生成配色文件时，具体执行以下步骤：

将所述配色数据保存至预设配色数据表；

根据所述配色数据表生成配色文件。

在一个实施例中，所述处理器1001在执行根据所述配色数据表生成配色文件时，具体执行以下步骤：

采用所述配色数据表中的所述配色数据替换配色样式文件中的配色变量，并在替换后生成配色文件。

在一个实施例中，所述配色元素包括社交应用界面中的文字、线条、按钮和背景。

在本发明实施例中，当对社交应用界面进行配色文件的创建时，获取针对社交应用界面所输入的配色设计图，根据预设位置信息获取配色设计图中的配色数据，并对配色数据进行封装处理，生成配色文件。通过坐标点提取配色设计图中配色元素的配色数据，避免了手动书写出现的误差，进而较少了配色文件的维护成本，且进一步提升了对配色数据提取的准确性；通过自动根据预设位置信息获取所输入的配色设计图中的配色数据，以生成配色文件，实现了配色文件自动生成的过程，提升了配色文件生成的效率。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-OnlyMemory，ROM)或随机存储记忆体(RandomAccessMemory，RAM)等。

以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims (14)

1.一种配色文件生成方法，其特征在于，包括：

当对社交应用界面进行配色文件的创建时，获取针对所述社交应用界面所输入的配色设计图；

根据预设位置信息获取所述配色设计图中的配色数据；

对所述配色数据进行封装处理，生成配色文件。

2.根据权利要求1所述的方法，其特征在于，所述预设位置信息为所述配色设计图中配色元素的坐标点。

3.根据权利要求2所述的方法，其特征在于，所述根据预设位置信息获取所述配色设计图中的配色数据，包括：

提取所述配色设计图中配色元素的坐标点所指示的配色信息，所述配色信息为所述配色元素的颜色；

获取所述配色信息对应的配色数据。

4.根据权利要求3所述的方法，其特征在于，所述获取所述配色信息对应的配色数据，包括：

获取所述配色元素的颜色对应的颜色值，并将所述颜色值转换为配色数据。

5.根据权利要求1所述的方法，其特征在于，所述对所述配色数据进行封装处理，生成配色文件，包括：

将所述配色数据保存至预设配色数据表；

根据所述配色数据表生成配色文件。

6.根据权利要求5所述的方法，其特征在于，所述根据所述配色数据表生成配色文件，包括：

采用所述配色数据表中的所述配色数据替换配色样式文件中的配色变量，并在替换后生成配色文件。

7.根据权利要求2-6任一项所述的方法，其特征在于，所述配色元素包括社交应用界面中的文字、线条、按钮和背景。

8.一种配色文件生成装置，其特征在于，包括：

设计图获取单元，用于当对社交应用界面进行配色文件的创建时，获取针对所述社交应用界面所输入的配色设计图；

数据获取单元，用于根据预设位置信息获取所述配色设计图中的配色数据；

文件生成单元，用于对所述配色数据进行封装处理，生成配色文件。

9.根据权利要求8所述的装置，其特征在于，所述预设位置信息为所述配色设计图中配色元素的坐标点。

10.根据权利要求9所述的装置，其特征在于，所述数据获取单元包括：

信息提取子单元，用于提取所述配色设计图中配色元素的坐标点所指示的配色信息，所述配色信息为所述配色元素的颜色；

数据获取子单元，用于获取所述配色信息对应的配色数据。

11.根据权利要求10所述的装置，其特征在于，所述数据获取子单元具体用于获取所述配色元素的颜色对应的颜色值，并将所述颜色值转换为配色数据。

12.根据权利要求8所述的装置，其特征在于，所述文件生成单元包括：

保存子单元，用于将所述配色数据保存至预设配色数据表；

文件生成子单元，用于根据所述配色数据表生成配色文件。

13.根据权利要求12所述的装置，其特征在于，所述文件生成子单元具体用于采用所述配色数据表中的所述配色数据替换配色样式文件中的配色变量，并在替换后生成配色文件。

14.根据权利要求9-13任一项所述的装置，其特征在于，所述配色元素包括社交应用界面中的文字、线条、按钮和背景。