[发明专利]一种用户界面的设计方法及装置

权利要求书

1.一种用户界面的设计方法，其特征在于，包括：

根据设计指令，向其返回包含用户界面的设计模板的页面；所述设计模板的外框由多个标尺组成，且在各标尺之间分别设置有多个横向和纵向滑动尺图标；

针对设计模板中的每个设定部分，接收用户输入的滑动指令，在所述页面中，将所述滑动指令指定的横向滑动尺图标和/或纵向滑动尺图标移动至对应位置；

将滑动后的各滑动尺图标之间圈定的范围作为该设定部分所在的范围，完成该设定部分的设计。

2.如权利要求1所述的方法，其特征在于，根据滑动指令，将所述滑动指令指定的滑动尺图标移动至对应位置，具体包括：

解析滑动指令中携带的滑动尺标识、滑动方向和滑动位移；

根据所述滑动尺标识，确定需要发生滑动的滑动尺图标；

根据所述需要发生滑动的滑动尺图标当前在所述标尺上的起始位置、所述滑动方向和滑动位移，计算出所述滑动尺图标在所述标尺上的目的位置，并将所述滑动尺图标移动至所述目的位置。

3.如权利要求1或2所述的方法，其特征在于，滑动后的各滑动尺之间圈定的范围通过下述方式确定：

根据滑动后的横向滑动尺图标和/或纵向滑动尺图标在所述标尺上的目的位置，确定各滑动尺之间圈定的范围的边界坐标。

4.一种用户界面的设计方法，其特征在于，包括：

向用户显示待测试的用户界面；

在关闭所述待测试的用户界面后，向所述用户推送测试页面，所述测试页面的外框由多个标尺组成，且在各标尺之间分别设置有多个横向和纵向滑动尺图标；

针对待测试的用户界面的每个设定部分，接收用户输入的滑动指令，将滑动指令指定的横向滑动尺图标和/或纵向滑动尺图标移动至对应位置；

接收用户在滑动后的各滑动尺图标之间圈定的范围中输入的绘图指令，在所述圈定的范围内绘制该设定部分对应的图形；

将绘制的图形，与所述待测试的用户界面中该设定部分相比较，并根据比较结果确定是否需要调整该设定部分。

5.如权利要求4所述的方法，其特征在于，将绘制的图形，与待测试的用户界面中该设定部分相比较，并根据比较结果确定是否需要调整该设定部分，具体包括：

将绘制的图形所占的范围，与该设定部分在待测试的用户界面中所占范围相比较，确定绘制的图形所占的范围和该设定部分在待测试的用户界面中所占范围之间的重叠部分；

计算该设定部分在所述待测试的用户界面中所占范围的面积大小，以及根据所述标尺和所述滑尺上的刻度，计算出所述重叠部分的面积大小；

计算所述重叠部分的面积大小与所述设定部分在所述待测试的用户界面中所占范围的面积大小之间的比值；

当所述比值大于设定的阈值时，确定不需要调整该设定部分；否则，确定需要调整该设定部分。

6.如权利要求4或5所述的方法，其特征在于，所述绘图指令，为用户针对其观看过的待测试的用户界面中该设定部分中各功能组件的绘图指令；

在所述圈定的范围内绘制所述设定部分对应的图形，具体包括：

解析所述绘图指令，在所述圈定的范围内分别绘制所述绘图指令指定的各功能组件对应的子图形。

7.如权利要求6所述的方法，其特征在于，还包括：当确定需要调整该设定部分时，根据绘制的图形所在测试页面中的位置，调整所述设定部分在待测试的用户界面中的位置；

以及将绘制的各功能组件对应的子图形，与待测试的用户界面中该设定部分进行比较，对于未包含在绘制的子图形中的功能组件进行调整。

8.一种用户界面的设计装置，其特征在于，包括：

推送模块，用于根据设计指令，向其返回包含用户界面的设计模板的页面；所述设计模板的外框由多个标尺组成，且在各标尺之间分别设置有多个横向和纵向滑动尺图标；

接收模块，用于针对设计模板中的每个设定部分，接收用户输入的滑动指令；

滑动执行模块，用于在所述页面中，将所述滑动指令指定的横向滑动尺图标和/或纵向滑动尺图标移动至对应位置；

设计模块，用于将滑动后的各滑动尺图标之间圈定的范围作为该设定部分所在的范围，完成该设定部分的设计。