[发明专利]软件界面设计稿前端元素识别方法在审
申请号: | 202110505715.2 | 申请日: | 2021-05-10 |
公开(公告)号: | CN113204333A | 公开(公告)日: | 2021-08-03 |
发明(设计)人: | 王琦 | 申请(专利权)人: | 武汉空心科技有限公司 |
主分类号: | G06F8/20 | 分类号: | G06F8/20;G06K9/20;G06K9/62;G06N3/08 |
代理公司: | 暂无信息 | 代理人: | 暂无信息 |
地址: | 430000 湖北省武汉市东湖*** | 国省代码: | 湖北;42 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 软件 界面设计 前端 元素 识别 方法 | ||
1.软件界面设计稿前端元素识别方法,其特征在于,包括以下步骤:
Step1:创建并更新设计稿素材样本库,对设计稿素材进行初步整理,设置素材的元数据,包括设计稿格式和应用领域;
Step2:人工对设计稿进行分析,标注出页面元素;
Step3:建立设计稿分析的人工神经网络,通过设置多个卷积层使人工神经网络具有针对设计稿分析任务的良好性能;
Step4:使用设计稿素材库对人工神经网络进行训练,得到成熟的设计稿分析模型,包括各类页面元素的特征模型;
Step5:输入待分析的设计稿文件,对设计稿进行预处理,去除无关数据,保留待分析的核心数据,并添加适当的引导性数据;
Step6:利用训练后的人工神经网络,对输入的设计稿进行分析,得到设计稿各页面的结构特征,并提取页面的各类元素;
Step7:再次利用训练后的人工神经网络,对提取的各个元素进行分析,得到元素的特征信息;
Step8:根据所提取的元素的特征信息,搜索各类元素的特征模型库,寻找最匹配的元素特征模型;
Step9:基于元素特征及对应的特征模型,得到所识别的元素类型及相关参数;
Step10:将设计稿的分析结果,包括所有元素的相关信息进行整理后输出。
2.根据权利要求1所述的软件界面设计稿前端元素识别方法,其特征在于,所述Step1中,对准备用于训练的样本,预先设置表示设计稿基本属性的元数据。
3.根据权利要求1所述的软件界面设计稿前端元素识别方法,其特征在于,所述Step2中,对设计稿素材进行人工标注时,需要将页面的所有元素尽量全的标注出来,并记录元素的类型及元素的尺寸、轮廓和位置信息,所述元素类型包括:文字、图片、交互组件(文本输入框、按钮、下拉框)、动效组件(flash动画、轮播图、进度条)。
4.根据权利要求1所述的软件界面设计稿前端元素识别方法,其特征在于,所述Step4中,通过训练得到的设计稿分析模型包括各类页面元素的特征识别模型、图像分类模型和目标检测模型。
5.根据权利要求1所述的软件界面设计稿前端元素识别方法,其特征在于,所述Step5中,对输入的设计稿文件,若存在多个图层,并且最底层为背景层,则删除背景层,以减小背景图对识别过程的干扰,同时,对于输入的来自同一个软件产品的设计稿,设置这一批设计稿的应用领域信息。
6.根据权利要求1所述的软件界面设计稿前端元素识别方法,其特征在于,所述Step6中,分析页面中各图层的元素的形状及位置信息,合并相关图层并提取各元素的属性,包括形状、颜色、文字、轮廓和位置。
7.根据权利要求1所述的软件界面设计稿前端元素识别方法,其特征在于,所述Step7中,分析所提取的元素的形状、颜色和文字信息,生成该元素对应的特征值,计算各元素特征值的相似度,将相似度大于预设阈值的元素设置分组标签,并计算分组标签下所有元素的统一特征值,用于同类元素的后续处理。
8.根据权利要求1所述的软件界面设计稿前端元素识别方法,其特征在于,所述Step8中,首先基于所提取的元素的特征值,从特征库中搜索相似度大于预设阈值的分组标签,并按相似度大小排序,然后依次从各分组中,搜索相似度最大的元素特征模型,接下来根据分组设置特征分析模型,将所提取的元素的特征值输入分析模型,得到该元素在各个分组的特征模型中的输出结果。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于武汉空心科技有限公司,未经武汉空心科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110505715.2/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种音响参数确定方法和系统
- 下一篇:一种酶解生物肽肥及其制备方法