[發明專利]識別設計稿的方法、裝置及電子設備

在審

• 申請號: 202010108924.9
• 申請日: 2020-02-21
• 公開（公告）號: CN113298072A
• 公開（公告）日: 2021-08-24
• 發明（設計）人: 劉一奇
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06K9/32
• 分類號: G06K9/32;G06K9/00
• 代理公司: 北京博雅睿泉專利代理事務所(特殊普通合伙) 11442
• 代理人: 郭少晶

本說明書實施例提供識別設計稿的方法、裝置及電子設備，其中一個方法包括：獲取用戶所提供的設計稿，其中，所述設計稿是圖片格式的；識別設計稿中的至少一個第一組件；選擇待執行進一步識別的第一組件；以及在所選擇的第一組件中，識別至少一個第二組件。

技術領域

本說明書涉及頁面設計技術領域，更具體地，涉及一種識別設計稿的方法、自動生成網頁頁面的方法、裝置及電子設備。

背景技術

在進行前端網頁頁面設計時，可以使用設計稿。設計稿是可以用于頁面設計的圖稿，例如，JPEG、PNG格式的圖片。計算機可以自動將設計稿中的元素識別為組件，并自動生成相應的代碼，從而實現界面設計。

因此，需要提供方案以在設計稿的識別過程中降低識別難度。

發明內容

根據本說明書的第一方面，提供了一種識別設計稿的方法，包括：獲取用戶所提供的設計稿，其中，所述設計稿是圖片格式的；識別設計稿中的至少一個第一組件；選擇待執行進一步識別的第一組件；以及在所選擇的第一組件中，識別至少一個第二組件。

根據本說明書的第二方面，提供了一種自動生成網頁頁面的方法，包括：獲取用戶所提供的網頁設計稿，其中，所述網頁設計稿是圖片格式的；識別網頁設計稿中的至少一個第一組件；選擇待執行進一步識別的第一組件；在所選擇的第一組件中，識別至少一個第二組件，以及基于所識別的第一組件和第二組件，自動生成網頁頁面上的元素。

根據本說明書的第三方面，提供了一種識別設計稿的裝置，包括：獲取模塊，獲取用戶所提供的設計稿，其中，所述設計稿是圖片格式的；第一識別模塊，識別設計稿中的至少一個第一組件；選擇模塊，選擇待執行進一步識別的第一組件；以及第二識別模塊，在所選擇的第一組件中，識別至少一個第二組件。

根據本說明書的第四方面，提供了一種電子設備，包括處理器和存儲器，存儲器存儲可執行指令，當運行電子設備時，可執行指令控制處理器執行根據實施例的方法。

根據本說明書的第四方面，提供一種存儲介質，該存儲介質存儲可執行指令，該可執行指令在被執行時實現根據實施例的方法。

在不同實施例中，在識別設計稿的過程中，首先針對較大的組件進行識別，然后再針對較小的組件進行識別，這減輕了同時針對不同大小的組件進行識別處理所帶來的處理量，從而減小了整體識別難度。

通過以下參照附圖對本說明書的示例性實施例的詳細描述，本說明書的實施例的其它特征及其優點將會變得清楚。

附圖說明

被結合在說明書中并構成說明書的一部分的附圖示出了的實施例，并且連同其說明一起用于解釋各個實施例的原理。

圖1示出了根據一個實施例的識別設計稿的方法的示意性流程圖。

圖2示出了根據一個實施例的自動生成網頁頁面的方法的示意性流程圖。

圖3示出了根據一個實施例的識別設計稿的裝置的示意性框圖。

圖4示出了根據一個實施例的電子設備的示意性框圖。

圖5-8示出了一個識別設計稿的示例性例子。

圖9示出了在網絡情況下多個用戶協同使用設計稿來設計前端頁面的情景。

圖10示出了設計稿協同設計系統的例子。

具體實施方式

以下對至少一個示例性實施例的描述實際上僅僅是說明性的，決不作為對本發明及其應用或使用的任何限制。