[发明专利]识别设计稿的方法、装置及电子设备

说明书

本说明书实施例提供识别设计稿的方法、装置及电子设备，其中一个方法包括：获取用户所提供的设计稿，其中，所述设计稿是图片格式的；识别设计稿中的至少一个第一组件；选择待执行进一步识别的第一组件；以及在所选择的第一组件中，识别至少一个第二组件。

技术领域

本说明书涉及页面设计技术领域，更具体地，涉及一种识别设计稿的方法、自动生成网页页面的方法、装置及电子设备。

背景技术

在进行前端网页页面设计时，可以使用设计稿。设计稿是可以用于页面设计的图稿，例如，JPEG、PNG格式的图片。计算机可以自动将设计稿中的元素识别为组件，并自动生成相应的代码，从而实现界面设计。

因此，需要提供方案以在设计稿的识别过程中降低识别难度。

发明内容

根据本说明书的第一方面，提供了一种识别设计稿的方法，包括：获取用户所提供的设计稿，其中，所述设计稿是图片格式的；识别设计稿中的至少一个第一组件；选择待执行进一步识别的第一组件；以及在所选择的第一组件中，识别至少一个第二组件。

根据本说明书的第二方面，提供了一种自动生成网页页面的方法，包括：获取用户所提供的网页设计稿，其中，所述网页设计稿是图片格式的；识别网页设计稿中的至少一个第一组件；选择待执行进一步识别的第一组件；在所选择的第一组件中，识别至少一个第二组件，以及基于所识别的第一组件和第二组件，自动生成网页页面上的元素。

根据本说明书的第三方面，提供了一种识别设计稿的装置，包括：获取模块，获取用户所提供的设计稿，其中，所述设计稿是图片格式的；第一识别模块，识别设计稿中的至少一个第一组件；选择模块，选择待执行进一步识别的第一组件；以及第二识别模块，在所选择的第一组件中，识别至少一个第二组件。

根据本说明书的第四方面，提供了一种电子设备，包括处理器和存储器，存储器存储可执行指令，当运行电子设备时，可执行指令控制处理器执行根据实施例的方法。

根据本说明书的第四方面，提供一种存储介质，该存储介质存储可执行指令，该可执行指令在被执行时实现根据实施例的方法。

在不同实施例中，在识别设计稿的过程中，首先针对较大的组件进行识别，然后再针对较小的组件进行识别，这减轻了同时针对不同大小的组件进行识别处理所带来的处理量，从而减小了整体识别难度。

通过以下参照附图对本说明书的示例性实施例的详细描述，本说明书的实施例的其它特征及其优点将会变得清楚。

附图说明

被结合在说明书中并构成说明书的一部分的附图示出了的实施例，并且连同其说明一起用于解释各个实施例的原理。

图1示出了根据一个实施例的识别设计稿的方法的示意性流程图。

图2示出了根据一个实施例的自动生成网页页面的方法的示意性流程图。

图3示出了根据一个实施例的识别设计稿的装置的示意性框图。

图4示出了根据一个实施例的电子设备的示意性框图。

图5-8示出了一个识别设计稿的示例性例子。

图9示出了在网络情况下多个用户协同使用设计稿来设计前端页面的情景。

图10示出了设计稿协同设计系统的例子。

具体实施方式

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。