一種基于顏色傳遞的網(wǎng)頁重構(gòu)方法及其裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明設(shè)及網(wǎng)頁構(gòu)建技術(shù)領(lǐng)域，尤其設(shè)及一種基于顏色傳遞的網(wǎng)頁重構(gòu)方法及其 裝置。
【背景技術(shù)】
[0002] 顏色作為用戶對(duì)于一個(gè)網(wǎng)站觀感的最直觀感受，擁有一個(gè)好的配色對(duì)一個(gè)網(wǎng)站的 建設(shè)是相當(dāng)重要的。隨著各種網(wǎng)頁設(shè)計(jì)美學(xué)的普及，如何形成良好的網(wǎng)頁配色成為目前網(wǎng) 頁設(shè)計(jì)的一個(gè)重點(diǎn)。顏色傳遞方法可W通過一系列的圖像處理使得目標(biāo)圖片具有參考圖片 的顏色特征，利用顏色傳遞的運(yùn)一特性可W對(duì)網(wǎng)頁顏色重構(gòu)進(jìn)行指導(dǎo)：通過選取合適的參 考網(wǎng)頁，使得目標(biāo)網(wǎng)頁具有參考網(wǎng)頁的顏色特征，達(dá)到配色要求。該方法作為圖形學(xué)中經(jīng)典 的圖像色彩遷移方法，可W將參考網(wǎng)頁的色彩特征傳遞到目標(biāo)網(wǎng)頁中，使得目標(biāo)網(wǎng)頁擁有 參考網(wǎng)頁的色彩特征。傳統(tǒng)的顏色傳遞對(duì)圖片的相似度要求比較高，運(yùn)對(duì)于參考網(wǎng)頁的選 擇有很大的局限性，如果參考網(wǎng)頁與目標(biāo)網(wǎng)頁的結(jié)構(gòu)稍有不同，一般的顏色傳遞得出的傳 遞效果都不會(huì)太好。
[0003] 目前國(guó)內(nèi)外有關(guān)網(wǎng)頁重構(gòu)的研究主要面向的是基于用戶操作習(xí)慣的自適應(yīng)或頁 面友好性優(yōu)化的網(wǎng)頁重構(gòu)，或是針對(duì)不同顯示設(shè)備的尺寸自適應(yīng)網(wǎng)頁重構(gòu)，有關(guān)網(wǎng)頁色彩 的研究主要是從色彩來分析用戶對(duì)網(wǎng)頁的印象及觀感，或是針對(duì)特定用戶如色盲用戶的網(wǎng) 頁配色的研究。
[0004] 基于用戶體驗(yàn)的網(wǎng)頁重構(gòu)方法的思想是結(jié)合用戶的瀏覽習(xí)慣或用戶本身的特征， 將網(wǎng)頁進(jìn)行重構(gòu)，使得重構(gòu)的網(wǎng)頁更貼合用戶的使用習(xí)慣或其自身的操作特征。目前熱口 的基于用戶體驗(yàn)的網(wǎng)頁重構(gòu)方法主要分為：基于用戶行為預(yù)測(cè)的網(wǎng)頁重構(gòu)方法，基于用戶 體驗(yàn)預(yù)測(cè)的網(wǎng)頁重構(gòu)方法，基于用戶交互障礙自適應(yīng)的網(wǎng)頁重構(gòu)方法。 陽0化]1、基于用戶行為預(yù)測(cè)的網(wǎng)頁重構(gòu)方法
[0006] 將整個(gè)網(wǎng)站通過基于狀態(tài)圖的方法分解成樹形結(jié)構(gòu)，根據(jù)作者提出的算法預(yù)測(cè) 出用戶在某個(gè)節(jié)點(diǎn)的狀態(tài)下，下一步最有可能訪問的節(jié)點(diǎn)；然后抽取出運(yùn)個(gè)節(jié)點(diǎn)的D0M樹 結(jié)構(gòu)，將運(yùn)個(gè)節(jié)點(diǎn)作為用戶下一步操作的第一個(gè)顯示頁面。
[0007] 雖然實(shí)現(xiàn)起來簡(jiǎn)便直觀，但其并沒有考慮到頁面中的非交互性元素如圖片、文本、 影像等，運(yùn)樣一方面破壞了原有的網(wǎng)頁結(jié)構(gòu)，另一方面也遺漏掉了一些本應(yīng)該參與顯示的 兀素。
[0008] 2、基于用戶交互體驗(yàn)預(yù)測(cè)的網(wǎng)頁重構(gòu)方法
[0009] 用戶對(duì)于網(wǎng)站的體驗(yàn)在很大程度上受到其對(duì)網(wǎng)頁第一印象的影響。Reinecke等人 提出了一種通過計(jì)算網(wǎng)頁色彩復(fù)雜度，建立一個(gè)預(yù)測(cè)用戶對(duì)網(wǎng)頁第一印象模型的網(wǎng)頁色彩 評(píng)估方法，從網(wǎng)頁色彩的角度提出了一種提升用戶對(duì)于網(wǎng)頁第一印象的方法。他們的方法 首先將網(wǎng)頁從彩度和視覺復(fù)雜度兩個(gè)方面進(jìn)行分析，預(yù)測(cè)出讓大多素用戶對(duì)網(wǎng)頁印象好的 界面。該方案成本高，而且靈活性不強(qiáng)。
[0010] 3、基于用戶交互障礙自適應(yīng)的網(wǎng)頁重構(gòu)方法
[0011] 運(yùn)種方法主要針對(duì)色盲人群的網(wǎng)頁顏色重構(gòu)方法。該方法相比于傳統(tǒng)的面向色盲 用戶的網(wǎng)頁色彩設(shè)計(jì)而言具有更真實(shí)的觀感。他們將用戶對(duì)于色彩的主管因素考慮進(jìn)來， 建立了一種模擬用戶對(duì)于色彩主觀反映的模型。他們的方法首先抽取出CSS文件中所定義 的顏色。之后，針對(duì)色盲、色弱患者的特點(diǎn)，作者提出將CSS文件中提取出來的色彩用二原 色原色等效平面上的色彩進(jìn)行替換。在獲取了每個(gè)可替換顏色集的總代價(jià)之后，文章 使用兩次爬山算法得出最優(yōu)解。通過上述的源色彩-替換色彩的映射生成步驟后，源CSS 文件中的每個(gè)色彩值將被替換成十六進(jìn)制的六位替換色彩值。新生成的網(wǎng)頁將具備替換色 彩的顏色特征，從而達(dá)到適應(yīng)于色盲用戶的目的。運(yùn)種現(xiàn)有方法更適合于色盲用戶，但運(yùn) 種方法的局限性在于現(xiàn)代網(wǎng)頁設(shè)計(jì)中，有很大一部分的色彩是由圖片直接作為背景而實(shí)現(xiàn) 的，并沒有在CSS文件中定義，導(dǎo)致實(shí)際重構(gòu)的效果并不好。而且，運(yùn)種重構(gòu)方法僅適用于 特定的人群，不具有廣泛性。

【發(fā)明內(nèi)容】

[0012] 本發(fā)明的目的在于克服現(xiàn)有技術(shù)的不足，本發(fā)明提供了一種基于顏色傳遞的網(wǎng)頁 重構(gòu)方法及其裝置，可W減少大部分元素的配色設(shè)計(jì)，極大地縮短了整個(gè)設(shè)計(jì)周期，而且減 少了對(duì)用戶對(duì)色彩方面的專業(yè)要求。
[0013] 為了解決上述問題，本發(fā)明提出了一種基于顏色傳遞的網(wǎng)頁重構(gòu)方法，所述方法 包括：
[0014] 獲取任意兩個(gè)網(wǎng)頁的網(wǎng)頁元素信息，對(duì)所述網(wǎng)頁元素信息進(jìn)行聚類評(píng)估，獲得評(píng) 估結(jié)果；
[0015] 獲取所述任意兩個(gè)網(wǎng)頁的分塊，根據(jù)所述評(píng)估結(jié)果對(duì)所述任意兩個(gè)網(wǎng)頁對(duì)應(yīng)的分 塊進(jìn)行顏色傳遞，獲得顏色傳遞結(jié)果；
[0016] 對(duì)所述顏色傳遞結(jié)果進(jìn)行校正，并根據(jù)校正結(jié)果進(jìn)行網(wǎng)頁重構(gòu)。
[0017] 優(yōu)選地，所述對(duì)所述網(wǎng)頁元素信息進(jìn)行聚類評(píng)估，獲得評(píng)估結(jié)果的步驟包括：
[0018] 對(duì)單個(gè)網(wǎng)頁的網(wǎng)頁元素信息進(jìn)行聚類評(píng)估，獲得每個(gè)網(wǎng)頁的聚類評(píng)估結(jié)果；
[0019] 對(duì)不同網(wǎng)頁的聚類評(píng)估結(jié)果進(jìn)行頁間匹配評(píng)估。
[0020] 優(yōu)選地，所述對(duì)所述顏色傳遞結(jié)果進(jìn)行校正的步驟，包括：
[0021] 檢查結(jié)果元素中是否含有特殊元素，若含有，檢查結(jié)果元素對(duì)應(yīng)的參考網(wǎng)頁的匹 配元素中是否含有同類特殊元素的定義，若有，覆蓋結(jié)果元素，否則用目標(biāo)網(wǎng)頁中的定義覆 蓋結(jié)果元素；
[0022] 若不含有特殊元素，則從結(jié)果元素中進(jìn)行多次色彩隨機(jī)抽樣，取抽樣結(jié)果均值 avg民es ;
[0023] 從匹配元素中取得對(duì)應(yīng)元素的css色彩定義，記為standard;
[0024]對(duì)比av曲es與standard的偏差，若偏差大于5%，用standard覆蓋傳遞結(jié)果，否 則保留原結(jié)果。
[00巧]相應(yīng)地，本發(fā)明還提供一種基于顏色傳遞的網(wǎng)頁重構(gòu)裝置，所述裝置包括：
[00%] 聚類評(píng)估模塊，用于獲取任意兩個(gè)網(wǎng)頁的網(wǎng)頁元素信息，對(duì)所述網(wǎng)頁元素信息進(jìn) 行聚類評(píng)估，獲得評(píng)估結(jié)果；
[0027] 顏色傳遞模塊，用于獲取所述任意兩個(gè)網(wǎng)頁的分塊，根據(jù)所述評(píng)估結(jié)果對(duì)所述任 意兩個(gè)網(wǎng)頁對(duì)應(yīng)的分塊進(jìn)行顏色傳遞，獲得顏色傳遞結(jié)果；
[0028] 網(wǎng)頁重構(gòu)模塊，用于對(duì)所述顏色傳遞結(jié)果進(jìn)行校正，并根據(jù)校正結(jié)果進(jìn)行網(wǎng)頁重 構(gòu)。
[0029] 優(yōu)選地，所述聚類評(píng)估模塊包括：
[0030] 聚類單元，用于對(duì)單個(gè)網(wǎng)頁的網(wǎng)頁元素信息進(jìn)行聚類評(píng)估，獲得每個(gè)網(wǎng)頁的聚類 評(píng)估結(jié)果；
[0031] 評(píng)估單元，用于對(duì)不同網(wǎng)頁的聚類評(píng)估結(jié)果進(jìn)行頁間匹配評(píng)估。
[0032] 優(yōu)選地，所述網(wǎng)頁重構(gòu)模塊包括：
[0033] 校正單元，用于對(duì)所述顏色傳遞結(jié)果進(jìn)行校正；
[0034] 重構(gòu)單元，用于根據(jù)校正結(jié)果進(jìn)行網(wǎng)頁重構(gòu)。
[0035] 優(yōu)選地，所述校正單元還用于檢查結(jié)果元素中是否含有特殊元素，若含有，檢查結(jié) 果元素對(duì)應(yīng)的參考網(wǎng)頁的匹配元素中是否含有同類特殊元素的定義，若有，覆蓋結(jié)果元素， 否則用目標(biāo)網(wǎng)頁中的定義覆蓋結(jié)果元素；若不含有特殊元素，則從結(jié)果元素中進(jìn)行多次色 彩隨機(jī)抽樣，取抽樣結(jié)果均值av曲es ;從匹配元素中取得對(duì)應(yīng)元素的CSS色彩定義，記為 standard ;對(duì)比av曲es與standard的偏差，若偏差大于5%，用standard覆蓋傳遞結(jié)果， 否則保留原結(jié)果。
[0036] 在本發(fā)明實(shí)施例中，通過用戶指定待重構(gòu)的網(wǎng)頁（目標(biāo)網(wǎng)頁）和用戶想要重構(gòu)成 的參考網(wǎng)頁，利用本文的重構(gòu)方法，可W使得重構(gòu)后的網(wǎng)頁具有參考網(wǎng)頁的顏色特征，又保 證了目標(biāo)網(wǎng)頁元素的對(duì)比度和可讀性，簡(jiǎn)化設(shè)計(jì)人員在配色部分的工作。
【附圖說明】
[0037] 為了更清楚