CN109741425A - 横幅图片生成方法、装置及存储介质、计算机设备 - Google Patents

Abstract

本发明提供一种横幅图片生成方法、装置及存储介质、计算机设备，所述方法包括：读取用户输入的目标横幅图片的横幅元素；所述横幅元素包括生成所述目标横幅图片的背景色系和横幅内容文本；根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型；所述目标用户界面布局模型用于根据所述横幅元素生成所述目标横幅图片；将所述横幅元素输入所述目标用户界面布局模型，得到所述目标横幅图片。因此，上述方法可自动生成横幅图片，减少人力沟通成本，提高横幅广告的投产效率。

Description

横幅图片生成方法、装置及存储介质、计算机设备

技术领域

本发明涉及图片处理技术领域，具体而言，本发明涉及一种横幅图片生成方法、装置及存储介质、计算机设备。

背景技术

横幅图片包括特定的背景图片和文字内容，通过文字和背景图片的配合以简单直观地传递主题标语等。横幅图片广泛应用在网站页面上，用于宣传广告、推广链接以及提醒用户重要信息等。

横幅广告的运营人员进行运营活动投产时，依赖UI设计师对横幅图片(banner)的设计。然而，UI设计资源紧张，运营人员需要等待UI设计师的排期，还需要跟UI设计师沟通各种的排版需求，不仅耗费更多的人力资源，同时也造成横幅广告的投产效率。

发明内容

本发明提出一种横幅图片生成方法、装置及存储介质、计算机设备，以自动生成横幅图片，减少人力沟通成本，提高横幅广告的投产效率。

本发明提供以下方案：

一种横幅图片生成方法，包括：读取用户输入的目标横幅图片的横幅元素；所述横幅元素包括生成所述目标横幅图片的背景色系和横幅内容文本；根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型；所述目标用户界面布局模型用于根据所述横幅元素生成所述目标横幅图片；将所述横幅元素输入所述目标用户界面布局模型，得到所述目标横幅图片。

在一实施例中，所述横幅元素还包括生成所述目标横幅图片的背景尺寸；所述根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型之前，还包括：从系统中获取色系与所述背景色系匹配的背景图；根据所述背景尺寸对所述背景图进行裁剪；所述根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型，包括：根据所述裁剪后的背景图与所述横幅内容文本匹配出所述目标用户界面布局模型。

在一实施例中，所述横幅内容文本包括横幅的主标题和副标题；所述横幅元素还包括横幅图标；所述根据所述裁剪后的背景图与所述横幅内容文本匹配出所述目标用户界面布局模型，包括：根据所述横幅图标、所述裁剪后的背景图以及所述包括主标题和副标题的横幅内容文本匹配出所述目标用户界面布局模型。

在一实施例中，所述目标用户界面布局模型通过以下方式获得：确认与所述背景色系匹配的主色系，获取与所述主色系对应的多张背景图作为训练背景图；获取用于作为横幅图片内容文本的训练文本；所述训练文本包括文本字体大小以及字体放置在背景图的摆放位置；获取用于作为横幅图片图标的训练图标；所述训练图标包括图标样式和图标放置在背景图的摆放位置；根据所述训练背景图、训练文本以及所述训练图标生成多个待确定的用户界面布局模型；所述多个待确定的用户界面布局模型包括所述目标用户界面布局模型。

在一实施例中，所述根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型，包括：获取所述背景图中像素点的颜色分布；根据所述背景图中像素点的颜色分布、所述横幅内容中文本长度以及每个所述待确定的用户界面布局模型的评分，从所述多个待确定的用户界面布局模型匹配出所述目标用户界面布局模型。

在一实施例中，所述将所述横幅元素输入所述目标用户界面布局模型，得到所述目标横幅图片，包括：根据所述目标用户界面布局模型，确定出所述横幅内容文本在所述背景图的位置的背景块；提取所述背景块中所有的像素点的颜色值，根据所述所有的像素点的颜色值计算所述背景块的颜色比重值；根据所述比重值，采用预设的颜色反差算法确定出所述横幅内容文本的填充颜色；将所述横幅内容文本填充上所述填充颜色，并置于所述背景图的背景块中，得到所述目标横幅图片。

在一实施例中，所述获取所述背景图中像素点的颜色分布，包括：将所述背景图分割成预设数量的背景分块；获取每一背景分块中与所述主色系颜色匹配的像素点的数量占比，将所述数量占比大于预设值的背景分块作为有效区域分块；根据所有所述有效区域分块的位置，计算出所述背景图中像素点的颜色分布。

一种横幅图片生成装置，包括：读取模块，用于读取用户输入的目标横幅图片的横幅元素；所述横幅元素包括生成所述目标横幅图片的背景色系和横幅内容文本；匹配模块，用于根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型；所述目标用户界面布局模型用于根据所述横幅元素生成所述目标横幅图片；生成模块，用于将所述横幅元素输入所述目标用户界面布局模型，得到所述目标横幅图片。

一种计算机可读存储介质，其上存储有计算机指令；所述指令用于执行上述任一实施例所述的横幅图片生成方法。

一种计算机设备，包括：一个或多个处理器；存储器；一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于：执行根据上述任一实施例所述的横幅图片生成方法。

上述实施例提供的横幅图片生成方法，用户输入所需要生成的目标横幅图片的横幅元素之后，服务器系统读取用户输入的横幅元素，根据横幅元素的背景色系和横幅内容文本从系统中匹配出目标用户界面布局模型，将横幅元素输入目标用户界面布局模型，得到用户需求的横幅图片。因此，运营人员(用户)可以脱离UI(User Interface，用户界面)设计师的当前设计，无需等待UI设计师的排期，可以自行根据项目需求生成banner图片，将生成的banner图直接进行投产，从而减少与UI设计师的沟通成本，提高了工作效率。

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

附图说明

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

图1为本发明提供的一种横幅图片生成方法的一实施例中的方法流程图；

图2为本发明提供的一种横幅图片生成方法的另一实施例中的方法流程图；

图3为本发明提供的步骤S200的一实施例中的方法流程图；

图4为本发明提供的步骤S200的另一实施例中的方法流程图；

图5为本发明提供的步骤S300的一实施例中的方法流程图；

图6为本发明提供的用户界面布局模型的形成以及筛选的一实施例中的流程图；

图7为本发明提供的用户界面布局模型的训练的一实施例中的流程图；

图8为本发明提供的采用目标用户界面布局模型生成目标横幅图片的算法的一实施例中的流程图；

图9为本发明提供的一种横幅图片生成装置的一实施例中的结构示意图；

图10为本发明提供的一种计算机设备的一实施例中的结构示意图。

具体实施方式

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

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式，这里使用的“第一”、“第二”仅用于区别同一技术特征，并不对该技术特征的顺序和数量等加以限定。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。

颜色反差算法：根据给出的颜色，计算出最显眼、最搭配的颜色。

UI布局模型：“根据不同场景，使用不同的布局”的算法模型。

本发明提供一种横幅图片生成方法。在一实施例中，如图1所示，该横幅图片生成方法，包括以下步骤：

S100，读取用户输入的目标横幅图片的横幅元素；所述横幅元素包括生成所述目标横幅图片的背景色系和横幅内容文本。

在本实施例中，用户输入用于生成目标横幅图片的横幅元素。横幅元素可以包括目标横幅图片的标题、副标题、背景色系以及尺寸等。服务器系统读取到用户输入的目标横幅图片的横幅元素时，提取横幅元素中用于生成目标横幅图片的背景色系和横幅内容文本。背景色系可以是，系统向用户提供包含多种颜色的色系盘，系统通过识别用户触发的颜色确定出用户输入的背景色系。或者，系统向用户提供用于形成目标颜色的RGB输入值，系统通过读取用户输入的RGB值确定出用户输入的背景色系。横幅内容文本可以包括文本的长度以及文本的文字表达内容等。

S200，根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型；所述目标用户界面布局模型用于根据所述横幅元素生成所述目标横幅图片。

在本实施例中，服务器系统读取到用户输入的背景色系和横幅内容文本之后，根据背景色系和横幅内容文本从服务器系统的存储区中匹配出目标用户界面布局模型。其中，服务器系统的存储区中存储有多个用户界面布局模型，每个用户界面布局模型针对不同的背景色系和横幅内容文本进行布局，以得到不同的横幅图片。多个用户界面布局模型可以是通过多种背景图和横幅内容文本组合训练得到。

在一实施例中，所述横幅元素还包括生成所述目标横幅图片的背景尺寸。如图2所示，步骤S200之前，还包括：

S110，从系统中获取色系与所述背景色系匹配的背景图。

S120，根据所述背景尺寸对所述背景图进行裁剪。

此时，步骤S200包括：

S210，根据所述裁剪后的背景图与所述横幅内容文本匹配出所述目标用户界面布局模型。

在该实施例中，服务器系统存储有多种用于横幅图片制作的背景图，并记录有每张背景图的背景色系信息。系统可用户输入的背景色系与存储的多张背景图的背景色系进行匹配，获取色系与用户输入的背景色系匹配的背景图。进一步地，根据用户输入的背景尺寸对背景图进行裁剪，得到裁剪后的背景图。最后通过裁剪后的背景图与横幅内容文本从系统的多个用户界面布局模型中配出目标用户界面布局模型。其中，系统的多个用户界面布局模型基于最终裁剪后的背景图以及横幅内容文本确定出多个横幅图片。

在该实施例的一个实施方式中，所述横幅内容文本包括横幅的主标题和副标题；所述横幅元素还包括横幅图标；所述根据所述裁剪后的背景图与所述横幅内容文本匹配出所述目标用户界面布局模型，包括：根据所述横幅图标、所述裁剪后的背景图以及所述包括主标题和副标题的横幅内容文本匹配出所述目标用户界面布局模型。

在该实施方式中，横幅图片的横幅元素包括横幅的主标题和副标题、背景图、横幅图标等。服务器系统获取用户输入的横幅的主标题和副标题、横幅图标，根据横幅图标、裁剪后的背景图以及包括主标题和副标题的横幅内容文本匹配出目标用户界面布局模型。

其中，如图3所示，所述目标用户界面布局模型通过以下方式获得：

S220，确认与所述背景色系匹配的主色系，获取与所述主色系对应的多张背景图作为训练背景图。

S230，获取用于作为横幅图片内容文本的训练文本；所述训练文本包括文本字体大小以及字体放置在背景图的摆放位置。

S240，获取用于作为横幅图片图标的训练图标；所述训练图标包括图标样式和图标放置在背景图的摆放位置。

S250，根据所述训练背景图、训练文本以及所述训练图标生成多个待确定的用户界面布局模型；所述多个待确定的用户界面布局模型包括所述目标用户界面布局模型。

在进行目标界面布局模型的匹配识别之前，服务器系统先获取多种横幅图片的素材进行模型训练，以得到多种用户界面布局模型。具体地，服务器系统获取用于作为横幅图片内容文本的训练文本、用于作为横幅图片图标的训练图标以及与背景色系匹配的主色系对应的多张背景图的训练背景图，根据训练背景图、训练文本以及训练图标生成多个待确定的用户界面布局模型。具体可以是，将不同的训练背景图、训练文本以及训练图标进行不同的排列组合，形成多种用户界面布局模型，进而从多种用户界面布局模型中筛选出多个待确定的用户界面布局模型。筛选的方式可以是，人工对多种用户界面布局模型进行评分筛选。或者，通过机器自动化对多种用户界面布局模型进行评分筛选。因此，可得到包括所述目标用户界面布局模型的多个待确定的用户界面布局模型，从而可通过用户输入的目标横幅图片的横幅元素从多个待确定的用户界面布局模型中匹配出目标用户界面布局模型。需要说明的是，在实际应用中，通过上述方式训练得到的多种用户界面布局模型属于固定的用户界面布局模型。也即是，后续不会根据前端用户操作信息对该用户界面模型进行适配性调整。传统的适配性调整的模型，由于用户的操作惯性，根据用户的操作信息进行适配性调整后的模型，最终输出的横幅图片缺乏新颖性，容易造成用户视觉疲倦。与传统的适配性调整的模型相比，该固定化的用户界面布局模型不会因为用户操作习惯而导致模型的改变，最终输出的横幅图片不会是用户“预想而知”的图片形式，因此可向用户提供视觉感官上较为新颖的横幅图片。

在该实施方式的一个实施例中，如图4所示，通过上述方式训练得到多个待确定的用户界面布局模型之后，步骤S200还包括：

S260，获取所述背景图中像素点的颜色分布。

S270，根据所述背景图中像素点的颜色分布、所述横幅内容中文本长度以及每个所述待确定的用户界面布局模型的评分，从所述多个待确定的用户界面布局模型匹配出所述目标用户界面布局模型。

在该实施例中，服务器系统获取色系与背景色系匹配的背景图之后，进一步分析背景图中像素点的颜色分布。用户界面布局模型可根据背景图中像素点的颜色分布确定出横幅图片中横幅内容中文本的摆放位置以及横幅内容中文本的字体颜色等。进一步地，系统根据背景图中像素点的颜色分布、横幅内容中文本长度以及每个待确定的用户界面布局模型的评分，从多个待确定的用户界面布局模型匹配出目标用户界面布局模型。具体可以是，每个待确定的用户界面布局模型可根据背景图中像素点的颜色分布和横幅内容中文本长度，确定出生成的横幅图片。基于生成的横幅图片的图片效果，可确定出每个待确定的用户界面布局模型的评分，从而根据最终的评分，筛选出目标用户界面布局模型。

进一步地，步骤S260，包括：将所述背景图分割成预设数量的背景分块；获取每一背景分块中与所述主色系颜色匹配的像素点的数量占比，将所述数量占比大于预设值的背景分块作为有效区域分块；根据所有所述有效区域分块的位置，计算出所述背景图中像素点的颜色分布。

具体地，将背景图片平均切割成100份，获取每一块中与主色系颜色相近像素点的数量占比(例如颜色差值10％，数量占比大于70％则为有效区域)，根据有效区域的位置计算出背景图片大概的颜色分布(如平铺性、居中、偏上/下/左/右)。

S300，将所述横幅元素输入所述目标用户界面布局模型，得到所述目标横幅图片。

在本实施例中，服务器系统匹配出目标用户界面布局模型之后，将用户输入的目标横幅图片的横幅元素输入到目标用户界面布局模型中，由目标用户界面布局模型对横幅元素进行排版，并输出目标横幅图片。其中，用户输入的目标横幅图片的横幅元素除了背景色系和横幅内容文本之外，还可包括其他组成目标横幅图片的内容，如横幅图片的图标等。

在一实施例中，如图5所示，步骤S300，包括：

S310，根据所述目标用户界面布局模型，确定出所述横幅内容文本在所述背景图的位置的背景块。

S320，提取所述背景块中所有的像素点的颜色值，根据所述所有的像素点的颜色值计算所述背景块的颜色比重值。

S330，根据所述比重值，采用预设的颜色反差算法确定出所述横幅内容文本的填充颜色。

S340，将所述横幅内容文本填充上所述填充颜色，并置于所述背景图的背景块中，得到所述目标横幅图片。

在该实施例中，目标用户界面布局模型明确了横幅内容文本的摆放位置以及横幅内容文本的字体填充颜色。具体地，服务器系统根据目标用户界面布局模型确定出目标横幅图片中横幅内容文本在背景图的位置的背景块。进一步地，提取该背景块各个像素点的颜色值，根据每个像素点的颜色值确定出该背景块的颜色比重值，进而采用预设的颜色反差算法确定出横幅内容文本的填充颜色。其中，颜色反差算法用于根据背景块的颜色比重值，计算出最适宜匹配横幅内容文本的颜色。最后将横幅内容文本填充上根据颜色反差算法确定出的填充颜色，并置于背景图的背景块中，从而得到目标横幅图片。

上述实施例提供的横幅图片生成方法，用户输入所需要生成的目标横幅图片的横幅元素之后，服务器系统读取用户输入的横幅元素，根据横幅元素的背景色系和横幅内容文本从系统中匹配出目标用户界面布局模型，将横幅元素输入目标用户界面布局模型，得到用户需求的横幅图片。因此，运营人员(用户)可以脱离UI(User Interface，用户界面)设计师的当前设计，无需等待UI设计师的排期，可以自行根据项目需求生成banner图片，将生成的banner图直接进行投产，从而减少与UI设计师的沟通成本，提高了工作效率。

为了进一步说明上述各个实施例所述的横幅图片生成方法，以下提供一具体的实施例：

该横幅图片生成方法包括三大部分：系统多个用户界面布局模型的确定、各个用户界面布局模型的训练以及采用目标用户界面布局模型生成目标横幅图片的算法。

首先，多个用户界面布局模型的确定包括以下步骤：

1、技术开发与UI设计师商定好banner中元素的UI布局模型。比如文字大小、文字摆放位置、图标摆放位置等等。

2、商定出多套(10套以上)UI布局模型，供机器选择。

3、商定好“颜色反差算法”，例如在什么颜色的背景下应该使用什么颜色的文字、搭配什么颜色的副标题背景色等。

4、UI设计师提供多张(如100张)风格及颜色各异的背景图片，由技术导入数据库。导入时，机器需识别每张图片中占比最大的多种(可以是3种)颜色，用于区别色系。

其中，用户界面布局模型的形成以及筛选参见图6所示。图6中，模块11部分为用户输入项，模块22部分为机器自动执行部分。

其次，各个用户界面布局模型的训练可包括以下三个训练阶段：

训练第一阶段：

1、开发一个后台管理系统，由UI设计师作为机器学习训练员。

2、训练员通过输入不同的输入项，由机器合成出一批banner成品。

3、训练员对成品进行打分，机器记录下每张成品的得分权重，渐渐倾向于高分的合成模型。

训练第二阶段：

1、完成第一阶段后，训练员开始对机器的颜色使用、布局进行微调，让机器在不同场景下都能合成出最优的设计感。

训练第三阶段：

1、完成第二阶段后，重新导入数十张不同的背景图片，检验前两次的训练结果。

2、如不理想，可循环训练。

其中，用户界面布局模型的训练可参见图7所示。图7中，模块33部分为训练员执行行为，模块44部分为机器自动执行行为。

再者，采用目标用户界面布局模型生成目标横幅图片的算法包括以下图片合成原理以及图片合成算法：

合成原理：

1、根据用户输入项(标题、副标题、背景色系、尺寸)，先随机选择色系相近的背景图片，然后裁剪出用户实际所需尺寸、匹配出最合适的UI布局模型、调整文案颜色、最后将合成为一张图片。

合成算法：

1、将背景图片平均切割成100份，获取每一块中与主色系颜色相近像素点的数量占比(颜色差值10％，数量占比大于70％则为有效区域)，根据有效区域的位置计算出背景图片大概的颜色分布(如平铺性、居中、偏上/下/左/右)。

2、根据颜色分布、文本长度、以及过往得分(由设计师训练员评分，下同)，匹配最佳的0-3个UI布局模型(最多3个，0个时抛弃当前背景图，自动重新选择)。

3、提取在布局中文本所在位置的背景块，将背景块中所有的像素点颜色集合计算出整体颜色比重，然后根据既定的“颜色反差算法”以及过往的得分，选择出最佳的文本颜色、副标题背景色等。

4、将文本、图标、背景图合成为一张图，合成方案是按:图标>文本>副标题背景色>背景图的顺序，从上至下的将下层像素点覆盖；

5、一张背景图最多输出3张不同风格的成品供用户选择。

其中，采用目标用户界面布局模型生成目标横幅图片的算法的过程参见图8所示。图8中，模块55部分为用户执行行为，模块66部分为机器自动执行行为。

对于横幅图片生成方法的实际使用，在投入使用前，技术人员和UI设计师扩大背景图库的数量，并对各个用户界面布局模型进行持久化训练，保证机器的设计水平。正式投入使用时，运营人员只需要在后台管理系统中，输入宣传标题、副标题、背景色系、尺寸等，得到机器合成出多张(5张)成品，供其选择，如不满意，可重新生成。运营人员选择最佳的成品，机器自动将图片上传至云服务器，运营获取url(统一资源定位符)后即可使用。

上述具体实施例所述的横幅图片生成方法，通过获取背景图中各个像素点的颜色，经过复杂的运算，区分不同布局方式。并且，通过获取背景图中局部区域的颜色比重，通过一系列的运算/取舍(基于机器学习的取舍)，计算出该区域中的文本应该填充什么颜色。因此，服务器系统具有人工学习的机能，训练员以授教的形式让机器能自动识别不同情况、合成风格各异的banner图。对于运营人员而言，相比让其使用传统的手工拼装banner图，使用机器自动拼装更有效率，更富有设计感。

本发明还提供一种横幅图片生成装置。在一实施例中，如图9所示，该横幅图片生成装置包括读取模块10、匹配模块20和生成模块30。

读取模块10用于读取用户输入的目标横幅图片的横幅元素；所述横幅元素包括生成所述目标横幅图片的背景色系和横幅内容文本。在本实施例中，用户输入用于生成目标横幅图片的横幅元素。横幅元素可以包括目标横幅图片的标题、副标题、背景色系以及尺寸等。服务器系统读取到用户输入的目标横幅图片的横幅元素时，提取横幅元素中用于生成目标横幅图片的背景色系和横幅内容文本。背景色系可以是，系统向用户提供包含多种颜色的色系盘，系统通过识别用户触发的颜色确定出用户输入的背景色系。或者，系统向用户提供用于形成目标颜色的RGB输入值，系统通过读取用户输入的RGB值确定出用户输入的背景色系。横幅内容文本可以包括文本的长度以及文本的文字表达内容等。

匹配模块20用于根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型；所述目标用户界面布局模型用于根据所述横幅元素生成所述目标横幅图片。在本实施例中，服务器系统读取到用户输入的背景色系和横幅内容文本之后，根据背景色系和横幅内容文本从服务器系统的存储区中匹配出目标用户界面布局模型。其中，服务器系统的存储区中存储有多个用户界面布局模型，每个用户界面布局模型针对不同的背景色系和横幅内容文本进行布局，以得到不同的横幅图片。多个用户界面布局模型可以是通过多种背景图和横幅内容文本组合训练得到。

生成模块30用于将所述横幅元素输入所述目标用户界面布局模型，得到所述目标横幅图片。在本实施例中，服务器系统匹配出目标用户界面布局模型之后，将用户输入的目标横幅图片的横幅元素输入到目标用户界面布局模型中，由目标用户界面布局模型对横幅元素进行排版，并输出目标横幅图片。其中，用户输入的目标横幅图片的横幅元素除了背景色系和横幅内容文本之外，还可包括其他组成目标横幅图片的内容，如横幅图片的图标等。

在其他实施例中，本发明提供的横幅图片生成装置中的各个模块还用于执行本发明所述的横幅图片生成方法中，对应各个步骤执行的操作，在此不再做详细的说明。

本发明还提供一种计算机可读存储介质。该存储介质上存储有计算机程序；所述计算机程序被处理器执行时，实现上述任一实施例所述的横幅图片生成方法。该存储介质可以是存储器。例如，内存储器或外存储器，或者包括内存储器和外存储器两者。内存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦写可编程ROM(EEPROM)、快闪存储器、或者随机存储器。外存储器可以包括硬盘、软盘、ZIP盘、U盘、磁带等。本发明所公开的存储介质包括但不限于这些类型的存储器。本发明所公开的存储器只作为例子而非作为限定。

本发明还提供一种计算机设备。一种计算机设备包括：一个或多个处理器；存储器；一个或多个应用程序。其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于执行上述任一实施例所述的横幅图片生成方法。

图10为本发明一实施例中的计算机设备的结构示意图。本实施例所述计算机设备可以是服务器、个人计算机以及网络设备。如图10所示，设备包括处理器1003、存储器1005、输入单元1007以及显示单元1009等器件。本领域技术人员可以理解，图10示出的设备结构器件并不构成对所有设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件。存储器1005可用于存储应用程序1001以及各功能模块，处理器1003运行存储在存储器1005的应用程序1001，从而执行设备的各种功能应用以及数据处理。存储器可以是内存储器或外存储器，或者包括内存储器和外存储器两者。内存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦写可编程ROM(EEPROM)、快闪存储器、或者随机存储器。外存储器可以包括硬盘、软盘、ZIP盘、U盘、磁带等。本发明所公开的存储器包括但不限于这些类型的存储器。本发明所公开的存储器只作为例子而非作为限定。

输入单元1007用于接收信号的输入，以及接收用户输入的关键字。输入单元1007可包括触控面板以及其它输入设备。触控面板可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作)，并根据预先设定的程序驱动相应的连接装置；其它输入设备可以包括但不限于物理键盘、功能键(比如播放控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。显示单元1009可用于显示用户输入的信息或提供给用户的信息以及计算机设备的各种菜单。显示单元1009可采用液晶显示器、有机发光二极管等形式。处理器1003是计算机设备的控制中心，利用各种接口和线路连接整个电脑的各个部分，通过运行或执行存储在存储器1005内的软件程序和/或模块，以及调用存储在存储器内的数据，执行各种功能和处理数据。

在一实施方式中，设备包括一个或多个处理器1003，以及一个或多个存储器1005，一个或多个应用程序1001。其中所述一个或多个应用程序1001被存储在存储器1005中并被配置为由所述一个或多个处理器1003执行，所述一个或多个应用程序1001配置用于执行以上实施例所述的横幅图片生成方法。

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

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括存储器、磁盘或光盘等。

以上所述仅是本发明的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

应该理解的是，在本发明各实施例中的各功能单元可集成在一个处理模块中，也可以各个单元单独物理存在，也可以两个或两个以上单元集成于一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。

以上所述仅是本发明的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种横幅图片生成方法，其特征在于，包括：

读取用户输入的目标横幅图片的横幅元素；所述横幅元素包括生成所述目标横幅图片的背景色系和横幅内容文本；

根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型；所述目标用户界面布局模型用于根据所述横幅元素生成所述目标横幅图片；

将所述横幅元素输入所述目标用户界面布局模型，得到所述目标横幅图片。

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

所述横幅元素还包括生成所述目标横幅图片的背景尺寸；所述根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型之前，还包括：从系统中获取色系与所述背景色系匹配的背景图；根据所述背景尺寸对所述背景图进行裁剪；

所述根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型，包括：根据所述裁剪后的背景图与所述横幅内容文本匹配出所述目标用户界面布局模型。

3.根据权利要求2所述的方法，其特征在于，所述横幅内容文本包括横幅的主标题和副标题；所述横幅元素还包括横幅图标；所述根据所述裁剪后的背景图与所述横幅内容文本匹配出所述目标用户界面布局模型，包括：

根据所述横幅图标、所述裁剪后的背景图以及所述包括主标题和副标题的横幅内容文本匹配出所述目标用户界面布局模型。

4.根据权利要求3所述的方法，其特征在于，所述目标用户界面布局模型通过以下方式获得：

确认与所述背景色系匹配的主色系，获取与所述主色系对应的多张背景图作为训练背景图；

获取用于作为横幅图片内容文本的训练文本；所述训练文本包括文本字体大小以及字体放置在背景图的摆放位置；

获取用于作为横幅图片图标的训练图标；所述训练图标包括图标样式和图标放置在背景图的摆放位置；

根据所述训练背景图、训练文本以及所述训练图标生成多个待确定的用户界面布局模型；所述多个待确定的用户界面布局模型包括所述目标用户界面布局模型。

5.根据权利要求4所述的方法，其特征在于，所述根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型，包括：

获取所述背景图中像素点的颜色分布；

根据所述背景图中像素点的颜色分布、所述横幅内容中文本长度以及每个所述待确定的用户界面布局模型的评分，从所述多个待确定的用户界面布局模型匹配出所述目标用户界面布局模型。

6.根据权利要求5所述的方法，其特征在于，所述将所述横幅元素输入所述目标用户界面布局模型，得到所述目标横幅图片，包括：

根据所述目标用户界面布局模型，确定出所述横幅内容文本在所述背景图的位置的背景块；

提取所述背景块中所有的像素点的颜色值，根据所述所有的像素点的颜色值计算所述背景块的颜色比重值；

根据所述比重值，采用预设的颜色反差算法确定出所述横幅内容文本的填充颜色；

将所述横幅内容文本填充上所述填充颜色，并置于所述背景图的背景块中，得到所述目标横幅图片。

7.根据权利要求5所述的方法，其特征在于，所述获取所述背景图中像素点的颜色分布，包括：

将所述背景图分割成预设数量的背景分块；

获取每一背景分块中与所述主色系颜色匹配的像素点的数量占比，将所述数量占比大于预设值的背景分块作为有效区域分块；

根据所有所述有效区域分块的位置，计算出所述背景图中像素点的颜色分布。

8.一种横幅图片生成装置，其特征在于，包括：

读取模块，用于读取用户输入的目标横幅图片的横幅元素；所述横幅元素包括生成所述目标横幅图片的背景色系和横幅内容文本；

匹配模块，用于根据所述背景色系和所述横幅内容文本匹配出目标用户界面布局模型；所述目标用户界面布局模型用于根据所述横幅元素生成所述目标横幅图片；

生成模块，用于将所述横幅元素输入所述目标用户界面布局模型，得到所述目标横幅图片。

9.一种计算机可读存储介质，其特征在于，其上存储有计算机指令；所述指令用于执行上述权利要求1-7中任一项所述的横幅图片生成方法。

10.一种计算机设备，其特征在于，包括：

一个或多个处理器；

存储器；

一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于：执行根据权利要求1～7任一项所述的横幅图片生成方法。