[发明专利]用于设计界面原型的方法和设备

说明书

本申请的目的是提供一种设计界面原型的方法和设备，其中，所述方法和设备包括：获取用于生成界面原型的若干界面显示元素；基于所述界面显示元素的相关功能信息，确定所述界面显示元素的默认间隔信息；基于所述默认间隔信息，为每一所述界面显示元素增加相应间隔元素，通过设定不同间隔尺寸，并基于间隔尺寸将界面显示元素增加不同的间隔元素上，让用户在进行界面显示元素的拼接时，无需设计人员再手动调整，能够快速搭建出界面。

技术领域

本申请涉及计算机领域，尤其涉及一种用于设计界面原型的技术。

背景技术

随着网络技术的发展和网络影响的扩大，为用户提供各种服务的软件产品蓬勃发展。与此同时，用户对软件产品各方面提出了越来越高的要求，尤其对软件产品的界面表面能力要求不断提高，因此需要程序员和设计师能够更高效地沟通合作，提高工作效率。

在软件产品开发过程中，基于需求设计界面原型成为必不可少的工作。原型界面可以概括的说是整个软件产品面市之前的一个框架设计。界面原型就是在软件产品需求分析阶段，完成用例过程中、或者完成用例后进行设计，协助需求分析用户界面设计员负责维护用户界面原型的完整性，并确保按照用例示意板和边界对象的要求，使用原型构建一个可用的用户界面。

依据现有的设计方法和设计工具，如果想要设计出比较美观、整洁的界面原型，是需要有很强的排版和美感要求，而一般的非设计人员很难做到；同时原型设计完成后，交给前端开发人员进行开发时，通常需要设计人员进行尺寸标注，这是个非常耗费时间。

发明内容

本申请要解决的技术问题是，提供一种设计界面原型的方法和设备，以降低原型设计的排版难度，让非设计人员也能简单搭建界面；同时，能够让前端人员直接通过查看源文件，清晰的明白组件的间距。

为此，根据本申请的一个方面提供的一种用于设计界面原型的方法，其中，所述方法包括：获取用于生成界面原型的若干界面显示元素；基于所述界面显示元素的相关功能信息，确定所述界面显示元素的默认间隔信息；基于所述默认间隔信息，为每一所述界面显示元素增加相应间隔元素。

进一步地，基于所述界面显示元素的相关功能信息，确定所述界面显示元素的间隔信息包括：基于所述界面显示元素的功能类型和/或显示位置，确定所述界面显示元素的间隔信息。

进一步地，为每一所述界面显示元素增加相应间隔元素包括：基于所述间隔信息，获取相应间隔元素；将所述间隔元素紧贴所述界面显示元素。

进一步地，所述间隔元素具有默认间隔尺寸，所述默认间隔尺寸基于所述默认间隔信息确定。

进一步地，所述方法还包括：获取用户调用所述界面显示元素的请求；基于所述请求，在展示界面显示相应所述界面显示元素及其相应所述间隔元素。

进一步地，所述方法还包括：基于用户的调整请求，相应调整所述展示界面上的所述界面显示元素间隔元素的间隔尺寸信息。

进一步地，所述方法还包括：基于所述展示界面所显示的所述界面显示元素及其相应所述间隔元素，生成关于所述界面原型的可执行源文件，其中，所述可执行源文件具有所述间隔元素的间隔尺寸信息。

进一步地，所述界面显示元素包括至少以下任一项：文本控件元素、图像控件元素、矢量图形控件元素。

根据本申请另一方面提供的一种用于设计界面原型的设备，其中，所述设备包括：界面显示元素获取装置，用于获取用于生成界面原型的若干界面显示元素；默认间隔信息获取装置，用于基于所述界面显示元素的相关功能信息，确定所述界面显示元素的默认间隔信息；间隔元素增加装置，用于基于所述默认间隔信息，为每一所述界面显示元素增加相应间隔元素。

进一步地，所述默认间隔信息获取装置用于：基于所述界面显示元素的功能类型和/或显示位置，确定所述界面显示元素的间隔信息。