[发明专利]视觉稿生成方法及装置、电子设备、计算机可读介质

说明书

本申请提供了一种视觉稿生成方法，涉及计算机领域。具体实现方案为：获取设计稿中的标注值；其中，所述标注值是所述设计稿中与文本相关的间距；将所述标注值转换为开发值；利用所述开发值代替所述标注值还原所述设计稿，生成视觉稿。该方法可以提高小程序开发的效率，降低开发成本；而且可以提高小程序使用用户的用户体验。本申请还提供了一种视觉稿生成装置、电子设备及计算机可读介质。

技术领域

本申请涉及计算机技术领域，具体涉及应用程序的开发，尤其涉及视觉稿的生成方法及装置、电子设备、计算机可读介质。

背景技术

随着小程序生态的不断发展，越来越多的应用程序APP已转为小程序形态承载，而且用户浏览小程序时的体验要求越来越高。

在开发小程序时，设计师设计出设计稿，工程师将设计稿转换为视觉稿。由于操作系统(如安卓系统和IOS系统)的差异，视觉稿与设计稿的差异较大，影响小程序的客户体验。

发明内容

提供了一种视觉稿生成方法及装置、电子设备、计算机可读介质。

根据第一方面，提供了一种视觉稿生成方法，包括：

获取设计稿中的标注值；其中，所述标注值是所述设计稿中与文本相关的间距；

获取所述文本的内边距值；

基于所述标注值和所述内边距值确定开发值；

利用所述开发值代替所述标注值还原所述设计稿，生成视觉稿。。

根据第二方面，提供了一种视觉稿生成装置，包括：

获取模块，用于获取设计稿中的标注值；其中，所述标注值是所述设计稿中与文本相关的间距；

转换器，用于将所述标注值转换为开发值；

生成模块，用于利用所述开发值代替所述标注值还原所述设计稿，生成视觉稿。

根据第三方面，提供了一种电子设备，其包括：

至少一个处理器；以及

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

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行视觉稿生成方法中任一项所述的方法。

根据第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行上述任意一种视觉稿生成方法。

本申请实施例提供的视觉稿生成方法，包括获取设计稿中的标注值；获取所述文本的内边距值；基于所述标注值和所述内边距值确定开发值；利用所述开发值代替所述标注值还原所述设计稿，生成视觉稿。该方法获得的视觉稿，能够按照设计稿的要求还原视觉稿，提高小程序使用用户的用户体验，而且可以提高小程序开发的效率，降低开发成本。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1为本申请实施例提供的一种视觉稿生成方法的流程图；

图2为本申请实施例提供的另一种视觉稿生成方法的流程图；

图3为本申请实施例提供的一种获取内边距值映射表的流程图；

图4为本申请实施例提供的一种视觉稿的生成方法的流程图；