CN105843608A - 一种基于聚类的app用户界面设计模式推荐方法及系统 - Google Patents

Abstract

本发明公开了一种基于聚类的APP用户界面设计模式推荐方法及系统，其中，该方法包括：对数据库中的APP进行处理，获取APP用户界面中的XML文件；根据XML文件获取XML控件，对XML控件进行统计筛选，获取第一XML控件；对第一XML控件进行聚类评分处理，获取第一XML控件的评分；对第一XML控件的评分进行综合加权处理，获取第一XML控件对应的APP用户界面设计总评分；根据APP用户界面设计总评分向技术开发员进行设计模式推荐；通过实施本发明实施例，根据技术开发人员的需要向他们推荐用户界面设计模式，给予技术开发人员给多的参考模板，提高开发效率。

Description

一种基于聚类的APP用户界面设计模式推荐方法及系统

技术领域

本发明涉及数据处理技术领域，尤其涉及一种基于聚类的APP用户界面设计模式推荐方法及系统。

背景技术

在终端设备全面普及的时候，许多互联网科技公司在开发手持终端上的APP应用软件，APP应用软件的用户界面设计需要美工花费大量的时间和精力去完成，大大提高了APP应用软件的设计成本。

现有的一个相关专利，专利号为CN201220242216.5，该专利提供了一个UI设计绘图模板，这个模板主要是提供目前APP应用软件上的常见用户界面的设计图案，并将设计图案实物化为一个模板尺，用于手绘设计的辅助功能；但随着计算机科学的进步和手机应用的不断更新发展，APP模板不断变化更改，图标形象变化快速APP设计师需要更加符合潮流的，分类更加合理化的APP设计模式进行参考。

发明内容

本发明的目的在于克服现有技术的不足，本发明提供了一种基于聚类的APP用户界面设计模式推荐方法及系统，给予技术开发人员给多的参考模板，提高开发效率。

为了解决上述技术问题，本发明实施例提供了一种基于聚类的APP用户界面设计模式推荐方法，所述方法包括：

对数据库中的APP进行处理，获取APP用户界面中的XML文件；

根据所述XML文件获取XML控件，对所述XML控件进行统计筛选，获取第一XML控件；

对所述第一XML控件进行聚类评分处理，获取所述第一XML控件的评分；

对所述第一XML控件的评分进行综合加权处理，获取所述第一XML控件对应的APP用户界面设计总评分；

根据所述APP用户界面设计总评分向技术开发员进行设计模式推荐。

优选地，所述根据所述XML文件获取XML控件，对所述XML控件进行统计筛选，包括：

对所述XML文件进行遍历处理，提取所述XML文件中的所有XML控件；

对所述XML控件进行控件类别及个数统计，获取统计结果；

根据所述统计结果计算同一类XML控件在同一APP用户界面的权重，获取计算结果；

根据筛选阈值对所述计算结果进行筛选，获取筛选结果。

优选地，所述根据筛选阈值对所述计算结果进行筛选，获取筛选结果，包括：

根据所述计算结果与筛选阈值进行比较，若小于阈值，则去除所述结算结果，若大于或等于阈值，则保留所述计算结果，获取比较结果；

根据所述比较结果获取所述筛选结果。

优选地，所述对所第一XML控件进行聚类评分处理，获取所述第一XML控件的评分，包括：

采用K-Means聚类对所述第一XML控件进行聚类处理，获取聚类结果；

根据所述聚类结果，获取每一聚类的XML控件的评分。

优选地，所述对所述第一XML控件的评分进行综合加权处理，包括：

获取同一类的XML控件的评分和同一类XML控件在同一APP用户界面的权重；

采用所述同一类的XML控件的评分与所述同一类XML控件在同一用户界面的权重相乘，获取计算结果；

将所述同一APP用户界面的各类所述计算结果进行综合加权处理，获取所述同一APP用户界面总评分。

相应地，本发明还提供一种基于聚类的APP用户界面设计模式推荐系统，所述系统包括：

信息获取模块：用于对数据库中的APP进行处理，获取APP用户界面中的XML文件；

统计筛选模块：用于根据所述XML文件获取XML控件，对所述XML控件进行统计筛选，获取第一XML控件；

聚类评分模块：用于对所述第一XML控件进行聚类评分处理，获取所述第一XML控件的评分；

加权模块：用于对所述第一XML控件的评分进行综合加权处理，获取所述第一XML控件对应的APP用户界面设计总评分；

推荐模块：用于根据所述APP用户界面设计总评分向技术开发员进行设计模式推荐。

优选地，所述统计筛选模块包括：

遍历单元：用于对所述XML文件进行遍历处理，提取所述XML文件中的所有XML控件；

统计单元：用于对所述XML控件进行控件类别及个数统计，获取统计结果；

权重计算单元：根据所述统计结果计算同一类XML控件在同一APP用户界面的权重，获取计算结果；

筛选单元：用于根据筛选阈值对所述计算结果进行筛选，获取筛选结果。

优选地，所述筛选单元包括：

对比子单元：用于根据所述计算结果与筛选阈值进行比较，若小于阈值，则去除所述结算结果，若大于或等于阈值，则保留所述计算结果，获取比较结果；

筛选结果获取子单元：用于根据所述比较结果获取所述筛选结果。

优选地，所述聚类评分模块包括：

聚类单元：用于采用K-Means聚类对所述第一XML控件进行聚类处理，获取聚类结果；

评分单元：用于根据所述聚类结果，获取每一聚类的XML控件的评分。

优选地，所述加权模块包括：

信息获取单元：用于获取同一类的XML控件的评分和同一类XML控件在同一APP用户界面的权重；

计算单元：用于采用所述同一类的XML控件的评分与所述同一类XML控件在同一用户界面的权重相乘，获取计算结果；

加权单元：用于将所述同一APP用户界面的各类所述计算结果进行综合加权处理，获取所述同一APP用户界面总评分。

在实施本发明实施例过程中，通过对APP用户界面的数据挖掘、聚类、加权评分、排序等方式对大量的APP用户界面的样本模板进行提取分类评估分析，提取出更具有代表性的设计模板和设计案例，再根据技术开发人员的需要向他们推荐用户界面设计模式，给予技术开发人员给多的参考模板，提高开发效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1是本发明实施例的基于聚类的APP用户界面设计模式推荐方法的流程示意图；

图2是本发明实施例的对所述XML控件进行统计筛选的流程示意图；

图3是本发明实施例的综合加权处理的流程示意图；

图4是本发明实施例的基于聚类的APP用户界面设计模式推荐系统的结构组成示意图；

图5是本发明实施例的统计筛选模块的结构组成示意图；

图6是本发明实施例的加权模块的结构组成示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

图1是本发明实施例的基于聚类的APP用户界面设计模式推荐方法的流程示意图，如图1所示，该方法包括：

S11：对数据库中的APP进行处理，获取APP用户界面中的XML文件；

S12：根据XML文件获取XML控件，对XML控件进行统计筛选，获取第一XML控件；

S13：对第一XML控件进行聚类评分处理，获取第一XML控件的评分；

S14：对第一XML控件的评分进行综合加权处理，获取第一XML控件对应的APP用户界面设计总评分；

S15：根据APP用户界面设计总评分向技术开发员进行设计模式推荐。

对S11做进一步说明：

对数据库中的APP进行处理，获取APP用户界面中的XML文件。

进一步的，采用数据爬虫的处理方式对数据库中的APP进行数据采集处理，分别提取出这些APP中的用户界面(即Login界面)，如提取出APP中的登录界面、注册界面、APP简介界面、搜索界面等；通过XML文件读取程序对这些APP用户界面进行读取，提取到这些APP用户界面中的XML文件。

对S12作进一步说明：

根据XML文件获取XML控件，对XML控件进行统计筛选，获取统计筛选后的第一XML控件。

进一步的，图2是本发明实施例的对所述XML控件进行统计筛选的流程示意图，如图2所示，该流程包括：

S121：对XML文件进行遍历处理，提取XML文件中的所有XML控件；

S122：对XML控件进行控件类别及个数统计，获取统计结果；

S123：根据统计结果计算同一类XML控件在同一APP用户界面的权重，获取计算结果；

S124：根据筛选阈值对计算结果进行筛选，获取筛选结果。

对S121作进一步说明：

首先是采用遍历的处理方式来对XML文件进行遍历处理，提取该XML文件中的所有XML控件，其中该遍历处理方式可以是深度遍历方式或层次遍历方式，其目的是保证完全遍历XML文件，并且不重复遍历，即保证完全且不重复提取XML文件中的XML控件；这些控件包括button，edittext，textview等等。

对S122作进一步说明：

在上述S121中，获取同一份XML文件中的所有XML控件，即同一APP用户界面中的所有XML控件，对这些XML控件的控件元素和控件个数进行统计，获取该APP用户界面拥有多少个XML控件这些XML控件分别拥有什么样的控件类别，进行分类。

对S123作进一步说明：

根据计算某一类XML控件个数计算其在同一APP用户界面的比重作为该类控件的权重；计算如下：

${\mathrm{button}}_{weight}=\frac{{\mathrm{button}}_{numbers}}{{\Σ}_{i=1}^{n}View{\left(i\right)}_{numbers}};$

${\mathrm{edittext}}_{weight}=\frac{{\mathrm{edittext}}_{numbers}}{{\Σ}_{i=1}^{n}View{\left(i\right)}_{numbers}};$

${\mathrm{textview}}_{weight}=\frac{{\mathrm{textview}}_{numbers}}{{\Σ}_{i=1}^{n}View{\left(i\right)}_{numbers}};$

通过类似上述的公式，计算每一类XML控件个数的比重，获取计算结果，采用计算结果作为权重。

对S124作进一步说明：

由上述S123中获取到的权重，根据筛选阈值对权重进行筛选，获取最后的筛选结果；在本实施例中筛选阈值为5％。

进一步的，采用上述S123中获取的计算结果与筛选阈值进行比较，若计算结果小于筛选阈值，则去除该计算结果，若计算结果大于或等于筛选阈值，则保所述计算结果；根据保存下来的计算结果，获取比较结果；根据所述比较结果获取所述筛选结果。

对S13作进一步说明：

对第一XML控件进行K-Means方式聚类评分处理，获取第一XML控件的评分。

进一步的，首先采用K-Means方式对第一XML控件进行聚类处理，先获取聚类结果；然后根据聚类结果获取每一聚类XML控件的评分。

通过BWP函数来评价K，具体如下：

1、选择聚类搜索范围[K_min，K_max]；

2、从K_min循环至K_max包括如下：

(1)调用K-Means算法；

(2)利用BWP函数计算单个样本BWP值；

(3)计算在此的K值下的平均BWP值。

3、选取对应最高评价BWP值的K值作为最优K值。

在选定K值后，对某一类界面(比如Login)中的抽取出每一个界面某一控件(例如button)的宽高，位置；这个一共是4个维度，首先通过这种方法，维度被大大降了下来，可以提高聚类效果。其次，在常见样式设计中的宽、高、位置是最重要的元素，与之相比，控件的背景色、id、父控件或子控件之类的xml属性认为并不重要，可以不纳入聚类情况中。通过K-Means聚类算法，得到K类，每一个类中的元素多少从多到少排序为K1，K2…….最后，计算这个界面的这一控件得分。

以计算button的得分为例，如下：

${\mathrm{button}}_{scorei}=\frac{{\mathrm{Ki}}_{numbers}}{{\Σ}_{t=1}^{t=K}{\mathrm{Kt}}_{numbers}};$

Ki_numbers为某一界面所有类的元素个数，button_score为这一界面在button控件上的得分。

对S14作进一步说明：

对第一XML控件的评分进行综合加权处理，获取第一XML控件对应的APP用户界面设计总评分。

进一步的，图3是本发明实施例的综合加权处理的流程示意图，如图3所示，该流程包括：

S141：获取同一类XML控件的评分和同一类XML控件在同一APP用户界面的权重；

S142：采用同一类XML控件的评分与同一类XML控件在同一APP用户界面的权重相乘，获取计算结果；

S143：将同一APP用户界面的各类所述计算结果进行综合加权处理，获取同一APP用户界面总评分。

对S141作进一步说明：

根据S12获取同一类XML控件在同一APP用户界面的权重，和根据S13获取同一类XML控件的评分。

对S142作进一步说明：

采用同一类XML控件的评分与同一类XML控件在同一APP用户界面的权重相乘，获取计算结果，具体如下：

scoer₁＝button_weight*button_score；

scoer₂＝textview_weight*textview_score；

……。

对S143作进一步说明：

将同一APP用户界面的各类所述计算结果进行综合加权处理，获取同一APP用户界面总评分，具体如下：

scoer＝scoer₁+scoer₂+…。

对S15作进一步说明：

根据每一个界面的score得分进行从大到小的排序，score得分高的界面会排在前面，自然得分高也是说明这个界面在每一个控件上都与许多界面相似，反映其必然是最常见的界面；对于得分相近的界面，只选取1个作为典型；即如果对分数取整后分数相同即视为同一界面；那么最后，根据APP设计师输入其想要的界面(比如Login，Apply，Detail，Search…….)通过提取数据库中对应类型的所有界面，进行以上操作，并最终将典型界面的排序结果展示给APP设计师。

图4是本发明实施例的基于聚类的APP用户界面设计模式推荐系统的结构组成示意图，如图4所示，本发明实施例还提供了一种基于聚类的APP用户界面设计模式推荐系统，该系统包括：

信息获取模块11：用于对数据库中的APP进行处理，获取APP用户界面中的XML文件；

统计筛选模块12：用于根据XML文件获取XML控件，对XML控件进行统计筛选，获取第一XML控件；

聚类评分模块13：用于对第一XML控件进行聚类评分处理，获取第一XML控件的评分；

加权模块14：用于对第一XML控件的评分进行综合加权处理，获取第一XML控件对应的APP用户界面设计总评分；

推荐模块15：用于根据APP用户界面设计总评分向技术开发员进行设计模式推荐。

优选地，图5是本发明实施例的统计筛选模块的结构组成示意图，如图5所示，该统计筛选模块12包括：

遍历单元121：用于对XML文件进行遍历处理，提取XML文件中的所有XML控件；

统计单元122：用于对XML控件进行控件类别及个数统计，获取统计结果；

权重计算单元123：根据统计结果计算同一类XML控件在同一APP用户界面的权重，获取计算结果；

筛选单元124：用于根据筛选阈值对计算结果进行筛选，获取筛选结果。

优选地，该筛选单元124包括：

对比子单元：用于根据计算结果与筛选阈值进行比较，若小于阈值，则去除结算结果，若大于或等于阈值，则保留计算结果，获取比较结果；

筛选结果获取子单元：用于根据比较结果获取筛选结果。

优选地，该聚类评分模块13包括：

聚类单元：用于采用K-Means聚类对第一XML控件进行聚类处理，获取聚类结果；

评分单元：用于根据聚类结果，获取每一聚类的XML控件的评分。

优选地，图6是本发明实施例的加权模块的结构组成示意图，如图6所示，该加权模块14包括：

信息获取单元141：用于获取同一类的XML控件的评分和同一类XML控件在同一APP用户界面的权重；

计算单元142：用于采用同一类XML控件的评分与同一类XML控件在同一APP用户界面的权重相乘，获取计算结果；

加权单元143：用于将同一APP用户界面的各类计算结果进行综合加权处理，获取同一APP用户界面总评分。

具体地，本发明实施例的系统相关功能模块的工作原理可参见方法实施例的相关描述，这里不再赘述。

在实施本发明实施例过程中，通过对APP用户界面的数据挖掘、聚类、加权评分、排序等方式对大量的APP用户界面的样本模板进行提取分类评估分析，提取出更具有代表性的设计模板和设计案例，再根据技术开发人员的需要向他们推荐用户界面设计模式，给予技术开发人员给多的参考模板，提高开发效率。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：只读存储器(ROM，Read OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁盘或光盘等。

另外，以上对本发明实施例所提供的一种基于聚类的APP用户界面设计模式推荐方法及系统进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种基于聚类的APP用户界面设计模式推荐方法，其特征在于，所述方法包括：

对数据库中的APP进行处理，获取APP用户界面中的XML文件；

根据所述XML文件获取XML控件，对所述XML控件进行统计筛选，获取第一XML控件；

对所述第一XML控件进行聚类评分处理，获取所述第一XML控件的评分；

对所述第一XML控件的评分进行综合加权处理，获取所述第一XML控件对应的APP用户界面设计总评分；

根据所述APP用户界面设计总评分向技术开发员进行设计模式推荐。

2.根据权利要求1所述的APP用户界面设计模式推荐方法，其特征在于，所述根据所述XML文件获取XML控件，对所述XML控件进行统计筛选，包括：

对所述XML文件进行遍历处理，提取所述XML文件中的所有XML控件；

对所述XML控件进行控件类别及个数统计，获取统计结果；

根据所述统计结果计算同一类XML控件在同一APP用户界面的权重，获取计算结果；

根据筛选阈值对所述计算结果进行筛选，获取筛选结果。

3.根据权利要求2所述的APP用户界面设计模式推荐方法，其特征在于，所述根据筛选阈值对所述计算结果进行筛选，获取筛选结果，包括：

根据所述计算结果与筛选阈值进行比较，若小于阈值，则去除所述计算结果，若大于或等于阈值，则保留所述计算结果，获取比较结果；

根据所述比较结果获取所述筛选结果。

4.根据权利要求1所述的APP用户界面设计模式推荐方法，其特征在于，所述对所第一XML控件进行聚类评分处理，获取所述第一XML控件的评分，包括：

采用K-Means聚类对所述第一XML控件进行聚类处理，获取聚类结果；

根据所述聚类结果，获取每一聚类XML控件的评分。

5.根据权利要求1所述的APP用户界面设计模式推荐方法，其特征在于，所述对所述第一XML控件的评分进行综合加权处理，包括：

获取同一类XML控件的评分和同一类XML控件在同一APP用户界面的权重；

采用所述同一类XML控件的评分与所述同一类XML控件在同一APP用户界面的权重相乘，获取计算结果；

将所述同一APP用户界面的各类所述计算结果进行综合加权处理，获取所述同一APP用户界面总评分。

6.一种基于聚类的APP用户界面设计模式推荐系统，其特征在于，所述系统包括：

信息获取模块：用于对数据库中的APP进行处理，获取APP用户界面中的XML文件；

统计筛选模块：用于根据所述XML文件获取XML控件，对所述XML控件进行统计筛选，获取第一XML控件；

聚类评分模块：用于对所述第一XML控件进行聚类评分处理，获取所述第一XML控件的评分；

加权模块：用于对所述第一XML控件的评分进行综合加权处理，获取所述第一XML控件对应的APP用户界面设计总评分；

推荐模块：用于根据所述APP用户界面设计总评分向技术开发员进行设计模式推荐。

7.根据权利要求6所述的APP用户界面设计模式推荐系统，其特征在于，所述统计筛选模块包括：

遍历单元：用于对所述XML文件进行遍历处理，提取所述XML文件中的所有XML控件；

统计单元：用于对所述XML控件进行控件类别及个数统计，获取统计结果；

权重计算单元：根据所述统计结果计算同一类XML控件在同一APP用户界面的权重，获取计算结果；

筛选单元：用于根据筛选阈值对所述计算结果进行筛选，获取筛选结果。

8.根据权利要求7所述的APP用户界面设计模式推荐系统，其特征在于，所述筛选单元包括：

对比子单元：用于根据所述计算结果与筛选阈值进行比较，若小于阈值，则去除所述结算结果，若大于或等于阈值，则保留所述计算结果，获取比较结果；

筛选结果获取子单元：用于根据所述比较结果获取所述筛选结果。

9.根据权利要求6所述的APP用户界面设计模式推荐系统，其特征在于，所述聚类评分模块包括：

聚类单元：用于采用K-Means聚类对所述第一XML控件进行聚类处理，获取聚类结果；

评分单元：用于根据所述聚类结果，获取每一聚类的XML控件的评分。

10.根据权利要求6所述的APP用户界面设计模式推荐系统，其特征在于，所述加权模块包括：

信息获取单元：用于获取同一类XML控件的评分和同一类XML控件在同一APP用户界面的权重；

计算单元：用于采用所述同一类XML控件的评分与所述同一类XML控件在同一APP用户界面的权重相乘，获取计算结果；

加权单元：用于将所述同一APP用户界面的各类所述计算结果进行综合加权处理，获取所述同一APP用户界面总评分。