本公开提供了一种交互页面合规性检测方法、装置、设备、存储介质和程序产品，可以应用于人工智能技术领域。该交互页面合规性检测方法包括：获取标准设计稿和标准实现稿，其中，标准设计稿包括标准设计稿控件，标准实现稿包括标准实现稿控件；将标准设计稿控件和标准实现稿控件，通过预设的相似度计算模型计算相似度，得到第一相似度和第二相似度；基于第一相似度和第二相似度进行匹配，形成对应检测关系，其中，对应检测关系包括标准设计稿控件和标准实现稿控件一一对应的检测关系；基于检测关系，核对标准设计稿控件和标准实现稿控件的一致性；以及在基于检测关系的标准设计稿控件和标准设计稿控件之间不一致的情况下，发出不合规提示。合规提示。合规提示。
【技术实现步骤摘要】
交互界面合规性检测方法、装置、设备、介质和程序产品
[0001]本公开涉及人工智能
，具体的涉及一种交互界面合规性检测方法、装置、设备、介质和程序产品。
技术介绍
[0002]近年来，国内外业内领先的银行纷纷全力投入数字化转型，在这一背景下，提升用户体验成为银行改革发展的重要一环，是未来银行竞争的焦点，为助力个人手机银行，做好用户体验工作。对于交互界面合规性检测设计规范(即UI合规性检测设计规范)的验收尤为重要。
[0003]传统的UI设计规范的验收主要采用人工走查的方式：首先开发人员/测试人员截取实现侧的页面图；然后设计师通过人眼粗略比对查看，初步判断实现页面与设计规范差异是否较大；如果差异较大，则通过对比颜色和字号等样式进一步排查；如果发现其他问题，则保存设计稿截图或APP截图，描述并记录问题；最后针对此类问题进行讨论并修改，以完成验收。
[0004]现有技术中，在传统的UI设计规范的验收流程的基础上，衍生出以下UI设计规范的验收方案：方案一、基于图片叠加方案；方案二、基于图像识别方案。
[0005]其中，对于基于图片叠加方案，虽然能较为直观的展示控件是否匹配，但整个过需要不断手工方式调整叠在上层的设计稿位置，整个过程仍需人工介入，致使效率偏低，此外具体确认控件的哪些样式不匹配较为困难；而对于基于图像识别方案，虽然能较为直观的展示控件是否匹配，但其匹配效率偏低，进而，具体确认控件的哪些样式为不匹配则显得较为困难。
技术实现思路
[0006]鉴于上述问题，本公开提供了提高验收自动化程度和验收效率的交互界面合规性检测方法、装置、设备、介质和程序产品。
[0007]根据本公开的第一个方面，提供了一种交互界面合规性检测方法，包括：获取标准设计稿和标准实现稿，其中，所述标准设计稿包括多个标准设计稿控件，所述标准实现稿包括多个标准实现稿控件；将所述多个标准设计稿控件和所述多个标准实现稿控件，通过预设的相似度计算模型计算相似度，得到多个第一相似度和多个第二相似度；基于所述多个第一相似度和所述多个第二相似度进行匹配，形成对应检测关系，其中，所述对应检测关系包括所述标准设计稿控件和所述标准实现稿控件一一对应的检测关系；基于所述检测关系，核对所述标准设计稿控件和所述标准实现稿控件的一致性；以及在所述标准设计稿控件和所述标准设计稿控件不一致的情况下，发出不合规提示。
[0008]根据本公开的实施例，其中，在所述获取标准设计稿和标准实现稿后，还包括：分别对所述标准设计稿和所述标准实现稿进行区域划分，得到预设数量的第一区域、预设数量的第二区域、每个所述第一区域中的多个标准设计稿控件和每个所述第二区域中的多个
标准设计稿控件，其中，所述第一区域和所述第二区域为一一对应的关系。
[0009]根据本公开的实施例，其中，所述将所述多个标准设计稿控件和所述多个标准实现稿控件，通过预设的相似度计算模型计算相似度，得到多个第一相似度和多个第二相似度，包括：按照所述第一区域和所述第二区域的对应关系，分批将多个标准设计稿控件和多个标准设计稿控件，放入预设的相似度计算模型计算相似度，得到不同第一区域的多个第一相似度和不同第二区域的多个第二相似度。
[0010]根据本公开的实施例，其中，所述标准设计稿控件的类型包括第一控件类型和第二控件类型，所述标准实现稿控件的类型包括所述第一控件类型和所述第二控件类型；以及所述预设的相似度计算模型包括第一相似度计算模型和第二相似度计算模型，所述第一相似度计算模型用以计算所述第一控件类型的相似度，所述第二相似度计算模型用以计算所述第二控件类型的相似度。
[0011]根据本公开的实施例，其中，所述第一控件类型包括文本类型，所述按照所述第一区域和所述第二区域的对应关系，分批将多个标准设计稿控件和多个标准实现稿控件，放入预设的相似度计算模型计算相似度，得到不同第一区域的多个第一相似度和不同第二区域的多个第二相似度，包括：获取所述第一控件类型的第一样式信息；以及基于所述第一样式信息，通过所述第一相似度计算模型计算得到所述第一控件类型的相似度。
[0012]根据本公开的实施例，其中，所述第二控件类型包括图像类型和容器类型，所述按照所述第一区域和所述第二区域的对应关系，分批将多个标准设计稿控件和多个标准设计稿控件，放入预设的相似度计算模型计算相似度，得到不同第一区域的多个第一相似度和不同第二区域的多个第二相似度，还包括：获取所述第二控件类型的第二样式信息；以及基于所述第二样式信息，通过所述第二相似度计算模型计算得到所述第二控件类型的相似度。
[0013]根据本公开的实施例，其中，所述基于所述检测关系，核对所述标准设计稿控件和所述标准实现稿控件的一致性，包括：检测所述第一样式信息的一致性。
[0014]根据本公开的实施例，其中，所述基于所述检测关系，核对所述标准设计稿控件和所述标准实现稿控件的一致性，包括：检测所述第二样式信息的一致性。
[0015]根据本公开的实施例，其中，所述获取标准设计稿和标准实现稿前，包括：获取原始设计稿和原始实现稿；对所述原始设计稿执行第一解析操作，生成所述标准设计稿；以及对所述原始实现稿执行第二解析操作，生成所述标准实现稿。
[0016]根据本公开的实施例，其中，所述对所述原始设计稿执行第一解析操作，生成所述标准设计稿，包括：提取所述原始设计稿中的多个原始设计稿控件，其中，所述原始设计稿控件包括图层信息和组件信息，所述原始设计稿控件为第一数据格式；以及将所述第一数据格式转化为第三数据格式，其中，所述第三数据格式为标准设计稿的数据格式。
[0017]根据本公开的实施例，其中，所述原始设计稿控件包括蒙版处理后的所述原始设计稿控件和未蒙版处理的原始设计稿控件，所述将所述第一数据格式转化为第三数据格式，包括：对于蒙版处理后的所述原始设计稿控件，将蒙版处理后所述原始设计稿控件截取部分的所述第一数据格式转化为所述第三数据格式。
[0018]根据本公开的实施例，其中，所述对所述原始实现稿执行第二解析操作，生成所述标准实现稿，包括：获取所述原始实现稿的视图树信息；提取所述视图树信息中的多个原始
实现稿控件，所述原始实现稿控件为第二数据格式；以及将所述第二数据格式转化为第三数据格式。
[0019]本公开的第二个方面，提供了一种交互界面合规性检测装置，包括：获取模块，用于获取标准设计稿和标准实现稿，其中，所述标准设计稿包括多个标准设计稿控件，所述标准实现稿包括多个标准实现稿控件；相似度计算模块，用于将所述多个标准设计稿控件和所述多个标准实现稿控件，通过预设的相似度计算模型计算相似度，得到多个第一相似度和多个第二相似度；匹配模块，用于基于所述多个第一相似度和所述多个第二相似度进行匹配，形成对应检测关系，其中，所述对应检测关系包括所述标准设计稿控件和所述标准实现稿控件一一对应的检测关系；核对模块，用于基于所述检测关系，核对所述标准设计稿控件和所述标准实现稿控件的一致性；以及提示模块，用于在所述标准设计稿控本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种交互界面合规性检测方法，包括：获取标准设计稿和标准实现稿，其中，所述标准设计稿包括多个标准设计稿控件，所述标准实现稿包括多个标准实现稿控件；将所述多个标准设计稿控件和所述多个标准实现稿控件，通过预设的相似度计算模型计算相似度，得到多个第一相似度和多个第二相似度；基于所述多个第一相似度和所述多个第二相似度进行匹配，形成对应检测关系，其中，所述对应检测关系包括所述标准设计稿控件和所述标准实现稿控件一一对应的检测关系；基于所述检测关系，核对所述标准设计稿控件和所述标准实现稿控件的一致性；以及在所述标准设计稿控件和所述标准设计稿控件不一致的情况下，发出不合规提示。2.根据权利要求1所述的方法，其中，在所述获取标准设计稿和标准实现稿后，还包括：分别对所述标准设计稿和所述标准实现稿进行区域划分，得到预设数量的第一区域、预设数量的第二区域、每个所述第一区域中的多个标准设计稿控件和每个所述第二区域中的多个标准设计稿控件，其中，所述第一区域和所述第二区域为一一对应的关系。3.根据权利要求2所述的方法，其中，所述将所述多个标准设计稿控件和所述多个标准实现稿控件，通过预设的相似度计算模型计算相似度，得到多个第一相似度和多个第二相似度，包括：按照所述第一区域和所述第二区域的对应关系，分批将多个标准设计稿控件和多个标准设计稿控件，放入预设的相似度计算模型计算相似度，得到不同第一区域的多个第一相似度和不同第二区域的多个第二相似度。4.根据权利要求3所述的方法，其中，所述标准设计稿控件的类型包括第一控件类型和第二控件类型，所述标准实现稿控件的类型包括所述第一控件类型和所述第二控件类型；以及所述预设的相似度计算模型包括第一相似度计算模型和第二相似度计算模型，所述第一相似度计算模型用以计算所述第一控件类型的相似度，所述第二相似度计算模型用以计算所述第二控件类型的相似度。5.根据权利要求4所述的方法，其中，所述第一控件类型包括文本类型，所述按照所述第一区域和所述第二区域的对应关系，分批将多个标准设计稿控件和多个标准实现稿控件，放入预设的相似度计算模型计算相似度，得到不同第一区域的多个第一相似度和不同第二区域的多个第二相似度，包括：获取所述第一控件类型的第一样式信息；以及基于所述第一样式信息，通过所述第一相似度计算模型计算得到所述第一控件类型的相似度。6.根据权利要求4所述的方法，其中，所述第二控件类型包括图像类型和容器类型，所述按照所述第一区域和所述第二区域的对应关系，分批将多个标准设计稿控件和多个标准设计稿控件，放入预设的相似度计算模型计算相似度，得到不同第一区域的多个第一相似度和不同第二区域的多个第二相似度，还包括：获取所述第二控件类型的第二样式信息；以及基于所述第二样式信息，通过所述第二相似度计算模型计算得到所述第二控件类型的相似度。
7.根据权利要求5所述的方法，其中，所述基于所述检测关...
【专利技术属性】
技术研发人员：黄小然，罗涛，赵海强，李思，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。