本公開涉及計算機技術，特別涉及一種圖文排版方法和裝置。

背景技術：

目前很多網(wǎng)站或app的頁面中，都涉及到圖文排版，頁面中包括圖片以及用于描述該圖片的文字內(nèi)容，并且圖片及所述文字內(nèi)容是分開的。那么需要將圖片和文字進行排版，建立視覺上直觀的對應關系，使得用戶在查看該頁面時，能夠直觀的將圖片和文字對應，了解哪些文字是用于描述哪個圖片。但是，當一個頁面中出現(xiàn)大量的圖文排版時，很容易造成圖文無法對應的結(jié)果，比如，頁面中可能包括多幅圖片和文字，用戶在查看頁面時無法將特定的圖片和文字對應起來，造成用戶體驗不佳，無法達到圖文排版的效果。

技術實現(xiàn)要素：

有鑒于此，本公開提供一種圖文排版方法和裝置，以實現(xiàn)準確快速的圖文對應。

具體地，本公開是通過如下技術方案實現(xiàn)的：

第一方面，提供一種圖文排版方法，所述方法包括：

識別待排版內(nèi)容中的圖文對應信息，所述圖文對應信息用于表示待排版的圖片和文字的對應關系；

根據(jù)所述圖文對應信息，執(zhí)行建立所述圖片和文字關聯(lián)的排版關聯(lián)處理。

第二方面，提供一種圖文排版裝置，所述裝置包括：

信息識別模塊，用于識別待排版內(nèi)容中的圖文對應信息，所述圖文對應信息用于表示待排版的圖片和文字的對應關系；

排版處理模塊，用于根據(jù)所述圖文對應信息，執(zhí)行建立所述圖片和文字關聯(lián)的排版關聯(lián)處理。

本公開的圖文排版方法和裝置，通過根據(jù)圖文對應信息執(zhí)行排版關聯(lián)處理，能夠準確的將具有對應關系的圖片和文字建立排版上的對應，使得用戶直觀的將圖片和文字對應起來；并且，該方法可以由圖文排版編輯工具自動識別圖文對應信息，并自動根據(jù)圖文對應信息執(zhí)行排版關聯(lián)處理，這樣可以降低編輯者的工作量，不用人工比對，節(jié)省人力，而且排版的速度也可以得到提高，實現(xiàn)快速準確的圖文排版。

附圖說明

圖1是本公開實施例提供的一個圖文排版方法的流程；

圖2是本公開實施例提供的一個圖文排版方法的流程；

圖3是本公開實施例提供的一個方位箭頭添加示意圖；

圖4是本公開實施例提供的一個排版格式處理的示意圖；

圖5是本公開實施例提供的一個圖文排版方法的流程；

圖6是本公開實施例提供的另一個排版格式處理的示意圖；

圖7是本公開實施例提供的一個圖文排版裝置的結(jié)構示意圖。

具體實施方式

在網(wǎng)站或應用的頁面中，可以包括圖片以及用于描述該圖片的文字，并且有時候一個頁面中還可能出現(xiàn)大量的圖片和對應文字。為了將具有對應關系的圖片和文字在頁面上展示時，呈現(xiàn)用戶可以直觀的輕易將圖文對應起來的效果，需要很好的進行圖文排版。例如，如果圖文排版的效果較好，那么用戶在查看包括很多圖片和文字的頁面時，能夠很快確定哪些文字是與哪個圖片對應的。

本公開即提供一種圖文排版方法，以使得用戶在查閱時實現(xiàn)準確快速的圖文對應。其中，該方法可以是由圖文排版編輯工具(或者稱為圖文排版編輯器)執(zhí)行，該圖文排版編輯工具可以是網(wǎng)站或應用自帶的一個功能模塊，或者也可以是單獨的工具，由該工具做好排版后再將排版結(jié)果同步到應用中。例如，編輯者可以在該圖文排版編輯工具的編輯窗口內(nèi)進行圖文排版的編輯，該圖文排版的內(nèi)容可以是應用的網(wǎng)頁文章、消息等，編輯好后可以預覽，還可以同步到應用，從而完成應用中的圖文內(nèi)容的排版。

圖1示例了一個例子中的圖文排版方法的流程，可以包括：

在步驟101中，識別待排版內(nèi)容中的圖文對應信息，所述圖文對應信息用于表示待排版的圖片和文字的對應關系。

本例子中，圖文排版編輯工具可以自動檢測識別圖文對應信息。

例如，圖文對應信息可以是，文字在上，圖片在下；又例如，圖文對應信息還可以是，文字w1用于描述圖片t1。并且，圖文對應信息的識別，也可以有多種方法，例如，可以使用自然語言處理技術，識別描述這種對應關系的文字的語義，從而得到上述的對應信息。

在步驟102中，根據(jù)所述圖文對應信息，執(zhí)行建立所述圖片和文字關聯(lián)的排版關聯(lián)處理。

本步驟中，圖文排版編輯工具可以根據(jù)步驟101中得到的圖文對應信息，執(zhí)行排版關聯(lián)處理，所述的排版關聯(lián)處理是通過某種方式增強圖片和文字之間的對應，使得用戶在查看時能夠容易找到特定對應的圖片和文字。在后續(xù)的例子中，將列舉幾種排版關聯(lián)處理的方式。

本例子的圖文排版方法，一方面，通過根據(jù)圖文對應信息執(zhí)行排版關聯(lián)處理，能夠準確的將具有對應關系的圖片和文字建立排版上的對應，使得用戶直觀的將圖片和文字對應起來；另一方面，該方法可以由圖文排版編輯工具自動識別圖文對應信息，并自動根據(jù)圖文對應信息執(zhí)行排版關聯(lián)處理，這樣可以降低編輯者的工作量，不用人工比對，節(jié)省人力，而且排版的速度也可以得到提高，實現(xiàn)快速準確的圖文排版。

在一個例子中，圖文排版編輯工具可以識別圖片和文字的方位關系，并添加對應方位關系的指示箭頭，該指示箭頭可以從視覺上更直觀的引導用戶在觀看時更快的找到對應的圖片或文字。比如，圖片在文字的下方，或者圖片在文字的左側(cè)等，該方位關系可以通過一些詞匯來表示，例如，“如下圖”表示圖片在文字的下方。圖文排版編輯工具可以通過識別詞匯的語義值，得到上述的方位關系，進而添加對應方位關系的箭頭。

如圖2所示，該例子中的圖文排版方法，以圖片在文字的下方為例進行說明，可以包括：

在步驟201中，圖文排版編輯工具識別出“如下圖”詞匯，得到圖片位于文字的下方。

例如，圖3示例了一幅圖片31，該圖片31描述的是兩個小朋友在快樂的奔跑，對應的是文字32，當用戶讀了文字32時，需要看到對應該文字的圖片是哪個，即圖片31。其中，本例子中還使用了“如下圖”，該詞匯表示位于文字下方的圖片即是文字所對應描述的圖片。

圖文排版編輯工具可以通過多種語義識別算法，識別到該詞匯，得到該詞匯下方的圖片即為對應文字的圖片。此外，本步驟中的識別，可以采用精確詞或同義詞的匹配識別，比如，“見下圖”、“下圖所示”等，都可以認為是表示圖片在文字下方的方位關系的詞匯。

在步驟202中，圖文排版編輯工具在詞匯處添加對應方位關系的指示箭頭。

例如，如圖3所示，本例子中的圖片在文字下方，詞匯是“如下圖”，則添加對應的指示箭頭是向下的箭頭33，用戶在閱讀時看到該箭頭，就可以自然的向下看圖片，指示箭頭起到了直觀快速的引導用戶找到對應的圖片的作用。

此外，在其他的例子中，圖片也可以是位于文字的上方、左側(cè)或右側(cè)等其他方位，只要按照本例子的方法識別出方位關系即可，再通過添加對應方位關系的箭頭來清晰的建立文字和圖片的對應。

在又一個例子中，所識別的詞匯還可以是“如上文字”，該詞匯可以是指示對應圖片的文字在哪里。不論是指示對應圖片的文字，或者對應的圖片，都可以根據(jù)識別的方位關系和指示箭頭，建立起圖片和文字之間的對應。

在又一個例子中，當識別到圖片和文字的方位關系后，也可以不是添加指示箭頭，而是通過其他方式增強圖片和文字的對應，比如，可以通過對圖片和文字進行用于增強關聯(lián)的排版方面的格式處理。所述的排版方面的格式處理可以包括：將所述圖片和文字使用相同的線框，或者使用相同的顏色，或者縮近圖片和文字之間的間距。

以縮小間距為例，如圖4的示例，仍以圖3例子中的文字和圖片為例，當識別到文字32和圖片31對應后，可以將這一組圖文與圖4中的另一組圖文之間的間距拉開。比如，該另一組圖文是文字41和圖片42，排版之前，這兩組圖文的間距比較分散，基本是等間距排列，當確定了文字41和圖片42對應、以及文字32和圖片31對應后，可以如圖4的那樣，將文字32和圖片31的距離拉近，將文字41和圖片42的距離拉近，同時還形成了一種效果即將兩組圖文之間的距離拉開，排版處理后的排列使得用戶能夠很容易區(qū)分出對應的圖文。

在又一個例子中，圖文排版編輯工具還可以檢測將對應的圖片和文字關聯(lián)的操作，該操作可以是編輯者點擊了編輯工具欄中的某個按鈕，該按鈕用于表示關聯(lián)某個圖片和文字。可以根據(jù)檢測到的關聯(lián)操作，將對應的圖片和文字進行排版上的關聯(lián)處理。

如圖5所示，該例子中的圖文排版方法可以包括：

在步驟501中，圖文排版編輯工具檢測到用戶觸發(fā)了圖文關聯(lián)按鈕。

例如，用戶可以在編輯窗口選擇一個圖片和一段文字，當然所選擇的是具有對應關系的圖文，并點擊工具欄中的“關聯(lián)圖文”按鈕，表示選中的圖文對應。仍以圖4中的兩組圖文為例，可以選擇文字41和圖片42，點擊上述按鈕后，圖文排版編輯工具就可以獲取到文字41和圖片42具有對應關系；并且，用戶還可以選擇文字32和圖片31，點擊上述按鈕后，圖文排版編輯工具就可以獲取到文字32和圖片31也具有對應關系。

在步驟502中，圖文排版編輯工具將圖文關聯(lián)按鈕所對應選擇的圖片和文字，設置為使用相同類型的線框。

例如，可以參見圖6的示例，圖文排版編輯工具可以根據(jù)步驟501中獲取到的對應關系，將文字41和圖片42使用相同類型的線框框住，如線框61；并將文字32和圖片31使用另一種類型的線框框住，例如線框62。這樣用戶根據(jù)線框就很容易區(qū)分出圖文的對應。

本公開的上述例子中，列舉了幾種圖文排版中的具體實施方式，但是并未窮舉可能的排版方式，只要符合本公開方法的思想，都在保護范圍內(nèi)。又比如，可以將上述的排版關聯(lián)處理的多種方式進行綜合使用，可以既使用箭頭指示方位關系，同時也使用線框或者間距等格式關聯(lián)，以進一步增強圖文關系。

為了實現(xiàn)上述的方法，本公開還提供了一種圖文排版裝置，如圖7所示，該裝置可以包括：信息識別模塊71和排版處理模塊72。

信息識別模塊71，用于識別待排版內(nèi)容中的圖文對應信息，所述圖文對應信息用于表示待排版的圖片和文字的對應關系；

排版處理模塊72，用于根據(jù)所述圖文對應信息，執(zhí)行建立所述圖片和文字關聯(lián)的排版關聯(lián)處理。

在一個例子中，信息識別模塊71，具體用于識別具有預設語義值的詞匯，所述語義值用于表示圖片和文字的方位關系。

在一個例子中，排版處理模塊72，具體用于根據(jù)所述語義值，在所述詞匯處添加對應所述方位關系的指示箭頭。

在一個例子中，信息識別模塊71，具體用于檢測將圖片和文字關聯(lián)的操作。

在一個例子中，排版處理模塊72，在用于排版關聯(lián)處理時，包括：對所述圖片和文字進行用于增強關聯(lián)的排版格式處理。

上述實施例闡明的裝置或模塊，具體可以由計算機芯片或?qū)嶓w實現(xiàn)，或者由具有某種功能的產(chǎn)品來實現(xiàn)。一種典型的實現(xiàn)設備為計算機，計算機的具體形式可以是個人計算機、膝上型計算機、蜂窩電話、相機電話、智能電話、個人數(shù)字助理、媒體播放器、導航設備、電子郵件收發(fā)設備、游戲控制臺、平板計算機、可穿戴設備或者這些設備中的任意幾種設備的組合。

為了描述的方便，描述以上裝置時以功能分為各種模塊分別描述。當然，在實施本公開時可以把各模塊的功能在同一個或多個軟件和/或硬件中實現(xiàn)。

以上所述僅為本公開的較佳實施例而已，并不用以限制本公開，凡在本公開的精神和原則之內(nèi)，所做的任何修改、等同替換、改進等，均應包含在本公開保護的范圍之內(nèi)。