CN112347600A - 平面设计的优化方法、装置、电子设备及存储介质 - Google Patents

Abstract

本发明公开了一种平面设计的优化方法、装置、电子设备及存储介质，其中，方法包括：根据待优化的平面设计项目确定多个调整项；根据多个调整项的每个调整项的优先级获取多个调整项的调整次序；根据调整次序依次采用每个调整项对应的调整策略优化待优化的平面设计项目，生成最优平面设计项目。由此，解决了调整动作参数，导致布局风格过于单一、调参困难，无法保证平面布局的视觉效果达到最佳，无法有效提升平面设计的质量，不能有效满足用户的设计需求，降低使用体验等问题。

Description

平面设计的优化方法、装置、电子设备及存储介质

技术领域

本发明涉及平面设计优化技术领域，特别涉及一种平面设计的优化方法、装置、电子设备及存储介质。

背景技术

目前，在智能生成或是向多尺寸延展时，会产生一些视觉效果不佳的平面设计项目，而为了提高平面设计项目的质量和利用率，通常会对平面设计项目进行一定优化。

相关技术中，通过调整动作参数使得累加的能量函数达到最大值，其次把达到最大值的能量函数的动作参数运用到设计项目中。然而，相关技术的布局风格过于单一化，如对于具有相同尺寸、相同元素的平面设计，即使布局风格不同，也只能有一个能量函数最大值，导致对应的调整动作参数很容易使设计布局趋向单一化，而且能量函数调参较为困难，尤其是在元素种类和元素个数较多情况，无法保证最优解的动作参数能使平面布局的视觉效果达到最佳，无法有效提升平面设计的质量，不能有效满足用户的设计需求，降低使用体验。

发明内容

本发明提供一种平面设计的优化方法、装置、电子设备及存储介质，以解决现有技术中心，调整动作参数，导致布局风格过于单一、调参困难，无法保证平面布局的视觉效果达到最佳，无法有效提升平面设计的质量，不能有效满足用户的设计需求，降低使用体验等问题。

本发明第一方面实施例提供一种平面设计的优化方法，包括以下步骤：根据所述待优化的平面设计项目确定多个调整项；根据所述多个调整项的每个调整项的优先级获取所述多个调整项的调整次序；根据所述调整次序依次采用所述每个调整项对应的调整策略优化所述待优化的平面设计项目，生成最优平面设计项目。

本发明第二方面实施例提供一种平面设计的优化装置，包括：调整模块，用于根据所述待优化的平面设计项目确定多个调整项；获取模块，用于根据所述多个调整项的每个调整项的优先级获取所述多个调整项的调整次序；优化模块，用于根据所述调整次序依次采用所述每个调整项对应的调整策略优化所述待优化的平面设计项目，生成最优平面设计项目。

本发明第三发明实施例提供一种电子设备，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被设置为用于执行如上述实施例所述的平面设计的优化方法。

本发明第四方面实施例提供一种非临时性计算机可读存储介质，所述非临时性计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行如上述实施例所述的平面设计的优化方法。

由待优化的平面设计项目确定对应的多个调整项，根据每个调整项的优先级从高到低以每个调整项对应的调整策略对平面设计项目进行优化，生成最优平面设计项目，有效提升平面设计的质量的同时，有效满足用户的设计需求，提高使用体验，保证平面布局的视觉效果达到最佳。由此，解决了调整动作参数，导致布局风格过于单一、调参困难，无法保证平面布局的视觉效果达到最佳，无法有效提升平面设计的质量，不能有效满足用户的设计需求，降低使用体验等问题。

本发明附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。

附图说明

本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为根据本发明实施例的平面设计的优化方法的流程图；

图2为根据本发明一个实施例的平衡项的原理示意图；

图3为根据本发明一个实施例的优化前后效果示意图；

图4为根据本发明一个具体实施例的平面设计的优化方法的流程图；

图5为根据本发明实施例的平面设计的优化装置的方框示意图。

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本发明，而不能理解为对本发明的限制。

下面参考附图描述本发明实施例的平面设计的优化方法、装置、电子设备及存储介质。针对上述背景技术中心提到的由于调整动作参数，导致布局风格过于单一、调参困难，无法保证平面布局的视觉效果达到最佳，无法有效提升平面设计的质量，不能有效满足用户的设计需求，降低使用体验等问题，本发明提供了一种平面设计的优化方法，在该方法中，由待优化的平面设计项目确定对应的多个调整项，根据每个调整项的优先级从高到低以每个调整项对应的调整策略对平面设计项目进行优化，生成最优平面设计项目，有效提升平面设计的质量的同时，有效满足用户的设计需求，提高使用体验，保证平面布局的视觉效果达到最佳。由此，解决了调整动作参数，导致布局风格过于单一、调参困难，无法保证平面布局的视觉效果达到最佳，无法有效提升平面设计的质量，不能有效满足用户的设计需求，降低使用体验等问题，实现平面设计的智能优化，进而可以对于具有相同尺寸、相同元素、不同布局风格的平面，可以在保持原有布局风格的基础上进行调整，使得调整后也可以保持原有布局风格的多样化，视觉效果更规整，更和谐。

具体而言，图1为本发明实施例所提供的一种平面设计的优化方法的流程示意图。

如图1所示，该平面设计的优化方法包括以下步骤：

在步骤S101中，根据待优化的平面设计项目确定多个调整项。

可选地，在本发明的一个实施例中，调整项包括：元素大小项、平衡项、去重叠项、文本元素间距项、去大片留白项、文本对齐项与再平衡项。

可以理解的是，调整项可以包括很多种，如元素大小项、平衡项、去重叠项、文本元素间距项、去大片留白项、文本对齐项与再平衡项，但并不仅限于此，本发明实施例的调整项可以考虑到影响平面布局视觉效果的关键性因素，如“规范整齐”、“视觉平衡”、“信息完整”等，本领域技术人员可以根据面设计项目的具体需求进行设置，在此不做具体限制。

需要说明的是，在步骤S101中，本发明实施例可以根据平面设计项目自动确定多个调整项，即可以根据平面设计项目的当前质量确定需要调整的调整项，如一个较优的平面设计项目，只需文本元素间距项、去大片留白项，而一个较差的平面设计项目，可以包括所有调整项，即需元素大小项、平衡项、去重叠项、文本元素间距项、去大片留白项与再平衡项，减少冗余操作，提高优化的实用性和适用性，简单便捷。

在步骤S102中，根据多个调整项的每个调整项的优先级获取多个调整项的调整次序。

其中，在本发明的一个实施例中，元素大小项的优先级最高，平衡项、去重叠项、文本元素间距项与去大片留白项的优先级相同且高于文本对齐项，及再平衡项的优先级低于文本对齐项。

鉴于元素的挪动会“牵一发而动全身”，即元素之间都具有关联性，因此本发明实施例依照一定调整次序进行调整，而调整次序可以由每个调整项的优先级确定，例如，元素大小项>平衡项＝去重叠项＝文本元素间距项＝去大片留白项>文本对齐项>平衡项，即言，最先进行的调整步骤为“元素大小”，最后进行的调整步骤依次为“对齐”和“再平衡”，而其中的步骤可以有多种调整次序的组合方式，如：元素大小→平衡→去重叠→文本元素间距→去大片留白→文本对齐→再平衡；元素大小→去重叠→平衡→文本元素间距→去大片留白→文本对齐→再平衡；元素大小→去重叠→文本元素间距→平衡→去大片留白→文本对齐→再平衡等多种组合方式，本发明实施例考虑影响平面布局视觉效果的关键性因素，按照一定调整顺序调整可以使得视觉效果更规整，更和谐。

在步骤S103中，根据调整次序依次采用每个调整项对应的调整策略优化待优化的平面设计项目，生成最优平面设计项目。

可以理解的是，本发明实施例根据每个调整项的具体调整策略对平面设计项目进行优化，不但在平面设计在智能生成或是向多尺寸延展时，提高平面设计的质量和利用率，而且对于具有相同尺寸、相同元素、不同布局风格的平面，在保持原有布局风格的基础上进行调整，使得调整后也可以保持原有布局风格的多样化。

举例而言，元素大小项的调整策略为：

步骤S1：对于不同规格的平面，分别统计出不同元素的尺寸阈值范围。

步骤S2：如果元素大小在阈值范围外，则调整其大小至合理范围内。

如图2所示，平衡项的调整策略为：

步骤S1：把所有元素成框一个框，并确定这个框的中心点q₁。

步骤S2：确定平面的中心点q₂。

步骤S3：把所有元素当作一个整体，沿着q₂到q₁的方向移动。

去重叠项的调整策略为：

步骤S1：判断重叠元素间的对齐方式，并以不影响元素间对齐关系为优先原则进行移动。

步骤S2：根据元素面积的大小，决定优先移动的元素。移动方向可以参照步骤S1。

步骤S3：进行重叠拆分时，保持两元素的位置关系。

文本元素间距项的调整策略为：

步骤S1：统计出不同尺寸平面下，各文本元素间的相对间距。

步骤S2：调整文本元素的间距至合理范围内。

去大片留白项的调整策略为：

步骤S1：把不同尺寸的平面分别划分成数目和大小不同的网格。

步骤S2：检测有大片留白区域的网格。

步骤S3：有大片留白区域的网格上方或下方或左方或右方的元素做整体移动，移动至元素布局均匀平衡为止。

文本对齐项的调整策略为：

步骤S1：检测超出平面边界的元素，并把它拉回边界内。

步骤S2：依照一定次序逐一判定元素间的对齐关系及对齐方式，并逐一强制对齐。其中，对齐方式可以有6种(上对齐、下对齐、左对齐、右对齐、X中轴对齐、Y中轴对齐)。

步骤S3：在调整对齐时，若元素b向元素a移动时发生重叠，那么令元素b回到原位置并且让元素a朝元素b的方向移动对齐。

可以理解的是，本发明实施例可以根据平面设计项目确定调整项，以通过每个调整项的具体调整策略，且按照各调整项组合后的调整次序对平面设计项目进行优化，还可以适用于文本的页面布局调整、幻灯片的页面布局调整等。

可以理解的是，本发明实施例生成的最优平面设计项目可以为多个，也可以为每次生成一个。

进一步地，在本发明的一个实施例中，本发明实施例的方法还包括：根据预设评价体系分别获取待优化的平面设计项目与最优平面设计项目的评分。

可以理解的是，如图3所示，本发明实施例还可以生成优化前的平面设计项目的评分和优化后最优平面设计项目的评分，从而在调整前和调整后，通过评价体系进行评分，进而可以对调整前后的所得分数(7.1518与7.463)进行对比，更加直观地体现优化效果，提升使用体验。

另外，在本发明的一个实施例中，本发明实施例的方法还包括：若最优平面设计项目的评分低于待优化的平面设计项目的评分，则发送故障信息；若最优平面设计项目的评分与待优化的平面设计项目的评分的差值低于预设阈值，则发送提醒信息。

可以理解的是，若出现调整后的所得分数甚至低于调整前的所得分数的情况，则表示优化出现故障，需要发送故障信息至预设终端，以提醒维修人员进行维修，而若出现调整前后的所得分数的差值过小，则表示优化效果不明显，也可以发送提醒信息至预设终端，以提醒维修人员进行校验，有效保证优化的可靠性，提升使用体验。

下面以一个具体实施例对本发明实施例的优化方法进行详细描述。

如图4所示，本发明实施例的方法包括以下步骤：

步骤S401：输入。

可以理解的是，首先输入待优化的平面设计项目，以根据待优化的平面设计项目确定多个调整项。

步骤S402：评价体系。

在调整前，通过评价体系对进行待优化的平面设计项目评分，得到调整前的所得分数。

步骤S403：调整。

其中，步骤S403包括下述的步骤S4031、步骤S4032、步骤S4033、步骤S4034、步骤S4035、步骤S4036和步骤S4037。

步骤S4031：元素大小调整。

对于不同规格的平面，分别统计出不同元素的尺寸阈值范围；如果元素大小在阈值范围外，则调整其大小至合理范围内。

步骤S4032：平衡调整。

把所有元素成框一个框，并确定这个框的中心点q₁；确定平面的中心点q₂；把所有元素当作一个整体，沿着q₂到q₁的方向移动。

步骤S4033：去重叠调整。

判断重叠元素间的对齐方式，并以不影响元素间对齐关系为优先原则进行移动；根据元素面积的大小，决定优先移动的元素；进行重叠拆分时，保持两元素的位置关系。

步骤S4034：文本元素间距调整。

对于不同规格的平面，分别统计出不同元素的尺寸阈值范围；如果元素大小在阈值范围外，则调整其大小至合理范围内。

步骤S4035：去大片留白调整。

把不同尺寸的平面分别划分成数目和大小不同的网格；检测有大片留白区域的网格；有大片留白区域的网格上方或下方或左方或右方的元素做整体移动，移动至元素布局均匀平衡为止。

步骤S4036：文本对齐调整。

检测超出平面边界的元素，并把它拉回边界内；依照一定次序逐一判定元素间的对齐关系及对齐方式，并逐一强制对齐；在调整对齐时，若元素b向元素a移动时发生重叠，那么令元素b回到原位置并且让元素a朝元素b的方向移动对齐。

步骤S4037：再平衡调整。

再次把所有元素成框一个框，并确定这个框的中心点q₁；确定平面的中心点q₂；把所有元素当作一个整体，沿着q₂到q₁的方向移动。

步骤S404：评价体系。

在调整后，通过评价体系对进行最优平面设计项目评分，得到调整后的所得分数，以对两者进行比对。

步骤S405：输出。

即言，输出调整前后的所得分数和调整后的最优平面设计项目。

根据本发明实施例提出的平面设计的优化方法，由待优化的平面设计项目确定对应的多个调整项，根据每个调整项的优先级从高到低以每个调整项对应的调整策略对平面设计项目进行优化，生成最优平面设计项目，有效提升平面设计的质量的同时，有效满足用户的设计需求，提高使用体验，保证平面布局的视觉效果达到最佳。由此，解决了调整动作参数，导致布局风格过于单一、调参困难，无法保证平面布局的视觉效果达到最佳，无法有效提升平面设计的质量，不能有效满足用户的设计需求，降低使用体验等问题。

其次参照附图描述根据本发明实施例提出的平面设计的优化装置。

图5是本发明实施例的平面设计的优化装置的方框示意图。

如图5示，该平面设计的优化装置10包括：调整模块100、获取模块200和优化模块300。

其中，调整模块100，用于根据所述待优化的平面设计项目确定多个调整项。

获取模块200，用于根据所述多个调整项的每个调整项的优先级获取所述多个调整项的调整次序。

优化模块300，用于根据所述调整次序依次采用所述每个调整项对应的调整策略优化所述待优化的平面设计项目，生成最优平面设计项目。

可选地，在本发明的一个实施例中，调整项包括：元素大小项、平衡项、去重叠项、文本元素间距项、去大片留白项、文本对齐项与再平衡项，其中，所述元素大小项的优先级最高，所述平衡项、所述去重叠项、所述文本元素间距项与所述去大片留白项的优先级相同且高于所述文本对齐项，及所述再平衡项的优先级低于所述文本对齐项。

进一步地，在本发明的一个实施例中，本发明实施例的装置10还包括：评分模块和提醒模块。

其中，评分模块，用于根据预设评价体系分别获取待优化的平面设计项目与所述最优平面设计项目的评分。

提醒模块，用于在所述最优平面设计项目的评分低于所述待优化的平面设计项目的评分时，发送故障信息，且在所述最优平面设计项目的评分与所述待优化的平面设计项目的评分的差值低于预设阈值时，发送提醒信息。

需要说明的是，前述对平面设计的优化方法实施例的解释说明也适用于该实施例的平面设计的优化装置，此处不再赘述。

根据本发明实施例提出的平面设计的优化装置，由待优化的平面设计项目确定对应的多个调整项，根据每个调整项的优先级从高到低以每个调整项对应的调整策略对平面设计项目进行优化，生成最优平面设计项目，有效提升平面设计的质量的同时，有效满足用户的设计需求，提高使用体验，保证平面布局的视觉效果达到最佳。由此，解决了调整动作参数，导致布局风格过于单一、调参困难，无法保证平面布局的视觉效果达到最佳，无法有效提升平面设计的质量，不能有效满足用户的设计需求，降低使用体验等问题。

为了实现上述实施例，本发明还提出了一种电子设备，包括：至少一个处理器和存储器。其中，存储器与至少一个处理器通信连接，其中，存储器存储有可被至少一个处理器执行的指令，指令被设置为用于执行上述实施例的平面设计的优化方法，如以用于：

根据待优化的平面设计项目确定多个调整项。

根据多个调整项的每个调整项的优先级获取多个调整项的调整次序。

发根据调整次序依次采用每个调整项对应的调整策略优化待优化的平面设计项目，生成最优平面设计项目。

为了实现上述实施例，本发明还提出了一种非临时性计算机可读存储介质，其存储计算机指令，计算机指令用于使计算机执行上述实施例的平面设计的优化方法。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或N个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中，“N个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更N个用于实现定制逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或N个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，N个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。如，如果用硬件来实现和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (10)

1.一种平面设计的优化方法，其特征在于，包括以下步骤：

根据所述待优化的平面设计项目确定多个调整项；

根据所述多个调整项的每个调整项的优先级获取所述多个调整项的调整次序；以及

根据所述调整次序依次采用所述每个调整项对应的调整策略优化所述待优化的平面设计项目，生成最优平面设计项目。

2.根据权利要求1所述的所述的方法，其特征在于，调整项包括：元素大小项、平衡项、去重叠项、文本元素间距项、去大片留白项、文本对齐项与再平衡项。

3.根据权利要求2所述的方法，其特征在于，所述元素大小项的优先级最高，所述平衡项、所述去重叠项、所述文本元素间距项与所述去大片留白项的优先级相同且高于所述文本对齐项，及所述再平衡项的优先级低于所述文本对齐项。

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

根据预设评价体系分别获取待优化的平面设计项目与所述最优平面设计项目的评分。

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

若所述最优平面设计项目的评分低于所述待优化的平面设计项目的评分，则发送故障信息；

若所述最优平面设计项目的评分与所述待优化的平面设计项目的评分的差值低于预设阈值，则发送提醒信息。

6.一种平面设计的优化装置，其特征在于，包括：

调整模块，用于根据所述待优化的平面设计项目确定多个调整项；

获取模块，用于根据所述多个调整项的每个调整项的优先级获取所述多个调整项的调整次序；以及

优化模块，用于根据所述调整次序依次采用所述每个调整项对应的调整策略优化所述待优化的平面设计项目，生成最优平面设计项目。

7.根据权利要求6所述的装置，其特征在于，调整项包括：元素大小项、平衡项、去重叠项、文本元素间距项、去大片留白项、文本对齐项与再平衡项，其中，所述元素大小项的优先级最高，所述平衡项、所述去重叠项、所述文本元素间距项与所述去大片留白项的优先级相同且高于所述文本对齐项，及所述再平衡项的优先级低于所述文本对齐项。

8.根据权利要求6所述的装置，其特征在于，所述装置还包括：

评分模块，用于根据预设评价体系分别获取待优化的平面设计项目与所述最优平面设计项目的评分；

提醒模块，用于在所述最优平面设计项目的评分低于所述待优化的平面设计项目的评分时，发送故障信息，且在所述最优平面设计项目的评分与所述待优化的平面设计项目的评分的差值低于预设阈值时，发送提醒信息。

9.一种电子设备，其特征在于，包括：

至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；

其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被设置为用于执行上述权利要求1-5任一项所述的平面设计的优化方法。

10.一种非临时性计算机可读存储介质，其特征在于，所述非临时性计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行权利要求1-5任一项所述的平面设计的优化方法。

Images