一种基于AI的UI界面快速对齐接拼方法与流程

文档序号:36644376发布日期:2024-01-06 23:28阅读:24来源:国知局

本发明涉及游戏开发,具体为一种基于ai的ui界面快速对齐接拼方法。


背景技术:

1、现有游戏界面的开发流程:交互设计->ui出效果图->切图->ui界面拼接->游戏逻辑实现。ui界面拼接一般由程序开发人员完成,但为了提高游戏开发中“界面拼接”的效果还原度和效率,目前常用的方式有:1.ui编辑器;2.ui切图ps文件直接导出;3.专门的ui重构岗位,但是ui界面拼接和程序关联紧密,最好的还是由程序开发人员自己完成,为此我们提出了一种基于ai的ui界面快速对齐接拼方法。


技术实现思路

1、针对现有技术的不足,本发明提供了一种基于ai的ui界面快速对齐接拼方法,减少了开发中间环节、提高了程序开发人员拼接ui的效果和效率,解决了上述背景技术中的问题。

2、为实现上述目的,本发明提供如下技术方案:一种基于ai的ui界面快速对齐接拼方法,包括元素对齐和层级结构,元素对齐采用ai的方式,根据效果图自动识别切图应在的位置,自主吸附到所属位置上去;

3、层级结构采用ai自主学习的方式,将切图元素与效果图结果,分类出背景、框体、icon、按钮、文字元素,并通过大规模学习最终使得ai能够根据效果图,直接输出合理层级结构的ui拼接结果。

4、优选的,ai识别的基本流程是:鼠标拖动当前切图;提取当前切图的特征点;在鼠标所在位置附近提取效果图上的特征点;对两者的特征点进行匹配;预览最佳匹配结果;鼠标松开后自动吸附到最佳匹配位置。

5、优选的,ai识别元素对齐是利用ai技术对待处理的图像进行识别,通过图像识别算法将图像中的不同元素或对象进行分割和标记,以便后续的对齐操作。

6、优选的,在确定对齐规则后,使用ai算法计算出每个元素的位置和偏移量,然后通过调整元素的位置和偏移量实现元素对齐。

7、优选的,ai自主学习的ui拼接界面通常需要经过以下步骤:

8、数据收集:收集大量的ui设计样本和相关数据,包括ui元素、布局方式、颜色、字体等信息;

9、数据预处理:对收集到的数据进行清洗和处理,以确保数据的质量和一致性;

10、模型训练:使用机器学习算法或深度学习模型,对预处理后的数据进行训练,让计算机学习ui设计的规则和原则;

11、拼接生成:通过训练好的模型,将输入的ui元素按照一定的规则和布局方式进行拼接,生成完整的ui界面;

12、评估和调优:对生成的ui界面进行评估和调优,以提高生成结果的质量和符合度。

13、优选的,ai自主学习的ui拼接界面利用人工智能让计算机自主学习和拼接ui界面;可以通过训练模型,让计算机理解和学习ui设计的规则和原则,从而能够自动拼接出符合要求的ui界面。

14、有益效果如下:

15、该基于ai的ui界面快速对齐接拼方法,通过ai自主学习的ui拼接界面可以大大提高ui设计的效率和准确性。它可以通过学习大量的样本和数据,快速生成符合要求的ui界面,减少设计师的工作量。同时,由于ai具有自主学习和迭代的能力,它可以不断优化自己的拼接能力,提供更加精准和高质量的ui界面,通过该方法可以有效减少开发中间环节、提高程序开发人员拼接ui的效果和效率。



技术特征:

1.一种基于ai的ui界面快速对齐接拼方法,其特征在于:包括元素对齐和层级结构,元素对齐采用ai的方式,根据效果图自动识别切图应在的位置,自主吸附到所属位置上去;

2.根据权利要求1所述的一种基于ai的ui界面快速对齐接拼方法,其特征在于:ai识别的基本流程是:鼠标拖动当前切图;提取当前切图的特征点;在鼠标所在位置附近提取效果图上的特征点;对两者的特征点进行匹配;预览最佳匹配结果;鼠标松开后自动吸附到最佳匹配位置。

3.根据权利要求1所述的一种基于ai的ui界面快速对齐接拼方法,其特征在于:ai识别元素对齐是利用ai技术对待处理的图像进行识别,通过图像识别算法将图像中的不同元素或对象进行分割和标记,以便后续的对齐操作。

4.根据权利要求1所述的一种基于ai的ui界面快速对齐接拼方法,其特征在于:在确定对齐规则后,使用ai算法计算出每个元素的位置和偏移量,然后通过调整元素的位置和偏移量实现元素对齐。

5.根据权利要求1所述的一种基于ai的ui界面快速对齐接拼方法,其特征在于:ai自主学习的ui拼接界面通常需要经过以下步骤:

6.根据权利要求1所述的一种基于ai的ui界面快速对齐接拼方法,其特征在于:ai自主学习的ui拼接界面利用人工智能让计算机自主学习和拼接ui界面;可以通过训练模型,让计算机理解和学习ui设计的规则和原则,从而能够自动拼接出符合要求的ui界面。


技术总结
本发明涉及游戏开发技术领域,且公开了一种基于AI的UI界面快速对齐接拼方法,包括元素对齐和层级结构,元素对齐采用AI的方式,根据效果图自动识别切图应在的位置,自主吸附到所属位置上去;层级结构采用AI自主学习的方式,将切图元素与效果图结果,分类出背景、框体、icon、按钮、文字元素,并通过大规模学习最终使得AI能够根据效果图,直接输出合理层级结构的UI拼接结果。该基于AI的UI界面快速对齐接拼方法,通过AI自主学习的UI拼接界面可以大大提高UI设计的效率和准确性;通过该方法可以有效减少开发中间环节、提高程序开发人员拼接UI的效果和效率。

技术研发人员:吴文杰
受保护的技术使用者:深圳市紫晓互动科技有限公司
技术研发日:
技术公布日:2024/1/5
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1