一种应用程序设计图处理方法和装置

摘要

本发明公开了应用程序设计图处理方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括接收应用程序设计图信息，识别所述设计图为目标处理设计图；调用预设的图像处理模型，提取所述设计图数据中的关键特征信息，以生成设计规范知识库；获取待审查设计图信息，基于所述设计规范知识库对待审查设计图的关键特征信息进行对比，以生成审查报告并输出。从而，本发明的实施方式能够解决现有应用程序UI设计管理难、灵活性低的问题。

说明书

技术领域

本发明涉及计算机技术领域，尤其涉及一种应用程序设计图处理方法和装置。

背景技术

目前，开发面向用户的手机APP应用，由于一个手机APP的UI设计图涉及APP的各个不同功能和不同层级，导致会出现大批量的UI设计图，而企业内APP的设计工作由不同设计者协同完成，很难做到前端界面UI规范上标准化和风格一致性，大大减低了用户侧用户体验的好感度。同时，每一张UI设计图都涵盖了文字、按钮、控件等不同内容，且涉及大小、色值、间距、透明度等不同指标，如何在大量的UI设计图中精准全面地找到不符合标准导致用户体验瑕疵的细微设计之处是业内普遍面临的技术问题。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

在设计初期严格限定设计师仅能使用统一规范库的设计组件来进行设计工作，设计师工作的创造性被限制，虽然保证了效率，但是将大大降低设计方案的创新性和灵活性。

发明内容

有鉴于此，本发明实施例提供一种应用程序设计图处理方法和装置，能够解决现有应用程序UI设计管理难、灵活性低的问题。

为实现上述目的，根据本发明实施例的一个方面，提供了一种应用程序设计图处理方法，包括接收应用程序设计图信息，识别所述设计图为目标处理设计图；调用预设的图像处理模型，提取所述设计图数据中的关键特征信息，以生成设计规范知识库；获取待审查设计图信息，基于所述设计规范知识库对待审查设计图的关键特征信息进行对比，以生成审查报告并输出。

可选地，识别所述设计图为目标处理设计图，包括：

获取所述设计图信息中的类型标识，查询预设的目标对象标识集合，以确定存在所述类型标识，进而所述设计图为目标处理设计图。

可选地，调用预设的图像处理模型，提取所述设计图数据中的关键特征信息，以生成设计规范知识库，包括：

将所述设计图进行二维定位，提取定位后设计图中的预设属性特征，进而基于属性类别分别生成对应的设计规范知识库；

将定位后设计图中的剩余属性特征存入待处理库，以基于出现频次对各个属性特征进行排序，以通过定时审查程序进行处理。

可选地，将所述设计图进行二维定位之前，包括：

根据预设的去噪模型，对所述设计图信息进行处理。

可选地，获取待审查设计图信息，包括：

接收待审查设计图信息，以存入预设的待审查池，进而从所述待审查池中抓取待审查设计图。

可选地，基于所述设计规范知识库对待审查设计图的关键特征进行对比，包括：

获取待审查设计图的关键特征信息，基于相应的属性特征设计规范知识库分别对所述待审查设计图的关键特征信息进行比对，以计算各个属性特征的相似度值。

可选地，生成审查报告并输出，包括：

调用预设的匹配模型，根据各个属性特征的相似度值分别进行等级归类，以根据不同等级得到相应的处理信息并输出。

另外，本发明还提供了一种应用程序设计图处理装置，包括获取模块，用于接收应用程序设计图信息，识别所述设计图为目标处理设计图；生成模块，用于调用预设的图像处理模型，提取所述设计图数据中的关键特征信息，以生成设计规范知识库；处理模块，用于获取待审查设计图信息，基于所述设计规范知识库对待审查设计图的关键特征进行对比，以生成审查报告并输出。

上述发明中的一个实施例具有如下优点或有益效果：本发明能够从基础UI设计图提取关键设计要素特征并形成规范库，且在设计过程中通过系统自动审查设计图，以系统代替人力高效完成审查，从而规避了通过建立内部规章制度这种方式的主观性风险，由主观变客观，由人工变系统，将评审工作量、体验测试工作量的繁琐性降到最低，节省时间和成本。另外，本发明在保证体验一致性的同时最大程度地保证了设计师工作的创新性和灵活性，设计师仍可按照设计审美进行设计工作，不会被统一的规范库所局限。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明第一实施例的应用程序设计图处理方法的主要流程的示意图；

图2是根据本发明实施例的设计规范知识库生成过程示意图；

图3是根据本发明第二实施例的应用程序设计图处理方法的主要流程的示意图；

图4是根据本发明实施例的应用程序设计图处理装置的主要模块的示意图；

图5是本发明实施例可以应用于其中的示例性系统架构图；

图6是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本发明第一实施例的应用程序设计图处理方法的主要流程的示意图，如图1所示，所述应用程序设计图处理方法包括：

步骤S101，接收应用程序设计图信息，识别所述设计图为目标处理设计图。

在一些实施例中，可以接收应用程序设计图信息，获取所述设计图信息中的类型标识，查询预设的目标对象标识集合，以确定存在所述类型标识(例如：预设的目标对象标识集合例如包括基础框架设计图标识。)，进而所述设计图为目标处理设计图。其中，应用程序(APP)指安装在智能终端上的软件。设计图(UI)或称界面设计，是指对软件的人机交互、操作逻辑、界面美观的整体设计。

步骤S102，调用预设的图像处理模型，提取所述设计图数据中的关键特征信息，以生成设计规范知识库。

在一些实施例中，调用预设的图像处理模型，提取所述设计图数据中的关键特征信息，以生成设计规范知识库，包括：将所述设计图进行二维定位，提取定位后设计图中的预设属性特征，进而基于属性类别分别生成对应的设计规范知识库。将定位后设计图中的剩余属性特征存入待处理库，以基于出现频次对各个属性特征进行排序，以通过定时审查程序进行处理。进一步地实施例，将所述设计图进行二维定位之前，包括根据预设的去噪模型(例如均值滤波器、中值滤波器等等各种去噪模型)，对所述设计图信息进行处理。

如图2所示，具体地实施过程包括：获取一张UI设计图，对UI设计图进行二维定位，提取设计图中的有效特征(即预设属性特征)，包括按钮、文字、控件、图片尺寸、ICON等等，形成各类设计规范知识库，即基于用户体验的设计规范并形成设计规范知识库，包括按钮规范库、文字规范库、控件规范库等。其中，用户体验设计是指以用户为中心的一种设计手段，以用户需求为目标而进行的设计。另外，对设计图中的系统模式未设置的特征，放入待处理库，通过定时审查程序进行处理，将符合审查的属性特征生成对应的设计规范知识库并存储。通过迭代前述过程对接收的所有设计图进行处理，更新各类规范库和待处理库。

步骤S103，获取待审查设计图信息，基于所述设计规范知识库对待审查设计图的关键特征信息进行对比，以生成审查报告并输出。

在一些实施例中，获取待审查设计图信息，包括接收待审查设计图信息，以存入预设的待审查池，进而从所述待审查池中抓取待审查设计图。

作为另一些实施例，基于所述设计规范知识库对待审查设计图的关键特征进行对比，包括获取待审查设计图的关键特征信息，基于相应的属性特征设计规范知识库分别对所述待审查设计图的关键特征信息进行比对，以计算各个属性特征的相似度值。例如：采用余弦相似度算法、斯皮尔曼相关性算法等等计算相似度值。即将待审查设计图的按钮特征信息与按钮规范库中的信息进行相似度计算。

进一步地实施例，生成审查报告并输出，包括调用预设的匹配模型，根据各个属性特征的相似度值分别进行等级归类，以根据不同等级得到相应的处理信息并输出。较佳的，等级可以包括符合规范等级、可修改等级和不符合规范等级，根据不同的等级相应的处理信息也不相同，例如符合规范等级处理信息为不予修改，可修改等级处理信息为标识可修改特征并给出修改数据(即可以根据相应设计规范知识库中的数据给出修改建议)，不符合规范等级处理信息为删除或重新设计。另外，值得说明的是，在根据相似度值进行等级归类时可以对不同等级分别设置相似度值范围。

综上所述，本发明所述应用程序设计图处理方法，通过系统先提取设计师原创的基础设计图中的体验设计规范并形成规范库，自动提取设计规范组件，此后可对设计图进行智能审查，保证了设计师工作的创新性和灵活性，设计师仍可按照设计审美进行设计工作，不会被统一的设计规范库所局限，同时高效地解决了在大量的UI设计图中精准全面地找到不符合标准的设计之处这一业内普遍面临的技术问题。

图3是根据本发明第二实施例的应用程序设计图处理方法的主要流程示意图，如图3所示，所述应用程序设计图处理方法包括：

步骤S301，接收应用程序设计图信息，获取所述设计图信息中的类型标识。

步骤S302，查询预设的目标对象标识集合，以确定存在所述类型标识，进而所述设计图为目标处理设计图。

步骤S303，根据预设的去噪模型，对所述设计图信息进行处理。

步骤S304，将处理后的设计图进行二维定位，提取定位后设计图中的预设属性特征，进而基于属性类别分别生成对应的设计规范知识库。

步骤S305，将定位后设计图中的剩余属性特征存入待处理库，以基于出现频次对各个属性特征进行排序，以通过定时审查程序进行处理。

步骤S306，接收待审查设计图信息，以存入预设的待审查池，进而从所述待审查池中抓取待审查设计图。

步骤S307，获取待审查设计图的关键特征信息，基于相应的属性特征设计规范知识库分别对所述待审查设计图的关键特征信息进行比对，以计算各个属性特征的相似度值。

步骤S308，调用预设的匹配模型，根据各个属性特征的相似度值分别进行等级归类，以根据不同等级得到相应的处理信息并输出。

图4是根据本发明实施例的应用程序设计图处理装置的主要模块的示意图，如图4所示，所述应用程序设计图处理装置包括获取模块401、生成模块402和处理模块403。其中，获取模块401接收应用程序设计图信息，识别所述设计图为目标处理设计图；生成模块402调用预设的图像处理模型，提取所述设计图数据中的关键特征信息，以生成设计规范知识库；处理模块403获取待审查设计图信息，基于所述设计规范知识库对待审查设计图的关键特征信息进行对比，以生成审查报告并输出。

在一些实施例中，获取模块401识别所述设计图为目标处理设计图，包括：

获取所述设计图信息中的类型标识，查询预设的目标对象标识集合，以确定存在所述类型标识，进而所述设计图为目标处理设计图。

在一些实施例中，生成模块402调用预设的图像处理模型，提取所述设计图数据中的关键特征信息，以生成设计规范知识库，包括：

将所述设计图进行二维定位，提取定位后设计图中的预设属性特征，进而基于属性类别分别生成对应的设计规范知识库；

将定位后设计图中的剩余属性特征存入待处理库，以基于出现频次对各个属性特征进行排序，以通过定时审查程序进行处理。

在一些实施例中，生成模块402将所述设计图进行二维定位之前，包括：

根据预设的去噪模型，对所述设计图信息进行处理。

在一些实施例中，处理模块403获取待审查设计图信息，包括：

接收待审查设计图信息，以存入预设的待审查池，进而从所述待审查池中抓取待审查设计图。

在一些实施例中，处理模块403基于所述设计规范知识库对待审查设计图的关键特征进行对比，包括：

获取待审查设计图的关键特征信息，基于相应的属性特征设计规范知识库分别对所述待审查设计图的关键特征信息进行比对，以计算各个属性特征的相似度值。

在一些实施例中，处理模块403生成审查报告并输出，包括：

调用预设的匹配模型，根据各个属性特征的相似度值分别进行等级归类，以根据不同等级得到相应的处理信息并输出。

需要说明的是，在本发明所述应用程序设计图处理方法和所述应用程序设计图处理装置在具体实施内容上具有相应关系，故重复内容不再说明。

图5示出了可以应用本发明实施例的应用程序设计图处理方法或应用程序设计图处理装置的示例性系统架构500。

如图5所示，系统架构500可以包括终端设备501、502、503，网络504和服务器505。网络504用以在终端设备501、502、503和服务器505之间提供通信链路的介质。网络504可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备501、502、503通过网络504与服务器505交互，以接收或发送消息等。终端设备501、502、503上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备501、502、503可以是具有应用程序设计图处理屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器505可以是提供各种服务的服务器，例如对用户利用终端设备501、502、503所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。

需要说明的是，本发明实施例所提供的应用程序设计图处理方法一般由服务器505执行，相应地，计算装置一般设置于服务器505中。

应该理解，图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图6，其示出了适于用来实现本发明实施例的终端设备的计算机系统600的结构示意图。图6示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图6所示，计算机系统600包括中央处理单元(CPU)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM603中，还存储有计算机系统600操作所需的各种程序和数据。CPU501、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被安装。在该计算机程序被中央处理单元(CPU)601执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括获取模块、处理模块和生成模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括接收应用程序设计图信息，识别所述设计图为目标处理设计图；调用预设的图像处理模型，提取所述设计图数据中的关键特征信息，以生成设计规范知识库；获取待审查设计图信息，基于所述设计规范知识库对待审查设计图的关键特征信息进行对比，以生成审查报告并输出。

根据本发明实施例的技术方案，能够解决现有应用程序UI设计管理难、灵活性低的问题。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。