CN114428601A - 视觉稿检查方法及装置 - Google Patents
视觉稿检查方法及装置 Download PDFInfo
- Publication number
- CN114428601A CN114428601A CN202111462741.8A CN202111462741A CN114428601A CN 114428601 A CN114428601 A CN 114428601A CN 202111462741 A CN202111462741 A CN 202111462741A CN 114428601 A CN114428601 A CN 114428601A
- Authority
- CN
- China
- Prior art keywords
- rule
- design rule
- data
- checking
- visual
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种视觉稿检查方法及装置。方法的一具体实施方式包括:解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;通过完整设计规则检查预设格式数据,得到检查结果。本申请提供了一种针对于视觉稿的自动检查方法,提高了对于视觉稿的检查效率和准确度。
Description
技术领域
本申请实施例涉及计算机技术领域,具体涉及一种视觉稿检查方法及装置。
背景技术
视觉设计师作为产品视觉形态的执行层,产品上线前的视觉走查是其必要环节。然而,在敏捷开发中,留给视觉设计师走查修改的时间并不多。为了上线的产品能够得到更好的视觉还原,设计师之间需要制定统一的设计规范,以及需要了解工程师代码还原的基础规则。
目前,常采用设计系统设计视觉稿,即设计师采用统一的样式规范和共享的组件库进行协作设计。针对于视觉稿的检查,一般为设计师和工程师的人工检查。
发明内容
本申请实施例提出了一种视觉稿检查方法及装置。
第一方面,本申请实施例提供了一种视觉稿检查方法,包括:解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;通过完整设计规则检查预设格式数据,得到检查结果。
在一些实施例中,上述解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据,包括:遍历视觉稿源数据中的每一图层节点,根据图层节点所属的类型,得到层叠样式表数据;对层叠样式表数据进行格式转换,得到预设格式数据。
在一些实施例中,上述通过完整设计规则检查预设格式数据,得到检查结果,包括:确定预设格式数据中的每一图层节点中包括的可被完整设计规则检查的设计原子数据;根据完整设计规则中对应于设计原子数据的规则检查设计原子数据,得到检查结果。
在一些实施例中,在上述结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则之前,还包括:根据接收到的规则自定义操作,确定自定义规则。
在一些实施例中,在上述通过完整设计规则检查预设格式数据,得到检查结果之后,还包括:响应于确定检测结果中包括不符合完整设计规则的目标图层节点,显示不规范列表,其中,不规范列表中包括目标图层节点和目标图层节点所不符合的规则。
在一些实施例中,在上述通过完整设计规则检查预设格式数据,得到检查结果之后,还包括:响应于确定检测结果中包括不符合完整设计规则的目标图层节点,根据预设告警级别确定目标图层节点的告警级别;根据告警级别进行告警。
在一些实施例中,上述方法还包括:修正不符合完整设计规则的目标图层节点。
第二方面,本申请实施例提供了一种视觉稿检查装置,包括:解析单元,被配置成解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;结合单元,被配置成结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;检查单元,被配置成通过完整设计规则检查预设格式数据,得到检查结果。
在一些实施例中,解析单元,进一步被配置成:遍历视觉稿源数据中的每一图层节点,根据图层节点所属的类型,得到层叠样式表数据;对层叠样式表数据进行格式转换,得到预设格式数据。
在一些实施例中,检查单元,进一步被配置成:确定预设格式数据中的每一图层节点中包括的可被完整设计规则检查的设计原子数据;根据完整设计规则中对应于设计原子数据的规则检查设计原子数据,得到检查结果。
在一些实施例中,上述装置还包括:自定义单元,被配置成:根据接收到的规则自定义操作,确定自定义规则。
在一些实施例中,上述装置还包括:显示单元,被配置成:响应于确定检测结果中包括不符合完整设计规则的目标图层节点,显示不规范列表,其中,不规范列表中包括目标图层节点和目标图层节点所不符合的规则。
在一些实施例中,上述装置还包括:告警单元,被配置成:响应于确定检测结果中包括不符合完整设计规则的目标图层节点,根据预设告警级别确定目标图层节点的告警级别;根据告警级别进行告警。
在一些实施例中,上述装置还包括:修正单元,被配置成:修正不符合完整设计规则的目标图层节点。
第三方面,本申请实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现如第一方面任一实现方式描述的方法。
第四方面,本申请实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面任一实现方式描述的方法。
本申请实施例提供的视觉稿检查方法及装置,通过解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;通过完整设计规则检查预设格式数据,得到检查结果,从而提供了一种针对于视觉稿的自动检查方法,提高了对于视觉稿的检查效率和准确度。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1是本申请的一个实施例可以应用于其中的示例性系统架构图;
图2是根据本申请视觉稿检查方法的一个实施例的流程图;
图3是根据本实施例的视觉稿检查方法的应用场景的示意图;
图4是根据本申请的视觉稿检查方法的又一个实施例的流程图;
图5是根据本申请的视觉稿检查装置的一个实施例的结构图;
图6是适于用来实现本申请实施例的计算机系统的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请的视觉稿检查方法及装置的示例性架构100。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。终端设备101、102、103之间通信连接构成拓扑网络,网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103可以是支持网络连接从而进行数据交互和数据处理的硬件设备或软件。当终端设备101、102、103为硬件时,其可以是支持网络连接,信息获取、交互、显示、处理等功能的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时,可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是提供各种服务的服务器,例如通过包括自定义规则和设计系统中已配置的设计规则的完整设计规则,对终端设备101、102、103所指定的视觉稿源数据进行检查的后台处理服务器。可选的,服务器可以将对视觉稿源数据的检查结果反馈至终端设备。作为示例,服务器105可以是云端服务器。
需要说明的是,服务器可以是硬件,也可以是软件。当服务器为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器为软件时,可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块),也可以实现成单个软件或软件模块。在此不做具体限定。
还需要说明的是,本申请的实施例所提供的视觉稿检查方法可以由服务器执行,也可以由终端设备执行,还可以由服务器和终端设备彼此配合执行。相应地,视觉稿检查装置包括的各个部分(例如各个单元)可以全部设置于服务器中,也可以全部设置于终端设备中,还可以分别设置于服务器和终端设备中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。当视觉稿检查方法运行于其上的电子设备不需要与其他电子设备进行数据传输时,该系统架构可以仅包括视觉稿检查方法运行于其上的电子设备(例如服务器或终端设备)。
继续参考图2,示出了视觉稿检查方法的一个实施例的流程200,包括以下步骤:
步骤201,解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据。
本实施例中,视觉稿检查方法的执行主体(例如图1中的终端设备或服务器)可以基于有线连接方式或无线连接方式从远程,或从本地获取视觉稿源数据,并解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据。
上述执行主体可以支持多种格式的视觉稿源数据。作为示例,上述执行主体可以支持Sketch格式和Photoshop格式的视觉稿源文件。上述执行主体可以调用对应软件的设计插件工具,通过Sketch应用、Photoshop应用提供的图层解析接口,解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据。
在本实施例的一些可选的实现方式中,上述执行主体可以通过如下方式执行上述步骤201:
第一,遍历视觉稿源数据中的每一图层节点,根据图层节点所属的类型,得到层叠样式表数据。
图层节点大体分为五类:Text文本节点,检测文本颜色、行高等;Image图片节点,检测图片尺寸等;Shape矢量图形节点,检测背景色等;Group图层编组节点,检测编组合理性等;Symbol可复用图层组节点,检测节点有效性等。
具体的,上述执行主体可以遍历视觉稿源数据中的每一层的图层信息,根据图层节点所属的类型,分别获取图层坐标(x/y)、尺寸(width/height)、样式(styles)等可用CSS(Cascading Style Sheets,层叠样式表)表达的信息,得到层叠样式表数据。
第二,对层叠样式表数据进行格式转换,得到预设格式数据。
获取所有图层节点的信息后,为了便于后续图层数据的检测与处理,需要将Sketch和Photoshop导出的CSS数据进行一次格式转换,以统一数据结构,得到预设格式为JSON Schema(JavaScript Object Notation Schema,JS对象简谱模式)的数据。
步骤202,结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则。
本实施例中,上述执行主体可以结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则。
设计系统为方便设计师设计,采用统一的样式规范和共享的组件库而构成的系统。设计系统中通过设计规则的形式定义了设计所需遵循的样式规范。
本实施例中,上述执行主体可支持设计规则的自定义,从而得到自定义规则。如此,上述执行主体可以结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则。
为了避免自定义规则和设计系统中已配置的设计规则之间发生冲突,在本实施例的一些可选的实现方式中,基于自定义规则的优先级高于设计系统中已配置的设计规则的优先级的原则,结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则。
在本实施例的一些可选的实现方式中,在执行上述步骤202之前,上述执行主体可以根据接收到的规则自定义操作,确定自定义规则。
具体的,可以根据实际设计需求,灵活地自定义各设计项目对应的自定义规则。通过设计规则的自定义,可以针对于不同的设计项目定制化设计规则,以弥补设计系统中原有的设计规则的不足,并提高了视觉稿规范检查过程的灵活性和实用性。
步骤203,通过完整设计规则检查预设格式数据,得到检查结果。
本实施例中,上述执行主体可以通过完整设计规则检查预设格式数据,得到检查结果。
作为示例,上述执行主体可以图层节点为单位,通过完整设计规则检测预设格式数据中每一图层节点对应的数据,得到每一图层节点对应的图层检查结果,结合每一图层节点对应的图层检查结果,得到最终的检查结果。
在本实施例的一些可选的实现方式中,上述执行主体可以通过如下方式执行上述步骤203:
第一,确定预设格式数据中的每一图层节点中包括的可被完整设计规则检查的设计原子数据。
设计原子是原子设计理论中最基础的元素,而原子设计理论是使用一种有条理创建模式库的方法,结合软件开发的组件化思想,从最原始的原子出发,逐层构筑更高级别的组织,很好地解决了模块化和规模化的问题。
上述执行主体需要将设计系统中可量化的维度抽离出来,即得到可被完整设计规则检查的设计原子。作为示例,设计原子包括:色彩、Colors,字体、LineHeight、Letter-Spacing,边框、Borders,阴影、Shadows,圆角、Radiuses等。
第二,根据完整设计规则中对应于设计原子数据的规则检查设计原子数据,得到检查结果。
对于每种类型的图层节点,对该类型的图层节点中包括的设计原子通过对应的设计规则进行检查,得到检查结果。
可以理解,检查结果一般包括两种情况:图层节点符合完整设计规则、图层节点不符合完整设计规则。在本实施例的一些可选的实现方式中,上述执行主体响应于确定检测结果中包括不符合完整设计规则的目标图层节点,显示不规范列表。其中,不规范列表中包括目标图层节点和目标图层节点所不符合的规则。
在不规范列表中,不符合设计规则的目标图层节点和该不符合的设计规则一一对应,以针对性地向用户展示不符合设计规则的图层节点。为了更充分地向用户展示目标图层节点中的不规则信息,对于每个目标图层节点,可以展示该图层节点下不符合设计规则的设计原子和对应的设计规则。
在本实施例的一些可选的实现方式中,上述执行主体响应于确定检测结果中包括不符合完整设计规则的目标图层节点,根据预设告警级别确定目标图层节点的告警级别;根据告警级别进行告警。
用户可以根据实际情况具体设置预设告警界别。作为示例,用户可在项目配置文件中自定义警告级别:ignore表示忽略该规则,warning表示警告,error表示错误。
对于视觉稿而言,并非所有不符合完整设计规则的问题都应当被修复。所以默认情况下,对于大多数的设计规则的不符合情况可以设置为warning级别。
在本实施例的一些可选的实现方式中,上述执行主体还可以修正不符合完整设计规则的目标图层节点。作为示例,上述执行主体可以参照目标图层节点所不符合的设计规则,调整目标图层节点中的设计原子,以使得目标图层节点符合完整设计规则。
在修正目标图层节点后,上述执行主体可以向用户展示修正后的目标图层节点,以通过人工核验确定目标图层节点的正确性。
继续参见图3,图3是根据本实施例的视觉稿检查方法的应用场景的一个示意图300。在图3的应用场景中,设计师301通过终端设备302设计了一应用程序的视觉稿。为了检查所设计的视觉稿,设计师301将视觉稿源数据发送至服务器303,并通过服务器303进行自定义操作,设置了对于视觉稿源数据304的自定义规则305。服务器303解析所获取的视觉稿源数据304,得到符合视觉稿规范检查要求的预设格式数据306。结合自定义规则305和设计系统中已配置的设计规则307,得到完整设计规则308;通过完整设计规则308检查预设格式数据306,得到检查结果309。
本申请的上述实施例提供的方法,通过解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;通过完整设计规则检查预设格式数据,得到检查结果,从而提供了一种针对于视觉稿的自动检查方法,提高了对于视觉稿的检查效率和准确度。
继续参考图4,示出了根据本申请的视觉稿检查方法的一个实施例的示意性流程400,包括如下步骤:
步骤401,根据接收到的规则自定义操作,确定自定义规则。
步骤402,遍历视觉稿源数据中的每一图层节点,根据图层节点所属的类型,得到层叠样式表数据。
步骤403,对层叠样式表数据进行格式转换,得到预设格式数据。
步骤404,结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则。
步骤405,确定预设格式数据中的每一图层节点中包括的可被完整设计规则检查的设计原子数据。
步骤406,根据完整设计规则中对应于设计原子数据的规则检查设计原子数据,得到检查结果。
步骤407,响应于确定检测结果中包括不符合完整设计规则的目标图层节点,显示不规范列表,并根据预设告警级别确定目标图层节点的告警级别,根据告警级别进行告警。
其中,不规范列表中包括目标图层节点和目标图层节点所不符合的规则。
从本实施例中可以看出,与图2对应的实施例相比,本实施例中的视觉稿检查方法的流程400具体说明了自定义规则的自定义过程,视觉稿源数据的解析过程、视觉稿源数据的检查过程以及针对于检查结果中不符合完整设计规则的目标图层节点的处理过程,进一步提高了对于视觉稿检查的效率和实用性。
继续参考图5,作为对上述各图所示方法的实现,本申请提供了一种视觉稿检查装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,视觉稿检查装置包括:解析单元501,被配置成解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;结合单元502,被配置成结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;检查单元503,被配置成通过完整设计规则检查预设格式数据,得到检查结果。
在本实施例的一些可选的实现方式中,解析单元501,进一步被配置成:遍历视觉稿源数据中的每一图层节点,根据图层节点所属的类型,得到层叠样式表数据;对层叠样式表数据进行格式转换,得到预设格式数据。
在本实施例的一些可选的实现方式中,检查单元503,进一步被配置成:确定预设格式数据中的每一图层节点中包括的可被完整设计规则检查的设计原子数据;根据完整设计规则中对应于设计原子数据的规则检查设计原子数据,得到检查结果。
在本实施例的一些可选的实现方式中,上述装置还包括:自定义单元(图中未示出),被配置成:根据接收到的规则自定义操作,确定自定义规则。
在本实施例的一些可选的实现方式中,上述装置还包括:显示单元(图中未示出),被配置成:响应于确定检测结果中包括不符合完整设计规则的目标图层节点,显示不规范列表,其中,不规范列表中包括目标图层节点和目标图层节点所不符合的规则。
在本实施例的一些可选的实现方式中,上述装置还包括:告警单元(图中未示出),被配置成:响应于确定检测结果中包括不符合完整设计规则的目标图层节点,根据预设告警级别确定目标图层节点的告警级别;根据告警级别进行告警。
在本实施例的一些可选的实现方式中,上述装置还包括:修正单元(图中未示出),被配置成:修正不符合完整设计规则的目标图层节点。
本实施例中,视觉稿检查装置中的解析单元解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;结合单元结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;检查单元通过完整设计规则检查预设格式数据,得到检查结果,从而提供了一种针对于视觉稿的自动检查装置,提高了对于视觉稿的检查效率和准确度。
下面参考图6,其示出了适于用来实现本申请实施例的设备(例如图1所示的设备101、102、103、105)的计算机系统600的结构示意图。图6示出的设备仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。
如图6所示,计算机系统600包括处理器(例如CPU,中央处理器)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM603中,还存储有系统600操作所需的各种程序和数据。处理器601、ROM602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
以下部件连接至I/O接口605:包括键盘、鼠标等的输入部分606;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607;包括硬盘等的存储部分608;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器610上,以便于从其上读出的计算机程序根据需要被安装入存储部分608。
特别地,根据本申请的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本申请的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分609从网络上被下载和安装,和/或从可拆卸介质611被安装。在该计算机程序被处理器601执行时,执行本申请的方法中限定的上述功能。
需要说明的是,本申请的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码,程序设计语言包括面向目标的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在客户计算机上执行、部分地在客户计算机上执行、作为一个独立的软件包执行、部分在客户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到客户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本申请各种实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器,包括解析单元、结合单元和检查单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,检查单元还可以被描述为“通过完整设计规则检查预设格式数据,得到检查结果的单元”。
作为另一方面,本申请还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该装置执行时,使得该计算机设备:解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;通过完整设计规则检查预设格式数据,得到检查结果。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (16)
1.一种视觉稿检查方法,包括:
解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;
结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;
通过所述完整设计规则检查所述预设格式数据,得到检查结果。
2.根据权利要求1所述的方法,其中,所述解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据,包括:
遍历所述视觉稿源数据中的每一图层节点,根据图层节点所属的类型,得到层叠样式表数据;
对所述层叠样式表数据进行格式转换,得到所述预设格式数据。
3.根据权利要求1所述的方法,其中,所述通过所述完整设计规则检查所述预设格式数据,得到检查结果,包括:
确定所述预设格式数据中的每一图层节点中包括的可被所述完整设计规则检查的设计原子数据;
根据所述完整设计规则中对应于所述设计原子数据的规则检查所述设计原子数据,得到所述检查结果。
4.根据权利要求1所述的方法,其中,在所述结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则之前,还包括:
根据接收到的规则自定义操作,确定所述自定义规则。
5.根据权利要求1所述的方法,其中,在所述通过所述完整设计规则检查所述预设格式数据,得到检查结果之后,还包括:
响应于确定所述检测结果中包括不符合所述完整设计规则的目标图层节点,显示不规范列表,其中,所述不规范列表中包括目标图层节点和所述目标图层节点所不符合的规则。
6.根据权利要求1所述的方法,其中,在所述通过所述完整设计规则检查所述预设格式数据,得到检查结果之后,还包括:
响应于确定所述检测结果中包括不符合所述完整设计规则的目标图层节点,根据预设告警级别确定所述目标图层节点的告警级别;
根据所述告警级别进行告警。
7.根据权利要求5或6所述的方法,其中,还包括:
修正不符合所述完整设计规则的目标图层节点。
8.一种视觉稿检查装置,包括:
解析单元,被配置成解析所获取的视觉稿源数据,得到符合视觉稿规范检查要求的预设格式数据;
结合单元,被配置成结合自定义规则和设计系统中已配置的设计规则,得到完整设计规则;
检查单元,被配置成通过所述完整设计规则检查所述预设格式数据,得到检查结果。
9.根据权利要求8所述的装置,其中,所述解析单元,进一步被配置成:
遍历所述视觉稿源数据中的每一图层节点,根据图层节点所属的类型,得到层叠样式表数据;对所述层叠样式表数据进行格式转换,得到所述预设格式数据。
10.根据权利要求8所述的装置,其中,所述检查单元,进一步被配置成:
确定所述预设格式数据中的每一图层节点中包括的可被所述完整设计规则检查的设计原子数据;根据所述完整设计规则中对应于所述设计原子数据的规则检查所述设计原子数据,得到所述检查结果。
11.根据权利要求8所述的装置,其中,还包括:
自定义单元,被配置成:
根据接收到的规则自定义操作,确定所述自定义规则。
12.根据权利要求8所述的装置,其中,还包括:
显示单元,被配置成:
响应于确定所述检测结果中包括不符合所述完整设计规则的目标图层节点,显示不规范列表,其中,所述不规范列表中包括目标图层节点和所述目标图层节点所不符合的规则。
13.根据权利要求8所述的装置,其中,还包括:
告警单元,被配置成:
响应于确定所述检测结果中包括不符合所述完整设计规则的目标图层节点,根据预设告警级别确定所述目标图层节点的告警级别;根据所述告警级别进行告警。
14.根据权利要求12或13所述的装置,其中,还包括:
修正单元,被配置成:
修正不符合所述完整设计规则的目标图层节点。
15.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
16.一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111462741.8A CN114428601A (zh) | 2021-11-24 | 2021-11-24 | 视觉稿检查方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111462741.8A CN114428601A (zh) | 2021-11-24 | 2021-11-24 | 视觉稿检查方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114428601A true CN114428601A (zh) | 2022-05-03 |
Family
ID=81310625
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111462741.8A Pending CN114428601A (zh) | 2021-11-24 | 2021-11-24 | 视觉稿检查方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114428601A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117472372A (zh) * | 2023-10-27 | 2024-01-30 | 北京真内控科技有限公司 | 一种响应式表单搭建方法及系统 |
-
2021
- 2021-11-24 CN CN202111462741.8A patent/CN114428601A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117472372A (zh) * | 2023-10-27 | 2024-01-30 | 北京真内控科技有限公司 | 一种响应式表单搭建方法及系统 |
CN117472372B (zh) * | 2023-10-27 | 2024-04-09 | 北京真内控科技有限公司 | 一种响应式表单搭建方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109857388B (zh) | 代码生成方法、装置、服务器及计算机可读介质 | |
CN113031946B (zh) | 一种渲染页面组件的方法和装置 | |
CN109558323B (zh) | 用于调试页面的系统、方法和装置 | |
CN110780874B (zh) | 用于生成信息的方法和装置 | |
CN107451112B (zh) | 表格工具数据检查方法、装置、终端设备及存储介质 | |
CN110908967B (zh) | 用于存储日志的方法、装置、设备和计算机可读介质 | |
CN109582317B (zh) | 用于调试寄宿应用的方法和装置 | |
CN111104479A (zh) | 一种数据标注的方法及装置 | |
CN113760729A (zh) | 一种代码检测方法和装置 | |
CN114428601A (zh) | 视觉稿检查方法及装置 | |
CN112000902B (zh) | 用于地图区域绘制的方法、电子设备和存储介质 | |
CN114064172A (zh) | 数据渲染方法及装置 | |
CN112631588A (zh) | 文件生成方法、装置、电子设备和计算机可读介质 | |
CN109582580B (zh) | 用于调试页面的系统、方法和装置 | |
CN116860286A (zh) | 页面动态更新方法、装置、电子设备和计算机可读介质 | |
CN108170557B (zh) | 用于输出信息的方法和装置 | |
CN112286785B (zh) | 用户界面的异常检测方法及装置 | |
CN115454956A (zh) | 日志生成方法、装置、电子设备及存储介质 | |
CN111367791B (zh) | 一种生成测试用例的方法、装置、介质和电子设备 | |
CN113535151B (zh) | 代码生成方法和装置 | |
CN113312900A (zh) | 数据校验的方法和装置 | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN108959508B (zh) | Sql数据生成方法及装置 | |
CN112926294A (zh) | 一种模板文件的生成方法和装置 | |
CN113296785A (zh) | 文档生成方法、系统、设备及可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |