一种基于颜色传递的网页重构方法及其装置的制造方法
【技术领域】
[0001] 本发明设及网页构建技术领域，尤其设及一种基于颜色传递的网页重构方法及其 装置。
【背景技术】
[0002] 颜色作为用户对于一个网站观感的最直观感受，拥有一个好的配色对一个网站的 建设是相当重要的。随着各种网页设计美学的普及，如何形成良好的网页配色成为目前网 页设计的一个重点。颜色传递方法可W通过一系列的图像处理使得目标图片具有参考图片 的颜色特征，利用颜色传递的运一特性可W对网页颜色重构进行指导：通过选取合适的参 考网页，使得目标网页具有参考网页的颜色特征，达到配色要求。该方法作为图形学中经典 的图像色彩迁移方法，可W将参考网页的色彩特征传递到目标网页中，使得目标网页拥有 参考网页的色彩特征。传统的颜色传递对图片的相似度要求比较高，运对于参考网页的选 择有很大的局限性，如果参考网页与目标网页的结构稍有不同，一般的颜色传递得出的传 递效果都不会太好。
[0003] 目前国内外有关网页重构的研究主要面向的是基于用户操作习惯的自适应或页 面友好性优化的网页重构，或是针对不同显示设备的尺寸自适应网页重构，有关网页色彩 的研究主要是从色彩来分析用户对网页的印象及观感，或是针对特定用户如色盲用户的网 页配色的研究。
[0004] 基于用户体验的网页重构方法的思想是结合用户的浏览习惯或用户本身的特征， 将网页进行重构，使得重构的网页更贴合用户的使用习惯或其自身的操作特征。目前热口 的基于用户体验的网页重构方法主要分为：基于用户行为预测的网页重构方法，基于用户 体验预测的网页重构方法，基于用户交互障碍自适应的网页重构方法。 阳0化]1、基于用户行为预测的网页重构方法
[0006] 将整个网站通过基于状态图的方法分解成树形结构，根据作者提出的算法预测 出用户在某个节点的状态下，下一步最有可能访问的节点；然后抽取出运个节点的D0M树 结构，将运个节点作为用户下一步操作的第一个显示页面。
[0007] 虽然实现起来简便直观，但其并没有考虑到页面中的非交互性元素如图片、文本、 影像等，运样一方面破坏了原有的网页结构，另一方面也遗漏掉了一些本应该参与显示的 兀素。
[0008] 2、基于用户交互体验预测的网页重构方法
[0009] 用户对于网站的体验在很大程度上受到其对网页第一印象的影响。Reinecke等人 提出了一种通过计算网页色彩复杂度，建立一个预测用户对网页第一印象模型的网页色彩 评估方法，从网页色彩的角度提出了一种提升用户对于网页第一印象的方法。他们的方法 首先将网页从彩度和视觉复杂度两个方面进行分析，预测出让大多素用户对网页印象好的 界面。该方案成本高，而且灵活性不强。
[0010] 3、基于用户交互障碍自适应的网页重构方法
[0011] 运种方法主要针对色盲人群的网页颜色重构方法。该方法相比于传统的面向色盲 用户的网页色彩设计而言具有更真实的观感。他们将用户对于色彩的主管因素考虑进来， 建立了一种模拟用户对于色彩主观反映的模型。他们的方法首先抽取出CSS文件中所定义 的颜色。之后，针对色盲、色弱患者的特点，作者提出将CSS文件中提取出来的色彩用二原 色原色等效平面上的色彩进行替换。在获取了每个可替换颜色集的总代价之后，文章 使用两次爬山算法得出最优解。通过上述的源色彩-替换色彩的映射生成步骤后，源CSS 文件中的每个色彩值将被替换成十六进制的六位替换色彩值。新生成的网页将具备替换色 彩的颜色特征，从而达到适应于色盲用户的目的。运种现有方法更适合于色盲用户，但运 种方法的局限性在于现代网页设计中，有很大一部分的色彩是由图片直接作为背景而实现 的，并没有在CSS文件中定义，导致实际重构的效果并不好。而且，运种重构方法仅适用于 特定的人群，不具有广泛性。
【发明内容】
[0012] 本发明的目的在于克服现有技术的不足，本发明提供了一种基于颜色传递的网页 重构方法及其装置，可W减少大部分元素的配色设计，极大地缩短了整个设计周期，而且减 少了对用户对色彩方面的专业要求。
[0013] 为了解决上述问题，本发明提出了一种基于颜色传递的网页重构方法，所述方法 包括：
[0014] 获取任意两个网页的网页元素信息，对所述网页元素信息进行聚类评估，获得评 估结果；
[0015] 获取所述任意两个网页的分块，根据所述评估结果对所述任意两个网页对应的分 块进行颜色传递，获得颜色传递结果；
[0016] 对所述颜色传递结果进行校正，并根据校正结果进行网页重构。
[0017] 优选地，所述对所述网页元素信息进行聚类评估，获得评估结果的步骤包括：
[0018] 对单个网页的网页元素信息进行聚类评估，获得每个网页的聚类评估结果；
[0019] 对不同网页的聚类评估结果进行页间匹配评估。
[0020] 优选地，所述对所述颜色传递结果进行校正的步骤，包括：
[0021] 检查结果元素中是否含有特殊元素，若含有，检查结果元素对应的参考网页的匹 配元素中是否含有同类特殊元素的定义，若有，覆盖结果元素，否则用目标网页中的定义覆 盖结果元素；
[0022] 若不含有特殊元素，则从结果元素中进行多次色彩随机抽样，取抽样结果均值 avg民es ;
[0023] 从匹配元素中取得对应元素的css色彩定义，记为standard;
[0024]对比av曲es与standard的偏差，若偏差大于5%，用standard覆盖传递结果，否 则保留原结果。
[00巧]相应地，本发明还提供一种基于颜色传递的网页重构装置，所述装置包括：
[00%] 聚类评估模块，用于获取任意两个网页的网页元素信息，对所述网页元素信息进 行聚类评估，获得评估结果；
[0027] 颜色传递模块，用于获取所述任意两个网页的分块，根据所述评估结果对所述任 意两个网页对应的分块进行颜色传递，获得颜色传递结果；
[0028] 网页重构模块，用于对所述颜色传递结果进行校正，并根据校正结果进行网页重 构。
[0029] 优选地，所述聚类评估模块包括：
[0030] 聚类单元，用于对单个网页的网页元素信息进行聚类评估，获得每个网页的聚类 评估结果；
[0031] 评估单元，用于对不同网页的聚类评估结果进行页间匹配评估。
[0032] 优选地，所述网页重构模块包括：
[0033] 校正单元，用于对所述颜色传递结果进行校正；
[0034] 重构单元，用于根据校正结果进行网页重构。
[0035] 优选地，所述校正单元还用于检查结果元素中是否含有特殊元素，若含有，检查结 果元素对应的参考网页的匹配元素中是否含有同类特殊元素的定义，若有，覆盖结果元素， 否则用目标网页中的定义覆盖结果元素；若不含有特殊元素，则从结果元素中进行多次色 彩随机抽样，取抽样结果均值av曲es ;从匹配元素中取得对应元素的CSS色彩定义，记为 standard ;对比av曲es与standard的偏差，若偏差大于5%，用standard覆盖传递结果， 否则保留原结果。
[0036] 在本发明实施例中，通过用户指定待重构的网页（目标网页）和用户想要重构成 的参考网页，利用本文的重构方法，可W使得重构后的网页具有参考网页的颜色特征，又保 证了目标网页元素的对比度和可读性，简化设计人员在配色部分的工作。
【附图说明】
[0037] 为了更清楚