[发明专利]设计稿适配方法、装置及系统

说明书

技术领域

本发明涉及信息处理技术，尤其涉及一种设计稿适配方法、装置及系统。

背景技术

随着终端设备和互联网技术的不断发展，移动客户端产品的视觉设计越来越多地受到重视。对移动客户端产品进行开发过程中，有专门的设计人员对用户界面(User Interface，UI)进行设计。但由于不同的终端设备具有不同的屏幕尺寸和分辨率，因而，还需要针对UI设计稿，依据不同终端设备的屏幕参数进行适配，以在各种终端设备上都能够获得较好的呈现效果。

现有技术中，往往需要设计人员采用手动调节方式，进行设计稿适配，也就是将设计稿中所有元素，通过手动方式进行缩小或放大，从而生成多种尺寸的设计稿。显然，采用这种方式设计稿的适配效率较为低下。

发明内容

本发明提供一种设计稿适配方法、装置及系统，用于解决现有技术中需要手动调节方式进行设计稿适配所导致的适配效率较低的技术问题。

为达到上述目的，本发明的实施例采用如下技术方案：

第一方面，本发明实施例提供了一种设计稿适配系统，包括：设计软件和插件，所述插件通过应用程序接口与所述设计软件连接；

所述设计软件，用于生成源设计稿；

所述插件，用于对目标设计稿的尺寸和所述源设计稿的尺寸之间的比例关系进行计算得到比例因子；获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到所述目标设计稿。

第二方面，本发明实施例提供了一种设计稿适配方法，包括：

对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子；

获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；

根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。

第三方面，本发明实施例提供了一种设计稿适配装置，包括：

计算模块，用于对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子；

获取模块，用于获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；

调整模块，用于根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。

本发明实施例所提供的设计稿适配方法、装置及系统，通过对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子之后，获取用于描述所述源设计稿中各个图层元素调整需求的适配属性，进而根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。由于用户仅需要确定目标设计稿的尺寸，以及各个图层元素的适配属性，便可以实现设计稿的适配过程，无需手动进行缩放，节省了人力，提高了设计稿的适配效率。

附图说明

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

图1为本发明实施例提供的一种设计稿适配系统的结构示意图；

图2为本发明实施例所提供的设计稿适配方法的流程示意图；

图3为输入界面的示意图之一；

图4为输入界面的示意图之二；

图5为适配属性的示意图；

图6为输入界面的示意图之三；

图7为设计稿的适配示意图；

图8为本发明实施例提供的一种设计稿适配装置的结构示意图。

具体实施方式

下面结合附图对本发明实施例提供的设计稿适配方法、装置及系统进行详细描述。

图1为本发明实施例提供的一种设计稿适配系统的结构示意图，如图1所示，设计稿适配系统包括：设计软件和插件。

其中，设计软件和插件，插件通过应用程序接口(API)与设计软件连接。

具体地，设计软件，用于生成移动客户端产品的源设计稿。例如，这里的设计软件可以为Sketch软件。

插件，用于对目标设计稿的尺寸和所述源设计稿的尺寸之间的比例关系进行计算得到比例因子；获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到所述目标设计稿。