TWI686740B - 頁面排版方法、裝置及設備 - Google Patents

頁面排版方法、裝置及設備 Download PDF

Info

Publication number
TWI686740B
TWI686740B TW107132759A TW107132759A TWI686740B TW I686740 B TWI686740 B TW I686740B TW 107132759 A TW107132759 A TW 107132759A TW 107132759 A TW107132759 A TW 107132759A TW I686740 B TWI686740 B TW I686740B
Authority
TW
Taiwan
Prior art keywords
page
style
typesetting
target page
preset
Prior art date
Application number
TW107132759A
Other languages
English (en)
Other versions
TW201926021A (zh
Inventor
柳林東
Original Assignee
香港商阿里巴巴集團服務有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 香港商阿里巴巴集團服務有限公司 filed Critical 香港商阿里巴巴集團服務有限公司
Publication of TW201926021A publication Critical patent/TW201926021A/zh
Application granted granted Critical
Publication of TWI686740B publication Critical patent/TWI686740B/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986Document structures and storage, e.g. HTML extensions

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Document Processing Apparatus (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本說明書提供一種頁面排版方法、裝置及設備,該方案將頁面的組成部分抽象為頁面元素,因此頁面設計者可以根據頁面設計需要選擇其所需的頁面元素。由於預先配置有包含多種排版樣式的預設排版樣式集,因此可以根據用戶所選擇的目標頁面元素選取出合適的排版樣式進行自動排版。

Description

頁面排版方法、裝置及設備
本說明書涉及頁面處理技術領域,尤其涉及頁面排版方法、裝置及設備。
行動端APP(Application,應用程式)或網頁等開發過程中,針對用戶操作頁面的開發是其中非常重要的一個環節。頁面開發過程中,通常是由UI設計者根據需求設計頁面中的頁面元素(例如按鈕、輸入框、標題或進度條等等),以及設計對頁面元素的排版樣式。基於此,需要提供更為快速的頁面排版方案。
為克服相關技術中存在的問題,本說明書提供了頁面排版方法、裝置及設備。   根據本說明書實施例的第一方面,提供一種頁面排版方法,所述方法包括:   展示至少一個構成頁面所需的頁面元素,並提供用戶選擇操作介面;   透過所述選擇操作介面獲取被選中的目標頁面元素;   獲取預設排版樣式集,所述預設排版樣式集中包括至少一個預設排版樣式,所述預設排版樣式關聯有至少一個標籤,所述標籤指示該預設排版樣式所適用的頁面元素;   查找與所述目標頁面元素的元素資訊匹配的標籤,根據所述匹配的標籤從獲得與所述目標頁面元素匹配的排版樣式;   根據所述匹配的排版樣式對所述目標頁面元素進行排版,獲得排版後的目標頁面元素所構成的目標頁面。   在一個可選的實現方式中,所述預設排版樣式關聯的標籤包括如下一種或多種:數量標籤、屬性標籤或螢幕尺寸標籤;   所述查找與所述目標頁面元素的元素資訊匹配的標籤,包括:   獲取所述目標頁面元素的一種或多種元素資訊:目標頁面元素的數量、目標頁面元素的屬性資訊、排版後頁面所適用的設備螢幕尺寸,根據所獲取的元素資訊查找與所述目標頁面元素的元素資訊匹配的標籤。   在一個可選的實現方式中,所述排版後頁面所適用的設備螢幕尺寸,透過如下方式獲取:   透過獲取所述目標頁面元素的尺寸確定排版後頁面所適用的設備螢幕尺寸;其中,所述頁面元素具有一種或多種設定尺寸,所述設定尺寸對應一類設備螢幕尺寸。   在一個可選的實現方式中,所述預設排版樣式關聯的標籤還包括用戶偏好標籤;   所述根據所獲取的元素資訊查找與所述目標頁面元素的元素資訊匹配的標籤,包括:   獲取頁面所投放用戶的用戶特徵資訊,根據所獲取的元素資訊和用戶特徵資訊,查找與所述目標頁面元素的元素資訊匹配的標籤。   在一個可選的實現方式中,所述方法還包括預設排版樣式集:   獲取樣本頁面中的樣本排版樣式,所述樣本頁面包括點擊率高於預設點擊率閾值的頁面;   確定點擊所述樣本頁面的用戶的用戶特徵資訊;   根據所述樣本排版樣式獲取對應的預設排版樣式,並根據所述用戶特徵資訊為所述與所述樣本排版樣式對應的預設排版樣式配置對應的用戶偏好標籤。   在一個可選的實現方式中,所述排版樣式設置如下一種或多種樣式:   每行排布的頁面元素的個數、行與行之間的行間隔大小或頁面元素之間的元素間隔大小;   所述對所述目標頁面元素進行排版,包括:   根據所述每行排布的頁面元素的個數、行與行之間的行間隔大小、頁面元素之間的元素間隔大小,對所述目標頁面元素按行排布。   在一個可選的實現方式中,所述排版樣式設置有如下樣式:   一個或多個分隔單元,以及所述分隔單元所對應的頁面元素的類型和數量;   所述對所述目標頁面元素進行排版,包括:   根據所述目標頁面元素的類型和數量,將所述目標元素添加至對應的分隔單元中。   在一個可選的實現方式中,所述方法還包括:   展示所述目標頁面;   接收對所述目標頁面的排版調整指令,對所述目標頁面的排版進行調整;   查詢調整排版後的排版樣式是否在所述預設排版樣式集中,若無,將調整排版後的排版樣式儲存於所述預設排版樣式集中。   根據本說明書實施例的第二方面,提供一種頁面排版裝置,所述裝置包括:   展示模組,用於:展示至少一個構成頁面所需的頁面元素,並提供用戶選擇操作介面;   元素獲取展示模組,用於:透過所述選擇操作介面獲取被選中的目標頁面元素;   排版樣式獲取模組,用於:獲取預設排版樣式集,所述預設排版樣式集中包括至少一個預設排版樣式,所述預設排版樣式關聯有至少一個標籤,所述標籤指示該預設排版樣式所適用的頁面元素;   查找模組,用於:查找與所述目標頁面元素的元素資訊匹配的標籤,根據所述匹配的標籤從獲得與所述目標頁面元素匹配的排版樣式;   排版模組,用於:根據所述匹配的排版樣式對所述目標頁面元素進行排版,獲得排版後的目標頁面元素所構成的目標頁面。   在一個可選的實現方式中,所述預設排版樣式關聯的標籤包括如下一種或多種:數量標籤、屬性標籤或螢幕尺寸標籤;   所述查找模組,還用於:   獲取所述目標頁面元素的一種或多種元素資訊:目標頁面元素的數量、目標頁面元素的屬性資訊、排版後頁面所適用的設備螢幕尺寸,根據所獲取的元素資訊查找與所述目標頁面元素的元素資訊匹配的標籤。   在一個可選的實現方式中,所述查找模組,還用於:   透過如下方式獲取排版後頁面所適用的設備螢幕尺寸:   透過獲取所述目標頁面元素的尺寸確定排版後頁面所適用的設備螢幕尺寸;其中,所述頁面元素具有一種或多種設定尺寸,所述設定尺寸對應一類設備螢幕尺寸。   在一個可選的實現方式中,所述預設排版樣式關聯的標籤還包括用戶偏好標籤;   所述查找模組,還用於:   獲取頁面所投放用戶的用戶特徵資訊,根據所獲取的元素資訊和用戶特徵資訊,查找與所述目標頁面元素的元素資訊匹配的標籤。   在一個可選的實現方式中,所述裝置還包括排版樣式集配置模組,用於:   獲取樣本頁面中的樣本排版樣式,所述樣本頁面包括點擊率高於預設點擊率閾值的頁面;確定點擊所述樣本頁面的用戶的用戶特徵資訊;根據所述樣本排版樣式獲取對應的預設排版樣式,並根據所述用戶特徵資訊為所述與所述樣本排版樣式對應的預設排版樣式配置對應的用戶偏好標籤。   在一個可選的實現方式中,所述排版樣式設置如下一種或多種樣式:   每行排布的頁面元素的個數、行與行之間的行間隔大小或頁面元素之間的元素間隔大小;   所述排版模組,還用於:   根據所述每行排布的頁面元素的個數、行與行之間的行間隔大小、頁面元素之間的元素間隔大小,對所述目標頁面元素按行排布。   在一個可選的實現方式中,所述排版樣式設置有如下樣式:   一個或多個分隔單元,以及所述分隔單元所對應的頁面元素的類型和數量;   所述排版模組,還用於:   根據所述目標頁面元素的類型和數量,將所述目標元素添加至對應的分隔單元中。   在一個可選的實現方式中,所述裝置還包括排版樣式集配置模組,用於:   展示所述目標頁面;接收對所述目標頁面的排版調整指令,對所述目標頁面的排版進行調整;查詢調整排版後的排版樣式是否在所述預設排版樣式集中,若無,將調整排版後的排版樣式儲存於所述預設排版樣式集中。   根據本說明書實施例的第三方面,提供一種設備,包括:   處理器;   用於儲存處理器可執行指令的儲存器;   其中,所述處理器被配置為:   展示至少一個構成頁面所需的頁面元素,並提供用戶選擇操作介面;   透過所述選擇操作介面獲取被選中的目標頁面元素;   獲取預設排版樣式集,所述預設排版樣式集中包括至少一個預設排版樣式,所述預設排版樣式關聯有至少一個標籤,所述標籤指示該預設排版樣式所適用的頁面元素;   查找與所述目標頁面元素的元素資訊匹配的標籤,根據所述匹配的標籤從獲得與所述目標頁面元素匹配的排版樣式;   根據所述匹配的排版樣式對所述目標頁面元素進行排版,獲得排版後的目標頁面元素所構成的目標頁面。   本說明書的實施例提供的技術方案可以包括以下有益效果:   本說明書實施例將頁面組成部分抽象為頁面元素,因此頁面設計者可以根據頁面設計需要選擇其所需的頁面元素。由於預先配置有包含多種排版樣式的預設排版樣式集,因此可以根據用戶所選擇的目標頁面元素選取出合適的排版樣式進行自動排版,從而可以顯著提高頁面開發效率。並且,預先配置的同一排版樣式可重複利用,因此可顯著降低頁面設計者的工作量。   應當理解的是,以上的一般描述和後文的細節描述僅是示例性和解釋性的,並不能限制本說明書。
這裡將詳細地對示例性實施例進行說明,其示例表示在附圖中。下面的描述涉及附圖時,除非另有表示,不同附圖中的相同數字表示相同或相似的要素。以下示例性實施例中所描述的實施方式並不代表與本說明書相一致的所有實施方式。相反,它們僅是與如所附申請專利範圍中所詳述的、本說明書的一些方面相一致的裝置和方法的例子。   在本說明書使用的術語是僅僅出於描述特定實施例的目的,而非旨在限制本說明書。在本說明書和所附申請專利範圍中所使用的單數形式的“一種”、“所述”和“該”也旨在包括多數形式,除非上下文清楚地表示其他含義。還應當理解,本文中使用的術語“及/或”是指並包含一個或多個相關聯的列出項目的任何或所有可能組合。   應當理解,儘管在本說明書可能採用術語第一、第二、第三等來描述各種資訊,但這些資訊不應限於這些術語。這些術語僅用來將同一類型的資訊彼此區分開。例如,在不脫離本說明書範圍的情況下,第一資訊也可以被稱為第二資訊,類似地,第二資訊也可以被稱為第一資訊。取決於語境,如在此所使用的詞語“如果”可以被解釋成為“在……時”或“當……時”或“響應於確定”。   在頁面開發過程中,不同的頁面開發需求可能會出現不同的設計規範和實現方式,但其中往往存在很多類似的頁面,給設計師帶來很多困擾和重複建設,大大降低了產品的開發效率。以圖1所示的頁面為例,該頁面用於用戶資料填寫及提交,其中包含了多個輸入框及多個選擇選項。實際應用中,諸如會員註冊頁面、購買某個商品收集資訊頁面或網上調查問卷頁面等等頁面,都可能有多種同類型的頁面元素重複出現。   基於此,本說明書實施例提供一種頁面排版方案,請參加圖2A中的頁面排版應用場景示意圖,圖2A中包括一頁面排版服務方以及作為頁面設計者的用戶,該頁面排版服務方可應用本說明書實施例提供的頁面排版方案,從而使頁面設計者可以便捷快速地實現頁面排版。   如圖2B所示,是本說明書根據一示例性實施例示出的一種頁面排版方法,包括如下步驟:   在步驟202中,展示至少一個構成頁面所需的頁面元素,並提供用戶選擇操作介面;   在步驟204中,透過所述選擇操作介面獲取被選中的目標頁面元素;   在步驟206中,獲取預設排版樣式集,所述預設排版樣式集中包括至少一個預設排版樣式,所述預設排版樣式關聯有至少一個標籤,所述標籤指示該預設排版樣式所適用的頁面元素;   在步驟208中,查找與所述目標頁面元素的元素資訊匹配的標籤,根據所述匹配的標籤從獲得與所述目標頁面元素匹配的排版樣式;   在步驟210中,根據所述匹配的排版樣式對所述目標頁面元素進行排版,獲得排版後的目標頁面元素所構成的目標頁面。   本說明書實施例中可以預先分析頁面組成部分,以確定構成頁面所需的頁面元素,作為一個例子,頁面元素可以包括:按鈕、圖標、下拉菜單、導航菜單、多選框、輸入框、選擇框、日期選擇框、數字輸入框、單選框、滑動輸入條、開關、時間選擇框、上傳框、表格、對話框、通知提醒框、進度條或回到頂部控件等等。實際應用中,可以根據頁面設計需要靈活配置頁面元素的種類,本實施例對此不作限定。上述預先確定的頁面元素,可以展示給用戶,並可以向用戶提供用戶選擇操作介面,以供設計者查閱並選取本次頁面設計所需的頁面元素。   作為一個例子,如圖2C所示的一種用戶所使用設備的展示界面示意圖,其中左側示出了部分可供用戶選擇的頁面元素,該展示界面中提供有用戶選擇操作介面,該用戶操作介面的具體實現方式是針對每個頁面元素設置鼠標指針檢測區域,在用戶鼠標指針移動到頁面元素對應區域上時,用戶可以透過點擊、雙擊或拖動等方式選中該頁面元素,並在展示界面的右側中進行展示。其中,某些頁面元素還可以編輯操作介面,例如輸入框中可以提供給用戶進行標題編輯,如該圖2C中的“項目名稱”等等。   透過上述實現方式,設計者可以透過用戶選擇操作介面選取其所需要的頁面元素,而電子設備可以透過該用戶選擇操作介面獲取到被用戶選中的目標頁面元素。這些被選中的目標頁面元素作為設計者本次所期望設計出的頁面的組成部分,本說明書實施例將自動執行排版操作。   具體的,本說明書實施例的另一方面,預先配置有預設排版樣式集,所述預設排版樣式集中包括至少一個預設排版樣式,預設排版樣式的配置過程,可以是由設計人員提供,也可以利用歷史頁面,從歷史頁面中提取出排版樣式等等多種方式。其中,排版樣式可以規定頁面元素的排布方式,例如頁面元素橫向排布或縱向排布、每行排布的頁面元素的個數、行與行之間的行間隔大小或頁面元素之間的元素間隔大小等等。或者,針對不同類型的頁面元素,比如輸入框和回到頂部控件的類型不同,排版樣式也可以設置一個或多個分隔單元,不同分隔單元可以對應不同頁面元素的類型及/或數量。可選的,排版樣式還可以規定頁面背景顏色,或者是頁面中包含有哪些修飾元素,例如添加曲線、橫線、分隔符號、形狀或圖像等等,以及這些修改元素的排布位置,例如在行與行之間添加橫線、在頁面元素與頁面元素之間插入分隔符號等等。實際應用中,可以根據需要靈活設計排布樣式,本實施例對此不作限定。   在某些例子中,預設排版樣式集可以是本地儲存,在另一些例子中,預設排版樣式集還可以是配置在其他伺服器上,需要進行頁面排版的伺服器可以從該其他伺服器上所配置的樣式集中獲取需要預設排版樣式。   其中,預設排版樣式關聯有至少一個標籤,所述標籤指示該預設排版樣式所適用的頁面元素,本說明書實施例透過標籤對預設排版樣式所能適用的頁面元素進行區分,在獲取到設計者所需要的目標頁面元素後,可以透過分析目標頁面元素的元素資訊,從而為設計者所期望的頁面選取到合適的排版樣式。其中,上述標籤可以根據實際所確定的頁面元素的元素資訊而靈活配置,接下來列舉幾種可選的例子。   第一種、數量標籤,用於指示該排版樣式所適用的頁面元素的數量。   本實施例中,考慮不同的頁面需求下,設計者所設計頁面的目標頁面元素的個數不同,可以針對不同數量的頁面元素設計不同的排版樣式,並為排版樣式所適用的數量為其配置數量標籤。例如,排版樣式A可能適用數量範圍A1的頁面元素,可以為排版樣式A配置相應的數量標籤。排版樣式B可能適用數量範圍B1的頁面元素,可以為排版樣式B配置相應的數量標籤。因此,在查找與所述目標頁面元素的元素資訊匹配的標籤時,可以根據目標頁面元素的元素數量查找匹配的數量標籤,從而確定匹配的排版樣式。   第二種、屬性標籤,用於指示該排版樣式所適用的頁面元素的屬性資訊。   本實施例中,考慮不同的頁面需求下,設計者所設計頁面可能包括多種不同的目標頁面元素,且不同目標頁面元素具有不同的屬性資訊。其中,屬性資訊可以包括頁面元素的尺寸(包括高度和寬度等)、填充顏色、線條顏色或文字大小等等多種資訊,可以針對不同屬性資訊的頁面元素設計不同的排版樣式,並為排版樣式所適用的屬性資訊配置屬性標籤。例如,排版樣式C可能適用尺寸範圍為C1的頁面元素,可以為排版樣式C配置相應的屬性標籤;排版樣式D可能適用顏色為D1的頁面元素,可以為排版樣式D配置相應的屬性標籤。因此,在查找與所述目標頁面元素的元素資訊匹配的標籤時,可以根據各個目標頁面元素的屬性資訊,查找匹配的屬性標籤,從而確定匹配的排版樣式。   第三種、螢幕尺寸標籤,用於指示該排版樣式排版後頁面所適用的設備螢幕尺寸。   本實施例中,考慮不同的頁面需求下,設計者所設計頁面可能應用在不同的電子設備上,而不同電子設備的螢幕尺寸不一,例如智能手機與個人計算機的螢幕尺寸具有較大差異,因此,可以針對螢幕尺寸設計不同的排版樣式,並為排版樣式所適用的螢幕尺寸配置螢幕尺寸標籤。例如,排版樣式E可能適用螢幕尺寸範圍E1的頁面元素,可以為排版樣式E配置相應的螢幕尺寸標籤。排版樣式F可能適用數量範圍F1的頁面元素,可以為排版樣式F配置相應的螢幕尺寸標籤。因此,在查找與所述目標頁面元素的元素資訊匹配的標籤時,可以確定目標頁面元素排版後頁面所適用的設備螢幕尺寸,根據所確定的設備螢幕尺寸查找對應的螢幕尺寸標籤,從而確定匹配的排版樣式。   以上實施方式中的各種技術特徵可以任意進行組合,舉例來說,針對一個排版樣式,可以配置多個標籤(例如可以同時配置數量標籤、多個屬性標籤和螢幕尺寸標籤等等),在查找時,可以是所有標籤與元素資訊都匹配的情況下確定為匹配的排版樣式,也可以是其中任一種或多種標籤與元素資訊匹配的情況下確定為匹配的排版樣式等等多種方式。只要特徵之間的組合不存在衝突或矛盾即可根據需要任意組合,但是限於篇幅,未進行一一描述,因此上述實施方式中的各種技術特徵的任意進行組合也屬於本說明書公開的範圍。   在獲取到與所述目標頁面元素匹配的排版樣式後,可以根據排版樣式中的設置對用戶所選取的目標頁面元素自動進行排版。   針對包含有會員註冊頁面、購買某個商品收集資訊頁面或網上調查問卷頁面等等涉及資訊獲取的頁面,此類頁面中可能有多種同類型的頁面元素重複出現,例如由於需要用戶提交資料,可能包含多個輸入框、選擇框等等。可選的,本實施例提供如下排版樣式,使得頁面排版效率更為快速。   作為一個例子,所述排版樣式設置如下一種或多種樣式:   每行排布的頁面元素的個數、行與行之間的行間隔大小或頁面元素之間的元素間隔大小;   所述對所述目標頁面元素進行排版,包括:   根據所述每行排布的頁面元素的個數、行與行之間的行間隔大小、頁面元素之間的元素間隔大小,對所述目標頁面元素按行排布。   本實施例透過頁面元素的數量進行排版,排版樣式中規定頁面元素按行排布,並且規定每行的頁面元素排布的個數。作為一個例子,如圖2D所示出的一種頁面示意圖,圖2D中頁面元素按行排布,每行排布一個目標頁面元素,並且行與行之間按照一定的行間隔隔開,每三行之間插入有一橫線作為修飾元素。   在其他例子中,所述排版樣式設置有如下樣式:   一個或多個分隔單元,以及所述分隔單元所對應的頁面元素的類型及/或數量;   所述對所述目標頁面元素進行排版,包括:   根據所述目標頁面元素的類型和數量,將所述目標元素添加至對應的分隔單元中。   本實施例透過分隔單元將頁面元素進行排版,排版樣式中規定有一個或多個分隔單元,分隔單元所對應的頁面元素的類型及/或數量。作為一個例子,如圖2E所示出的一種頁面示意圖,圖2E中包括3個分隔單元,第一個分隔單元包括一個輸入框;第二個分隔單元包括6個頁面元素,涉及下拉選擇框、時間選擇框及文件上傳框;第三個分隔單元包括三個頁面元素,涉及滑動條、選項和提交按鈕。   透過對目標頁面元素自動排版後可以獲得由目標頁面元素所構成的頁面,本說明書實施例中可以對該目標頁面進行展示,考慮到設計者可能需要調整頁面排版,本說明書實施例還可以接收對所述目標頁面的排版調整指令,對所述目標頁面的排版進行調整,從而為設計者提供滿足其需要的頁面。進一步的,還可以查詢調整排版後的排版樣式是否在所述預設排版樣式集中,若無,將調整排版後的排版樣式儲存於所述預設排版樣式集中,從而進一步豐富預設排版樣式集,為用戶提供更多的排版樣式選擇。   目標頁面發佈後,某些頁面可能符合用戶偏好,某些頁面可能不符合用戶偏好,因此本說明書實施例還可以透過對頁面是否符合用戶偏好的分析,從而進一步為設計者提供更為符合用戶偏好的排版模式。作為一個例子,可以預先準備樣本資料以分析用戶偏好,上述樣本資料可以基於用戶對頁面的點擊率,選取出點擊率高於預設點擊率閾值的頁面。其中,點擊率(CTR,Click Through Rate),是指頁面的點擊到達率,即該頁面的實際點擊次數與頁面的展現量(Show content)的比值,CTR是衡量頁面投放效果的一項重要指標。點擊率越高,說明頁面更符合用戶偏好。其中,樣本頁面可以是利用本說明書方案而獲得的目標頁面,也可以是已有的頁面。   其中,由於不同用戶群體可能具有不同的頁面偏好,例如學生與白領可能對頁面具有不同的偏好,男性和女性可能對頁面具有不同的偏好;而不同頁面所投放的用戶群體也可能不同,例如某些頁面是投放給在校大學生進行問卷調查,某些頁面是投放給網購平台用戶進行資料收集和提交,某些頁面是投放給白領進行資料收集和提交等等。因此,本說明書實施例還可以確定點擊所述樣本頁面的用戶的用戶特徵資訊,這些用戶特徵資訊包括但不限於用戶性別、用戶年齡、指示用戶消費水平高低的用戶消費等級、用戶的年收入或用戶的職業等等。   基於此,對於點擊率較高受某類用戶偏好的樣本頁面,可以確定該樣本頁面的樣本排版樣式。其中,若樣本頁面是利用本說明書方案而獲得的目標頁面,則該樣本頁面的樣本排版樣式是預設排版樣式集中已有的預設排版樣式,可以進一步地可以為該預設排版樣式配置對應的用戶偏好標籤。若樣本頁面是已有的其他頁面,則可以分析該樣本頁面中的樣本排版樣式,並作為新的預設排版樣式添加至預設排版樣式集中,或者是基於該樣本排版樣式進行調整或修改而形成新的預設排版樣式添加至預設排版樣式集中,並為該預設排版樣式配置對應的用戶偏好標籤。   對於添加有用戶偏好標籤的預設排版樣式,當在為設計者選取與目標頁面元素匹配的排版樣式時,可以進一步獲取頁面所投放用戶的用戶特徵資訊,根據所獲取的元素資訊和用戶特徵資訊,查找與所述目標頁面元素的元素資訊匹配的標籤,使得所查找的排版樣式既符合頁面元素的要求,也可以更為符合用戶的偏好。   與前述頁面排版方法的實施例相對應,本說明書還提供了頁面排版裝置及其所應用的設備的實施例。   本說明書頁面排版裝置的實施例可以應用在計算設備上,例如伺服器或終端設備。裝置實施例可以透過軟體實現,也可以透過硬體或者軟硬體結合的方式實現。以軟體實現為例,作為一個邏輯意義上的裝置,是透過其所在文件處理的處理器將非揮發性儲存器中對應的計算機程式指令讀取到內存記憶體中運行形成的。從硬體層面而言,如圖3所示,為本說明書頁面排版裝置所在計算設備的一種硬體結構圖,除了圖3所示的處理器310、內存記憶體330、網路介面320、以及非揮發性儲存器340之外,實施例中裝置331所在的伺服器或電子設備,通常根據該計算設備的實際功能,還可以包括其他硬體,對此不再贅述。   如圖4所示,圖4是本說明書根據一示例性實施例示出的一種頁面排版裝置的框圖,所述裝置包括:   展示模組41,用於:展示至少一個構成頁面所需的頁面元素,並提供用戶選擇操作介面;   元素獲取模組42,用於:透過所述選擇操作介面獲取被選中的目標頁面元素;   排版樣式獲取模組43,用於:獲取預設排版樣式集,所述預設排版樣式集中包括至少一個預設排版樣式,所述預設排版樣式關聯有至少一個標籤,所述標籤指示該預設排版樣式所適用的頁面元素;   查找模組44,用於:查找與所述目標頁面元素的元素資訊匹配的標籤,根據所述匹配的標籤從獲得與所述目標頁面元素匹配的排版樣式;   排版模組45,用於:根據所述匹配的排版樣式對所述目標頁面元素進行排版,獲得排版後的目標頁面元素所構成的目標頁面。   在一個可選的實現方式中,所述預設排版樣式關聯的標籤包括如下一種或多種:數量標籤、屬性標籤或螢幕尺寸標籤;   所述查找模組,還用於:   獲取所述目標頁面元素的一種或多種元素資訊:目標頁面元素的數量、目標頁面元素的屬性資訊、排版後頁面所適用的設備螢幕尺寸,根據所獲取的元素資訊查找與所述目標頁面元素的元素資訊匹配的標籤。   在一個可選的實現方式中,所述查找模組,還用於:   透過如下方式獲取排版後頁面所適用的設備螢幕尺寸:   透過獲取所述目標頁面元素的尺寸確定排版後頁面所適用的設備螢幕尺寸;其中,所述頁面元素具有一種或多種設定尺寸,所述設定尺寸對應一類設備螢幕尺寸。   在一個可選的實現方式中,所述預設排版樣式關聯的標籤還包括用戶偏好標籤;   所述查找模組,還用於:   獲取頁面所投放用戶的用戶特徵資訊,根據所獲取的元素資訊和用戶特徵資訊,查找與所述目標頁面元素的元素資訊匹配的標籤。   在一個可選的實現方式中,所述裝置還包括排版樣式集配置模組,用於:   獲取樣本頁面中的樣本排版樣式,所述樣本頁面包括點擊率高於預設點擊率閾值的頁面;確定點擊所述樣本頁面的用戶的用戶特徵資訊;根據所述樣本排版樣式獲取對應的預設排版樣式,並根據所述用戶特徵資訊為所述與所述樣本排版樣式對應的預設排版樣式配置對應的用戶偏好標籤。   在一個可選的實現方式中,所述排版樣式設置如下一種或多種樣式:   每行排布的頁面元素的個數、行與行之間的行間隔大小或頁面元素之間的元素間隔大小;   所述排版模組,還用於:   根據所述每行排布的頁面元素的個數、行與行之間的行間隔大小、頁面元素之間的元素間隔大小,對所述目標頁面元素按行排布。   在一個可選的實現方式中,所述排版樣式設置有如下樣式:   一個或多個分隔單元,以及所述分隔單元所對應的頁面元素的類型和數量;   所述排版模組,還用於:   根據所述目標頁面元素的類型和數量,將所述目標元素添加至對應的分隔單元中。   在一個可選的實現方式中,所述裝置還包括排版樣式集配置模組,用於:   展示所述目標頁面;接收對所述目標頁面的排版調整指令,對所述目標頁面的排版進行調整;查詢調整排版後的排版樣式是否在所述預設排版樣式集中,若無,將調整排版後的排版樣式儲存於所述預設排版樣式集中。   相應的,本說明書還提供一種設備,包括:   處理器;   用於儲存處理器可執行指令的儲存器;   其中,所述處理器被配置為:   展示至少一個構成頁面所需的頁面元素,並提供用戶選擇操作介面;   透過所述選擇操作介面獲取被選中的目標頁面元素;   獲取預設排版樣式集,所述預設排版樣式集中包括至少一個預設排版樣式,所述預設排版樣式關聯有至少一個標籤,所述標籤指示該預設排版樣式所適用的頁面元素;   查找與所述目標頁面元素的元素資訊匹配的標籤,根據所述匹配的標籤從獲得與所述目標頁面元素匹配的排版樣式;   根據所述匹配的排版樣式對所述目標頁面元素進行排版,獲得排版後的目標頁面元素所構成的目標頁面。   上述頁面排版裝置中各個模組的功能和作用的實現過程具體詳見上述頁面排版方法中對應步驟的實現過程,在此不再贅述。   對於裝置實施例而言,由於其基本對應於方法實施例,所以相關之處參見方法實施例的部分說明即可。以上所描述的裝置實施例僅僅是示意性的,其中所述作為分離部件說明的模組可以是或者也可以不是物理上分開的,作為模組顯示的部件可以是或者也可以不是物理模組,即可以位於一個地方,或者也可以分佈到多個網路模組上。可以根據實際的需要選擇其中的部分或者全部模組來實現本說明書方案的目的。本領域普通技術人員在不付出創造性勞動的情況下,即可以理解並實施。   上述對本說明書特定實施例進行了描述。其它實施例在所附申請專利範圍的範圍內。在一些情況下,在申請專利範圍中記載的動作或步驟可以按照不同於實施例中的順序來執行並且仍然可以實現期望的結果。另外,在附圖中描繪的過程不一定要求示出的特定順序或者連續順序才能實現期望的結果。在某些實施方式中,多任務處理和並行處理也是可以的或者可能是有利的。   本領域技術人員在考慮說明書及實踐這裡說明書的發明後,將容易想到本說明書的其它實施方案。本說明書旨在涵蓋本說明書的任何變型、用途或者適應性變化,這些變型、用途或者適應性變化遵循本說明書的一般性原理並包括本說明書未說明書的本技術領域中的公知常識或慣用技術手段。說明書和實施例僅被視為示例性的,本說明書的真正範圍和精神由下面的申請專利範圍指出。   應當理解的是,本說明書並不局限於上面已經描述並在附圖中示出的精確結構,並且可以在不脫離其範圍進行各種修改和改變。本說明書的範圍僅由所附的申請專利範圍來限制。   以上所述僅為本說明書的較佳實施例而已,並不用以限制本說明書,凡在本說明書的精神和原則之內,所做的任何修改、等同替換、改進等,均應包含在本說明書保護的範圍之內。
310‧‧‧處理器320‧‧‧內存記憶體330‧‧‧網路介面331‧‧‧裝置340‧‧‧非揮發性儲存器41‧‧‧展示模組42‧‧‧元素獲取模組43‧‧‧排版樣式獲取模組44‧‧‧查找模組45‧‧‧排版模組
此處的附圖被併入說明書中並構成本說明書的一部分,示出了符合本說明書的實施例,並與說明書一起用於解釋本說明書實施例方案的原理。   圖1是本說明書根據一示例性實施例示出的一種頁面示意圖。   圖2A是本說明書根據一示例性實施例示出的一種頁面排版方法的應用場景圖。   圖2B是本說明書根據一示例性實施例示出的一種頁面排版方法的流程圖。   圖2C是本說明書根據一示例性實施例示出的一種展示界面示意圖。   圖2D是本說明書根據一示例性實施例示出的另一種頁面示意圖。   圖2E是本說明書根據一示例性實施例示出的另一種頁面示意圖。   圖3是本說明書頁面排版裝置所在計算設備的一種硬體結構圖。   圖4是本說明書根據一示例性實施例示出的一種頁面排版裝置的框圖。

Claims (15)

  1. 一種頁面排版方法,該方法包括:展示至少一個構成頁面所需的頁面元素,並提供用戶選擇操作介面;透過該用戶選擇操作介面獲取被選中的目標頁面元素;獲取預設排版樣式集,該預設排版樣式集中包括至少一個預設排版樣式,該預設排版樣式關聯有至少一個標籤,該標籤指示該預設排版樣式所適用的頁面元素;查找與該目標頁面元素的元素資訊匹配的標籤,根據該匹配的標籤從獲得與該目標頁面元素匹配的排版樣式;根據該匹配的排版樣式對該目標頁面元素進行排版,獲得排版後的目標頁面元素所構成的目標頁面;獲取樣本頁面中的樣本排版樣式,該樣本頁面包括點擊率高於預設點擊率閾值的頁面;確定點擊該樣本頁面的用戶的用戶特徵資訊;根據該樣本排版樣式獲取對應的預設排版樣式,並根據該用戶特徵資訊為所述與該樣本排版樣式對應的預設排版樣式配置對應的用戶偏好標籤。
  2. 根據申請專利範圍第1項所述的方法,該預設排版樣式關聯的標籤包括如下一種或多種:數量標籤、屬性標籤或螢幕尺寸標籤; 所述查找與該目標頁面元素的元素資訊匹配的標籤,包括:獲取該目標頁面元素的一種或多種元素資訊:目標頁面元素的數量、目標頁面元素的屬性資訊、排版後頁面所適用的設備螢幕尺寸,根據所獲取的元素資訊查找與該目標頁面元素的元素資訊匹配的標籤。
  3. 根據申請專利範圍第2項所述的方法,該排版後頁面所適用的設備螢幕尺寸,透過如下方式獲取:透過獲取該目標頁面元素的尺寸確定排版後頁面所適用的設備螢幕尺寸;其中,該頁面元素具有一種或多種設定尺寸,該設定尺寸對應一類設備螢幕尺寸。
  4. 根據申請專利範圍第2項所述的方法,該預設排版樣式關聯的標籤還包括用戶偏好標籤;該根據所獲取的元素資訊查找與該目標頁面元素的元素資訊匹配的標籤,包括:獲取頁面所投放用戶的用戶特徵資訊,根據所獲取的元素資訊和用戶特徵資訊,查找與該目標頁面元素的元素資訊匹配的標籤。
  5. 根據申請專利範圍第1項所述的方法,該排版樣式設置如下一種或多種樣式:每行排布的頁面元素的個數、行與行之間的行間隔大 小或頁面元素之間的元素間隔大小;所述對該目標頁面元素進行排版,包括:根據該每行排布的頁面元素的個數、行與行之間的行間隔大小、頁面元素之間的元素間隔大小,對該目標頁面元素按行排布。
  6. 根據申請專利範圍第1項所述的方法,該排版樣式設置有如下樣式:一個或多個分隔單元,以及該分隔單元所對應的頁面元素的類型及/或數量;所述對該目標頁面元素進行排版,包括:根據該目標頁面元素的類型和數量,將該目標元素添加至對應的分隔單元中。
  7. 根據申請專利範圍第1項所述的方法,該方法還包括:展示該目標頁面;接收對該目標頁面的排版調整指令,對該目標頁面的排版進行調整;查詢調整排版後的排版樣式是否在該預設排版樣式集中,若無,將調整排版後的排版樣式儲存於該預設排版樣式集中。
  8. 一種頁面排版裝置,該裝置包括: 展示模組,用於:展示至少一個構成頁面所需的頁面元素,並提供用戶選擇操作介面;元素獲取展示模組,用於:透過該選擇操作介面獲取被選中的目標頁面元素;排版樣式獲取模組,用於:獲取預設排版樣式集,該預設排版樣式集中包括至少一個預設排版樣式,該預設排版樣式關聯有至少一個標籤,該標籤指示該預設排版樣式所適用的頁面元素;查找模組,用於:查找與該目標頁面元素的元素資訊匹配的標籤,根據該匹配的標籤從獲得與該目標頁面元素匹配的排版樣式;排版模組,用於:根據該匹配的排版樣式對該目標頁面元素進行排版,獲得排版後的目標頁面元素所構成的目標頁面;排版樣式集配置模組,用於:獲取樣本頁面中的樣本排版樣式,該樣本頁面包括點擊率高於預設點擊率閾值的頁面;確定點擊該樣本頁面的用戶的用戶特徵資訊;根據該樣本排版樣式獲取對應的預設排版樣式,並根據該用戶特徵資訊為該與該樣本排版樣式對應的預設排版樣式配置對應的用戶偏好標籤。
  9. 根據申請專利範圍第8項所述的裝置,該預設排版樣式關聯的標籤包括如下一種或多種:數量標籤、屬性標籤或螢幕尺寸標籤; 該查找模組,還用於:獲取該目標頁面元素的一種或多種元素資訊:目標頁面元素的數量、目標頁面元素的屬性資訊、排版後頁面所適用的設備螢幕尺寸,根據所獲取的元素資訊查找與該目標頁面元素的元素資訊匹配的標籤。
  10. 根據申請專利範圍第9項所述的裝置,該查找模組,還用於:透過如下方式獲取排版後頁面所適用的設備螢幕尺寸:透過獲取該目標頁面元素的尺寸確定排版後頁面所適用的設備螢幕尺寸;其中,該頁面元素具有一種或多種設定尺寸,該設定尺寸對應一類設備螢幕尺寸。
  11. 根據申請專利範圍第9項所述的裝置,該預設排版樣式關聯的標籤還包括用戶偏好標籤;該查找模組,還用於:獲取頁面所投放用戶的用戶特徵資訊,根據所獲取的元素資訊和用戶特徵資訊,查找與該目標頁面元素的元素資訊匹配的標籤。
  12. 根據申請專利範圍第8項所述的裝置,該排版樣式設置如下一種或多種樣式:每行排布的頁面元素的個數、行與行之間的行間隔大 小或頁面元素之間的元素間隔大小;該排版模組,還用於:根據該每行排布的頁面元素的個數、行與行之間的行間隔大小、頁面元素之間的元素間隔大小,對該目標頁面元素按行排布。
  13. 根據申請專利範圍第8項所述的裝置,該排版樣式設置有如下樣式:一個或多個分隔單元,以及該分隔單元所對應的頁面元素的類型和數量;該排版模組,還用於:根據該目標頁面元素的類型和數量,將該目標元素添加至對應的分隔單元中。
  14. 根據申請專利範圍第8項所述的裝置,該裝置還包括排版樣式集配置模組,用於:展示該目標頁面;接收對該目標頁面的排版調整指令,對該目標頁面的排版進行調整;查詢調整排版後的排版樣式是否在該預設排版樣式集中,若無,將調整排版後的排版樣式儲存於該預設排版樣式集中。
  15. 一種頁面排版設備,包括:處理器;用於儲存處理器可執行指令的儲存器; 其中,該處理器被配置為:展示至少一個構成頁面所需的頁面元素,並提供用戶選擇操作介面;透過該選擇操作介面獲取被選中的目標頁面元素;獲取預設排版樣式集,該預設排版樣式集中包括至少一個預設排版樣式,該預設排版樣式關聯有至少一個標籤,該標籤指示該預設排版樣式所適用的頁面元素;查找與該目標頁面元素的元素資訊匹配的標籤,根據該匹配的標籤從獲得與該目標頁面元素匹配的排版樣式;根據該匹配的排版樣式對該目標頁面元素進行排版,獲得排版後的目標頁面元素所構成的目標頁面;獲取樣本頁面中的樣本排版樣式,該樣本頁面包括點擊率高於預設點擊率閾值的頁面;確定點擊該樣本頁面的用戶的用戶特徵資訊;根據該樣本排版樣式獲取對應的預設排版樣式,並根據該用戶特徵資訊為該與該樣本排版樣式對應的預設排版樣式配置對應的用戶偏好標籤。
TW107132759A 2017-11-22 2018-09-18 頁面排版方法、裝置及設備 TWI686740B (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201711171770.2A CN108021626B (zh) 2017-11-22 2017-11-22 页面排版方法、装置及设备
CN201711171770.2 2017-11-22
??201711171770.2 2017-11-22

Publications (2)

Publication Number Publication Date
TW201926021A TW201926021A (zh) 2019-07-01
TWI686740B true TWI686740B (zh) 2020-03-01

Family

ID=62080127

Family Applications (1)

Application Number Title Priority Date Filing Date
TW107132759A TWI686740B (zh) 2017-11-22 2018-09-18 頁面排版方法、裝置及設備

Country Status (3)

Country Link
CN (1) CN108021626B (zh)
TW (1) TWI686740B (zh)
WO (1) WO2019100866A1 (zh)

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108021626B (zh) * 2017-11-22 2020-06-09 阿里巴巴集团控股有限公司 页面排版方法、装置及设备
CN108763391A (zh) * 2018-05-21 2018-11-06 天津字节跳动科技有限公司 问卷页面处理方法和装置
CN109783745B (zh) * 2018-12-11 2024-03-15 平安科技(深圳)有限公司 对页面进行个性化排版的方法、装置和计算机设备
CN111381909B (zh) * 2018-12-27 2022-03-04 北京字节跳动网络技术有限公司 一种页面展示方法、装置、终端设备及存储介质
CN109740140B (zh) * 2018-12-28 2023-07-11 北京百度网讯科技有限公司 页面排版方法、装置和计算机设备
CN111597481B (zh) * 2020-05-09 2023-10-13 北京奇艺世纪科技有限公司 页面显示方法、装置、电子设备及可读存储介质
CN111651162A (zh) * 2020-08-10 2020-09-11 宁波均联智行科技有限公司 基于屏幕尺寸的页面布局辅助开发方法及系统
CN112579084A (zh) * 2020-12-17 2021-03-30 深圳集智数字科技有限公司 一种页面的拼装方法及装置
CN113254134B (zh) * 2021-05-25 2024-02-02 平安证券股份有限公司 页面排版方法、装置、设备及存储介质
CN114510591B (zh) * 2022-04-19 2022-07-29 京友科技(深圳)有限公司 数字图像生成排版系统和方法

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462131A (zh) * 2013-09-23 2015-03-25 阿里巴巴集团控股有限公司 信息发布页面的处理方法及装置
CN104484093A (zh) * 2014-12-15 2015-04-01 北京国双科技有限公司 图形界面的排列显示方法及装置

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1880316A1 (en) * 2005-05-11 2008-01-23 Nokia Corporation User-defined changing of page representations
US10133722B2 (en) * 2016-04-26 2018-11-20 Flipboard, Inc. Updating page templates presenting content from a digital magazine in a native application
CN107357766B (zh) * 2017-07-19 2018-06-26 掌阅科技股份有限公司 基于电子书的页面编辑方法、电子设备及计算机存储介质
CN108021626B (zh) * 2017-11-22 2020-06-09 阿里巴巴集团控股有限公司 页面排版方法、装置及设备

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462131A (zh) * 2013-09-23 2015-03-25 阿里巴巴集团控股有限公司 信息发布页面的处理方法及装置
CN104484093A (zh) * 2014-12-15 2015-04-01 北京国双科技有限公司 图形界面的排列显示方法及装置

Also Published As

Publication number Publication date
CN108021626B (zh) 2020-06-09
TW201926021A (zh) 2019-07-01
WO2019100866A1 (zh) 2019-05-31
CN108021626A (zh) 2018-05-11

Similar Documents

Publication Publication Date Title
TWI686740B (zh) 頁面排版方法、裝置及設備
TWI739803B (zh) 頁面資源投放方法及裝置
US8583664B2 (en) Exposing metadata relationships through filter interplay
US8718369B1 (en) Techniques for shape-based search of content
US9043351B1 (en) Determining search query specificity
US9875284B1 (en) Displaying search completion results
US9141703B1 (en) Systems and methods for browsing historical content
US20230214895A1 (en) Methods and systems for product discovery in user generated content
WO2016082598A1 (zh) 一种快速查找应用程序的方法、装置及设备
US9594540B1 (en) Techniques for providing item information by expanding item facets
US9928515B2 (en) System and method for competitive product assortment
US10180848B1 (en) Dynamic rendering of user interfaces
TWI665630B (zh) 互動式商品推薦方法以及非暫態電腦可讀取媒體
US20160092553A1 (en) Methods and apparatuses of generating and using a structured label
CN109284712B (zh) 商品信息的配置方法及装置
CN105488159A (zh) 页面展示方法和页面展示装置
US10019144B2 (en) Organizer for data that is subject to multiple criteria
CN108694211B (zh) 应用分发方法及装置
CN107077473A (zh) 用于显示内容的系统、方法和计算机可读介质
Laursen et al. Icon Set Selection via Human Computation.
US11410418B2 (en) Methods and systems for tagged image generation
US20190220913A1 (en) Electronic search interface for identifying artisan sellers
CN110471721A (zh) 页面展示方法及系统、电子设备和存储介质
WO2020156306A1 (zh) 服饰搭配信息的处理方法、数据对象处理方法、系统及设备
WO2016029705A1 (zh) 一种网页工具条的插入方法、装置及存储介质