CN111783383B - 一种文档视觉效果的配置方法和装置 - Google Patents

Abstract

本申请提出一种文档视觉效果的配置方法和装置，包括：获取所述文档中多个元素间的层叠关系；根据所述层叠关系，配置目标元素的配色属性信息。本发明获取所述文档中多个元素间的层叠关系；根据所述层叠关系，配置相应层叠中的元素配色属性。本发明能够在视觉上清楚的界定有层叠关系的多个元素，优化了文档显示的视觉效果。

Description

一种文档视觉效果的配置方法和装置

技术领域

本发明涉及文档视觉效果编辑领域，具体涉及一种文档视觉效果的配置方法和装置。

背景技术

在办公环境中，用户进行广告宣传、产品演示等活动时希望利用图文并茂的方式展示给参与者，经常使用演示文稿、简报、文字、图片等加上一些特效动态显示效果制作出来的可播放文件进行展示。经常使用的软件包括PowerPoint、Office等，上述软件在显示内容编辑的过程中，用户可以对各个对象进行颜色、轮廓、大小等进行编辑，在配色时，最为常见的方式是如图1-2所示，根据配色的风格预先设定主题颜色，用户在制作显示内容时，可以从设定的主题颜色中选取颜色，也可以自定义颜色，其中主题颜色相当于定义了一组格子，每个格子有编号，每个编号对应一个该主题的颜色，不同的配色风格就是在不同的格子里填不同的颜色。文档的显示界面通常包括多种元素，如标题框、内容框，而内容框中又可包括多种类型的内容：如文字，背景图像。在实际文档的应用中，文档显示界面上的多个元素可能出现叠加显示的情况。目前没有为演示文档(模板)里自动配色的方案，影响用户体验。

发明内容

本申请提供一种文档视觉效果的配置方法和装置，针对现有配色方法的不足，实现自动化的为显示内容配色。

采取的技术方案如下：

一种文档视觉效果的配置方法，包括：

获取所述文档中多个元素间的层叠关系；

根据所述层叠关系，配置目标元素的配色属性信息。

优选地，所述获取文档中多个元素间的层叠关系，包括：

从固化描述元素间层叠关系的文档中获取多个元素间的层叠关系；

或，

从可编辑元素间层叠关系的文档中获取多个元素间的层叠关系。

优选地，根据所述层叠关系，配置目标元素的配色属性信息，包括：

基于层叠关系，确定目标元素所在的层级；

对于所确定的层级中的目标元素，配置所述元素的颜色特征信息。

优选地，配置目标元素的配色属性信息包括：修改一个或者多个元素的配色属性信息、添加一个或者多个元素的配色属性信息，删除一个或者多个元素的配色属性信息。

优选地，所述颜色特征信息包括：饱和度、色调、亮度、颜色搭配关系、配色设计类别、文档逻辑关系类别。

优选地，所述方法之前还包括：

接收配色指令，并按照所述配色指令为目标元素的配置配色属性信息。

优选地，所述颜色搭配关系包括以下至少之一：

多个颜色在同一层级的组合关系；

后级对象的颜色组成与前级对象的颜色组成的可分辨关系；

多个颜色的层叠显示关系；

多个颜色之间的相似关系；

多个颜色之间的对比关系。

本发明还提供一种文档视觉效果的配置装置，所述装置包括：

层叠关系获取模块，用于获取所述文档中多个元素间的层叠关系；

配色模块，用于根据所述层叠关系，配置目标元素的配色属性信息。

优选地，所述层叠关系获取模块获取所述文档中多个元素间的层叠关系，包括：

从固化描述元素间层叠关系的文档中获取多个元素间的层叠关系；

或，

从可编辑元素间层叠关系的文档中获取多个元素间的层叠关系。

优选地，所述配色模块根据所述层叠关系，配置目标元素的配色属性信息，包括：

基于层叠关系，确定目标元素所在的层级；

对于所确定的层级中的目标元素，配置所述元素的颜色特征信息。

本申请和现有技术相比，具有如下有益效果：

与现有技术相比，本发明包括：获取所述文档中多个元素间的层叠关系；根据所述层叠关系，配置相应层叠中的元素配色属性。本发明能够在视觉上清楚的界定有层叠关系的多个元素，优化了文档显示的视觉效果。本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

附图说明

图1为现有技术的配色的风格示意图；

图2为现有技术的主题颜色的显示内容示意图；

图3为本发明实施例的文档视觉效果的配置方法的流程图；

图4为本发明实施例的文档视觉效果的配置装置的结构示意图；

图5为本发明应用示例所示的元素间的层叠关系示意图；

图6为本发明应用示例所示的存在层叠关系的元素显示效果示意图；

图7为本发明应用示例所示的另一种存在层叠关系的元素显示效果示意图；

图8为本发明应用示例所示的逻辑结构为步骤式的元素显示效果示意图；

图9为本发明应用示例所示的逻辑结构为树形的元素显示效果示意图；

图10为本发明应用示例所示的逻辑结构为总分式的元素显示效果示意图。

具体实施方式

下面将结合附图及实施例对本申请的技术方案进行更详细的说明。

需要说明的是，如果不冲突，本申请实施例以及实施例中的各个特征可以相互结合，均在本申请的保护范围之内。另外，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

如图3所示，本发明实施例还提供一种文档视觉效果的配置方法，包括：

S101、获取所述文档中多个元素间的层叠关系；

S102、根据所述层叠关系，配置目标元素的配色属性信息。

所述多个元素间层叠关系包括：元素彼此不重叠、元素存在部分重叠、元素完全重叠、元素包含但不重叠(如视觉上被包含的元素穿透包含元素，位于包含元素上)；

所述文档可以包括幻灯片文档；所述元素可包括文档中的标题框、内容框、内容框中的内容。

本发明实施例中，步骤S101中所述获取文档中多个元素间的层叠关系，包括：

从固化描述元素间层叠关系的文档中获取多个元素间的层叠关系；

或，

从可编辑元素间层叠关系的文档中获取多个元素间的层叠关系。

将不同元素间的层叠关系固化写入文档，如写入幻灯片自带文档，可丰富文档程序的现有功能，优化了文档程序的用户体验；将不同元素间的层叠关系写入可编辑文档，利于用户按照所需对元素间的层叠关系进行调整，使用灵活方便。

所述文档中写入的层叠关系可以是文档制作人(比如模板设计师、文档使用用户)根据元素的层叠和透视效果计算出来的。

本发明实施例中，步骤S102中根据所述层叠关系，配置目标元素的配色属性信息，包括：

基于层叠关系，确定目标元素所在的层级；

对于所确定的层级中的目标元素，配置所述元素的颜色特征信息。

本发明实施例中，以幻灯片为例的文档视觉效果配置方案按照确定的层叠关系确定的配色方案组成，具有如下优点：

在保持原幻灯片页设计风格的情况下，在配色方案库里挑选最佳配色方案；

在不破坏幻灯片原设计的情况下，可以用配色方案库里的方案，按照配色方案的风格，给幻灯片上色(更改、或者从空白到有颜色)。

其中配色方案库为预存的若干颜色合适成组使用、颜色之间互相可见、颜色合适层叠显示的配色方案集合。

本发明实施例中，配置目标元素的配色属性信息包括：修改一个或者多个元素的配色属性信息、添加一个或者多个元素的配色属性信息，删除一个或者多个元素的配色属性信息。

本发明实施例中，所述颜色特征信息包括：饱和度、色调、亮度、颜色搭配关系、配色设计类别、文档逻辑关系类别。

本发明实施例中，所述颜色特征信息包括以下部分：

配色方案里的“颜色”指颜色值，无论用什么记录方式(常见的颜色记录体系有4种，RGB、HSL、HSV、CMYK)，例如RGB体系中用饱和度、色调、亮度代表一个颜色，黑色在RGB体系是(255，255，255)。

颜色值确定后，其代表暖色还是冷色、活泼色还是沉闷色、明度范围也就随之确定。

在配色方案里的“颜色搭配关系”包括但不仅限于：

若干颜色合适成组使用、颜色之间互相可见、颜色合适层叠显示、颜色之间是类似关系、颜色之间是对比关系。

其中，“颜色之间互相可见”指后级对象的颜色组成与前级对象的颜色组成满足可分辨条件：当满足可分辨条件时，确定所述显示内容在视觉上可分辨，当不满足可分辨条件时，确定所述显示内容在视觉上不可分辨。

其中，所述可分辨条件包括：比对后级对象的RGB颜色的组成与所述前级对象的RGB颜色的组成，比对结果大于或者等于分辨阈值。

本发明实施例中可以将后级对象的RGB颜色的组成的三个分量分别与前级对象的RGB颜色的组成的三个分量做减法获得三个差值，将这三个差值求平方和，获得比对结果，当比对结果大于或者等于预设的分辨阈值时，认为满足可分辨条件，即后级对象与前级对象在视觉上可分辨，当比对结果小于预设的分辨阈值时，认为不满足可分辨条件，即后级对象与前级对象在视觉上不可分辨。例如色阶分辨率为256，颜色1，RGB(255,255,255)，颜色2，RGB(199,237,204)，颜色1和颜色2的比对结果(255-199)²+(255-237)²+(255-204)²，比对结果与预设阈值比较，获得颜色1和颜色2在视觉上的分辨程度，再进一步与分辨阈值比较，确定在视觉上能否分辨。

显示内容一般可以分为多个视觉层级，例如，2个视觉层级时，可以称为背景和前景，所在层级的对象的颜色可以称为背景色和前景色；多个视觉层级时，按照显示顺序，可以称为第一层级、第二层级……，其中，相邻的或者相间的两级，在后的层级可以称为在前的层级的后级，在前的层级可以称为在后的层级的前级，本发明实施例中的需要使得显示内容背景色必须在前景色上可分辨，后级对象的颜色在前级对象的颜色上可分辨。

本发明实施例中，所述方法之前还包括：

接收配色指令，并按照所述配色指令为目标元素的配置配色属性信息。

本发明实施例中，所述颜色搭配关系包括以下至少之一：

多个颜色在同一层级的组合关系；

后级对象的颜色组成与前级对象的颜色组成的可分辨关系；

多个颜色的层叠显示关系；

多个颜色之间的相似关系；

多个颜色之间的对比关系。

本发明实施例中，配色方案库中设置可以预设颜色对，所述颜色对为满足可分辨条件的两个颜色。

本发明实施例预先设定颜色对，一种颜色可以对应一个或者多个颜色对，例如白色和黑色为一对预设的颜色对，白色和深蓝色(具体的颜色由RGB颜色的组成确定)为一对预设的颜色对，白色和红色(具体的颜色由RGB颜色的组成确定)为一对预设的颜色对，例如后级对象的颜色为黑色，前级对象的颜色为黄色。

本发明实施例配色方案库中还预先为了更好的视觉效果和美感设定系列色，所述系列色为满足可分辨条件的多个颜色。一种颜色可以对应一个或者多个系列色，例如，红色、黄色、绿色(具体的颜色由RGB颜色的组成确定)为一组系列色，例如同一层级中包括多个填充框，其中一个填充框填充红色后，其他填充框可以选择系列色进行填充，填充为黄色和绿色。

颜色之间互相可见：两个存在叠压关系的对象上出现的颜色是互相可见的。

颜色合适层叠显示：多个存在叠压关系的对象上出现的颜色即是互相可见的。

颜色之间是类似关系，根据既定规则，给颜色标识特征。例如：红色和橘色是类似关系。

颜色之间是对比关系，根据既定规则，给颜色标识特征。例如：红色和绿色是对比关系。

配色设计类别分为主色、辅色。

结合文档逻辑结构关系，分为：背景色、蒙板色、字体色、设计效果色、点缀色：

1)背景色：来源于幻灯片背景颜色、衬底颜色、背景图片；

2)字体色：在文字、图标上出现过的颜色；

3)设计效果色：即其它色，整个文档中去除背景、衬底、蒙板、文字、图标等对象，剩下的对象中出现过的颜色；

4)点缀色：没有在其它组出现过，仅出现在不叠压任何图标或文字的装饰上的颜色；

5)蒙板色：没有在其它组出现过，仅在蒙板出现的颜色。

本发明实施例中，配色方案库里存储的是配色方案，配色方案匹配规则举例但不仅限于：

①颜色个数；

②背景色个数

③颜色风格(少女、商务等)

④有无蒙板色

利用从配色方案库确定出来的配色方案，给既定的幻灯片配色。

如图4所示，本发明实施例还提供一种文档视觉效果的配置装置，包括：

层叠关系获取模块100，用于获取所述文档中多个元素间的层叠关系；

配色模块200，用于根据所述层叠关系，配置目标元素的配色属性信息。

本发明实施例中，所述层叠关系获取模块100获取所述文档中多个元素间的层叠关系，包括：

从固化描述元素间层叠关系的文档中获取多个元素间的层叠关系；

或，

从可编辑元素间层叠关系的文档中获取多个元素间的层叠关系。

本发明实施例中，所述配色模块200根据所述层叠关系，配置目标元素的配色属性信息，包括：

基于层叠关系，确定目标元素所在的层级；

对于所确定的层级中的目标元素，配置所述元素的颜色特征信息。

本发明实施例还提供了一种计算机可读存储介质，所述介质存储有计算机可执行指令，所述计算机可执行指令被处理器执行时实现如上实施例所述的文档视觉效果的配置方法。

本发明实施例还提供了一种文档视觉效果的配置终端，其特征在于，所述终端包括：

存储器，用于存储计算机可读指令；

处理器，用于执行所述计算机可读指令，实现如上实施例所述的文档视觉效果的配置方法。

实施例一

本实施例以更换配色为例，说明文档视觉效果的配置过程：

获取文档中多个元素间的层叠关系；

按照配色转换指令将目标元素的颜色转换为目标颜色；

其中，在转换配色的过程中，需要确定显示内容在视觉上的分辨程度；

当所述显示内容在视觉上不可分辨时，按照显示内容的视觉层级与元素的层叠关系，将显示内容中除目标元素外的一个或者多个元素的颜色按照约束条件转换颜色。

其中，确定显示内容在视觉上的分辨程度包括：

确定所述目标元素的RGB颜色的组成；

确定显示内容中所述目标元素的关联元素的RGB颜色的组成；

比对所述目标元素的RGB颜色的组成与所述关联元素的RGB颜色的组成是否满足可分辨条件，当满足所述可分辨条件时，确定所述显示内容在视觉上可分辨，当不满足所述可分辨条件时，确定所述显示内容在视觉上不可分辨。

所述约束条件包括：

后级对象的颜色组成与前级对象的颜色组成满足可分辨条件。

为了满足上述约束条件可以从配色方案库中确定配色方案：

后级对象的颜色与前级对象的颜色为预设颜色对，所述颜色对为预先设置的满足可分辨条件的颜色。

多个视觉层级的颜色为预设系列色，所述系列色为预先设置的满足可分辨条件的颜色。

实施例二

下面以一个具体的应用示例对上述实施例进行进一步说明。

假设一张幻灯片上存在如图5所示的层叠关系，在幻灯片背景的底部有一个矩阵，所述矩阵上叠加有三个矩阵；在幻灯片背景的中部有三个圆，三个圆上叠加有三个星星。

按照本发明实施例给出的文档视觉效果的配置方法，存在层叠关系的元素显示图案如图6所示，视觉上对元素的层叠关系一目了然。

由于视觉效果可设定，图7给出了上述存在层叠关系元素的另一种显示图案。

按照本发明实施例给出的文档视觉效果的配置方法，逻辑结构为步骤式的元素显示图案如图8所示。

按照本发明实施例给出的文档视觉效果的配置方法，逻辑结构为树形的元素显示图案如图9所示。

按照本发明实施例给出的文档视觉效果的配置方法，逻辑结构为总分式的元素显示图案如图10所示。

虽然本发明所揭示的实施方式如上，但其内容只是为了便于理解本发明的技术方案而采用的实施方式，并非用于限定本发明。任何本发明所属技术领域内的技术人员，在不脱离本发明所揭示的核心技术方案的前提下，可以在实施的形式和细节上做任何修改与变化，但本发明所限定的保护范围，仍须以所附的权利要求书限定的范围为准。

Claims (8)

1.一种文档视觉效果的配置方法，其特征在于，包括：

获取所述文档中多个元素间的层叠关系，其中，所述多个元素间的层叠关系包括以下至少之一：元素彼此不重叠、元素包含但不重叠；

根据所述层叠关系，配置目标元素的配色属性信息，以在保持所述文档原设计风格的情况下，选择配色方案库里的方案，并按照所述方案的风格，为所述文档中的多个元素上色；

其中，所述配色方案库为预存的若干颜色适合成组使用或适合层叠显示的配色方案集合；

其中，所述获取文档中多个元素间的层叠关系，包括：从固化描述元素间层叠关系的文档中获取多个元素间的层叠关系；或，从可编辑元素间层叠关系的文档中获取多个元素间的层叠关系。

2.如权利要求1所述的方法，其特征在于：根据所述层叠关系，配置目标元素的配色属性信息，包括：

基于层叠关系，确定目标元素所在的层级；

对于所确定的层级中的目标元素，配置所述元素的颜色特征信息。

3.如权利要求2所述的方法，其特征在于：配置目标元素的配色属性信息包括：修改一个或者多个元素的配色属性信息、添加一个或者多个元素的配色属性信息，删除一个或者多个元素的配色属性信息。

4.如权利要求2所述的方法，其特征在于：所述颜色特征信息包括：饱和度、色调、亮度、颜色搭配关系、配色设计类别、文档逻辑关系类别。

5.如权利要求1所述的方法，其特征在于：所述方法之前还包括：

接收配色指令，并按照所述配色指令为目标元素配置配色属性信息。

6.如权利要求4所述的方法，其特征在于：所述颜色搭配关系包括以下至少之一：

多个颜色在同一层级的组合关系；

后级对象的颜色组成与前级对象的颜色组成的可分辨关系；

多个颜色的层叠显示关系；

多个颜色之间的相似关系；

多个颜色之间的对比关系。

7.一种文档视觉效果的配置装置，其特征在于，所述装置包括：

层叠关系获取模块，用于获取所述文档中多个元素间的层叠关系，其中，所述多个元素间的层叠关系包括以下至少之一：元素彼此不重叠、元素包含但不重叠；

配色模块，用于根据所述层叠关系，配置目标元素的配色属性信息，以在保持所述文档原设计风格的情况下，选择配色方案库里的方案，并按照所述方案的风格，为所述文档中的多个元素上色；

其中，所述配色方案库为预存的若干颜色适合成组使用或适合层叠显示的配色方案集合；

其中，所述层叠关系获取模块用于按照如下方式获取所述文档中多个元素间的层叠关系：从固化描述元素间层叠关系的文档中获取多个元素间的层叠关系；或，从可编辑元素间层叠关系的文档中获取多个元素间的层叠关系。

8.如权利要求7所述的装置，其特征在于：所述配色模块根据所述层叠关系，配置目标元素的配色属性信息，包括：

基于层叠关系，确定目标元素所在的层级；

对于所确定的层级中的目标元素，配置所述元素的颜色特征信息。