[發明專利]一種重構稿生成方法及裝置

有效

• 申請號: 201611131379.5
• 申請日: 2016-12-09
• 公開（公告）號: CN106780306B
• 公開（公告）日: 2020-07-24
• 發明（設計）人: 陳存騰
• 申請（專利權）人: 騰訊音樂娛樂（深圳）有限公司
• 主分類號: G06T3/00
• 分類號: G06T3/00;G06T7/11
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 郝傳鑫;熊永強

本發明實施例提供了一種重構稿生成方法及裝置，其中方法包括：對輸入的頁面設計圖進行預處理，根據預處理結果過濾掉所述頁面設計圖中的背景色單元；對過濾掉所述背景色單元的所述頁面設計圖進行分割處理，得到所述頁面設計圖中的圖像元素集合；利用重構稿生成模板和所述圖像元素集合生成重構稿文件。通過本發明實施例可以快速生成重構稿，有效降低重構稿的制作成本。

技術領域

本發明涉及互聯網技術領域，尤其涉及一種重構稿生成方法及裝置。

背景技術

目前，生成重構稿的工具一般都需要人工輔助進行切圖。雖然PhotoShop軟件支持自動切圖并生成重構稿，但需要使用PSD分層圖片格式，基于PSD的圖層屬性進行解析，并沒有真正識別圖像內容，而且PSD文件也需要人工進行處理，并沒有實現真正的自動化生成重構稿，而且其它格式的圖片需要進行人工切片設置才支持切圖操作，無法真正的實現自動化處理普通格式的設計圖。可見，現有的重構稿的生成方案速度較慢，需要花費大量的人力成本，重構稿的制作成本高。

發明內容

本發明實施例提供了一種重構稿生成方法及裝置，可以快速生成重構稿，有效降低重構稿的制作成本。

本發明實施例第一方面提供了一種重構稿生成方法，包括：

對輸入的頁面設計圖進行預處理，根據預處理結果過濾掉所述頁面設計圖中的背景色單元。

對過濾掉所述背景色單元的所述頁面設計圖進行分割處理，得到所述頁面設計圖中的圖像元素集合。

利用重構稿生成模板和所述圖像元素集合生成重構稿文件。

本發明實施例第二方面提供了一種重構稿生成裝置，包括：

處理模塊，用于對輸入的頁面設計圖進行預處理，根據預處理結果過濾掉所述頁面設計圖中的背景色單元。

分割模塊，用于對過濾掉所述背景色單元的所述頁面設計圖進行分割處理，得到所述頁面設計圖中的圖像元素集合。

生成模塊，用于利用重構稿生成模板和所述圖像元素集合生成重構稿文件。

通過本發明實施例可以對輸入的頁面設計圖進行預處理，根據預處理結果過濾掉頁面設計圖中的背景色單元，再對過濾掉所述背景色單元的頁面設計圖進行分割處理，得到頁面設計圖中的圖像元素集合，進而利用重構稿生成模板和圖像元素集合即可自動生成重構稿文件，從而可以快速生成重構稿，有效降低重構稿的制作成本。

附圖說明

為了更清楚地說明本發明實施例或現有技術中的技術方案，下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發明的一些實施例，對于本領域普通技術人員來講，在不付出創造性勞動的前提下，還可以根據這些附圖獲得其他的附圖。

圖1是本發明實施例提供的一種重構稿生成方法的流程示意圖；

圖2a是本發明實施例提供的一種頁面設計圖的示意圖；

圖2b是本發明實施例提供的一種對頁面設計圖預處理后的示意圖；

圖2c是本發明實施例提供的另一種頁面設計圖的示意圖；

圖2d是本發明實施例提供的一種對頁面設計圖分割的示意圖；

圖2e是本發明實施例提供的一種對頁面設計圖分割后的示意圖；

圖2f是本發明實施例提供的一種圖像元素拼合的示意圖；

圖2g是本發明實施例提供的一種重構稿文件的示意圖；

圖3是本發明實施例提供的一種重構稿生成裝置的結構示意圖；