[发明专利]一种重构稿生成方法及装置

说明书

本发明实施例提供了一种重构稿生成方法及装置，其中方法包括：对输入的页面设计图进行预处理，根据预处理结果过滤掉所述页面设计图中的背景色单元；对过滤掉所述背景色单元的所述页面设计图进行分割处理，得到所述页面设计图中的图像元素集合；利用重构稿生成模板和所述图像元素集合生成重构稿文件。通过本发明实施例可以快速生成重构稿，有效降低重构稿的制作成本。

技术领域

本发明涉及互联网技术领域，尤其涉及一种重构稿生成方法及装置。

背景技术

目前，生成重构稿的工具一般都需要人工辅助进行切图。虽然PhotoShop软件支持自动切图并生成重构稿，但需要使用PSD分层图片格式，基于PSD的图层属性进行解析，并没有真正识别图像内容，而且PSD文件也需要人工进行处理，并没有实现真正的自动化生成重构稿，而且其它格式的图片需要进行人工切片设置才支持切图操作，无法真正的实现自动化处理普通格式的设计图。可见，现有的重构稿的生成方案速度较慢，需要花费大量的人力成本，重构稿的制作成本高。

发明内容

本发明实施例提供了一种重构稿生成方法及装置，可以快速生成重构稿，有效降低重构稿的制作成本。

本发明实施例第一方面提供了一种重构稿生成方法，包括：

对输入的页面设计图进行预处理，根据预处理结果过滤掉所述页面设计图中的背景色单元。

对过滤掉所述背景色单元的所述页面设计图进行分割处理，得到所述页面设计图中的图像元素集合。

利用重构稿生成模板和所述图像元素集合生成重构稿文件。

本发明实施例第二方面提供了一种重构稿生成装置，包括：

处理模块，用于对输入的页面设计图进行预处理，根据预处理结果过滤掉所述页面设计图中的背景色单元。

分割模块，用于对过滤掉所述背景色单元的所述页面设计图进行分割处理，得到所述页面设计图中的图像元素集合。

生成模块，用于利用重构稿生成模板和所述图像元素集合生成重构稿文件。

通过本发明实施例可以对输入的页面设计图进行预处理，根据预处理结果过滤掉页面设计图中的背景色单元，再对过滤掉所述背景色单元的页面设计图进行分割处理，得到页面设计图中的图像元素集合，进而利用重构稿生成模板和图像元素集合即可自动生成重构稿文件，从而可以快速生成重构稿，有效降低重构稿的制作成本。

附图说明

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

图1是本发明实施例提供的一种重构稿生成方法的流程示意图；

图2a是本发明实施例提供的一种页面设计图的示意图；

图2b是本发明实施例提供的一种对页面设计图预处理后的示意图；

图2c是本发明实施例提供的另一种页面设计图的示意图；

图2d是本发明实施例提供的一种对页面设计图分割的示意图；

图2e是本发明实施例提供的一种对页面设计图分割后的示意图；

图2f是本发明实施例提供的一种图像元素拼合的示意图；

图2g是本发明实施例提供的一种重构稿文件的示意图；

图3是本发明实施例提供的一种重构稿生成装置的结构示意图；