一种图文排版方法和装置与流程

文档序号:11590341阅读:170来源:国知局

本公开涉及计算机技术,特别涉及一种图文排版方法和装置。



背景技术:

目前很多网站或app的页面中,都涉及到图文排版,页面中包括图片以及用于描述该图片的文字内容,并且图片及所述文字内容是分开的。那么需要将图片和文字进行排版,建立视觉上直观的对应关系,使得用户在查看该页面时,能够直观的将图片和文字对应,了解哪些文字是用于描述哪个图片。但是,当一个页面中出现大量的图文排版时,很容易造成图文无法对应的结果,比如,页面中可能包括多幅图片和文字,用户在查看页面时无法将特定的图片和文字对应起来,造成用户体验不佳,无法达到图文排版的效果。



技术实现要素:

有鉴于此,本公开提供一种图文排版方法和装置,以实现准确快速的图文对应。

具体地,本公开是通过如下技术方案实现的:

第一方面,提供一种图文排版方法,所述方法包括:

识别待排版内容中的图文对应信息,所述图文对应信息用于表示待排版的图片和文字的对应关系;

根据所述图文对应信息,执行建立所述图片和文字关联的排版关联处理。

第二方面,提供一种图文排版装置,所述装置包括:

信息识别模块,用于识别待排版内容中的图文对应信息,所述图文对应信息用于表示待排版的图片和文字的对应关系;

排版处理模块,用于根据所述图文对应信息,执行建立所述图片和文字关联的排版关联处理。

本公开的图文排版方法和装置,通过根据图文对应信息执行排版关联处理,能够准确的将具有对应关系的图片和文字建立排版上的对应,使得用户直观的将图片和文字对应起来;并且,该方法可以由图文排版编辑工具自动识别图文对应信息,并自动根据图文对应信息执行排版关联处理,这样可以降低编辑者的工作量,不用人工比对,节省人力,而且排版的速度也可以得到提高,实现快速准确的图文排版。

附图说明

图1是本公开实施例提供的一个图文排版方法的流程;

图2是本公开实施例提供的一个图文排版方法的流程;

图3是本公开实施例提供的一个方位箭头添加示意图;

图4是本公开实施例提供的一个排版格式处理的示意图;

图5是本公开实施例提供的一个图文排版方法的流程;

图6是本公开实施例提供的另一个排版格式处理的示意图;

图7是本公开实施例提供的一个图文排版装置的结构示意图。

具体实施方式

在网站或应用的页面中,可以包括图片以及用于描述该图片的文字,并且有时候一个页面中还可能出现大量的图片和对应文字。为了将具有对应关系的图片和文字在页面上展示时,呈现用户可以直观的轻易将图文对应起来的效果,需要很好的进行图文排版。例如,如果图文排版的效果较好,那么用户在查看包括很多图片和文字的页面时,能够很快确定哪些文字是与哪个图片对应的。

本公开即提供一种图文排版方法,以使得用户在查阅时实现准确快速的图文对应。其中,该方法可以是由图文排版编辑工具(或者称为图文排版编辑器)执行,该图文排版编辑工具可以是网站或应用自带的一个功能模块,或者也可以是单独的工具,由该工具做好排版后再将排版结果同步到应用中。例如,编辑者可以在该图文排版编辑工具的编辑窗口内进行图文排版的编辑,该图文排版的内容可以是应用的网页文章、消息等,编辑好后可以预览,还可以同步到应用,从而完成应用中的图文内容的排版。

图1示例了一个例子中的图文排版方法的流程,可以包括:

在步骤101中,识别待排版内容中的图文对应信息,所述图文对应信息用于表示待排版的图片和文字的对应关系。

本例子中,图文排版编辑工具可以自动检测识别图文对应信息。

例如,图文对应信息可以是,文字在上,图片在下;又例如,图文对应信息还可以是,文字w1用于描述图片t1。并且,图文对应信息的识别,也可以有多种方法,例如,可以使用自然语言处理技术,识别描述这种对应关系的文字的语义,从而得到上述的对应信息。

在步骤102中,根据所述图文对应信息,执行建立所述图片和文字关联的排版关联处理。

本步骤中,图文排版编辑工具可以根据步骤101中得到的图文对应信息,执行排版关联处理,所述的排版关联处理是通过某种方式增强图片和文字之间的对应,使得用户在查看时能够容易找到特定对应的图片和文字。在后续的例子中,将列举几种排版关联处理的方式。

本例子的图文排版方法,一方面,通过根据图文对应信息执行排版关联处理,能够准确的将具有对应关系的图片和文字建立排版上的对应,使得用户直观的将图片和文字对应起来;另一方面,该方法可以由图文排版编辑工具自动识别图文对应信息,并自动根据图文对应信息执行排版关联处理,这样可以降低编辑者的工作量,不用人工比对,节省人力,而且排版的速度也可以得到提高,实现快速准确的图文排版。

在一个例子中,图文排版编辑工具可以识别图片和文字的方位关系,并添加对应方位关系的指示箭头,该指示箭头可以从视觉上更直观的引导用户在观看时更快的找到对应的图片或文字。比如,图片在文字的下方,或者图片在文字的左侧等,该方位关系可以通过一些词汇来表示,例如,“如下图”表示图片在文字的下方。图文排版编辑工具可以通过识别词汇的语义值,得到上述的方位关系,进而添加对应方位关系的箭头。

如图2所示,该例子中的图文排版方法,以图片在文字的下方为例进行说明,可以包括:

在步骤201中,图文排版编辑工具识别出“如下图”词汇,得到图片位于文字的下方。

例如,图3示例了一幅图片31,该图片31描述的是两个小朋友在快乐的奔跑,对应的是文字32,当用户读了文字32时,需要看到对应该文字的图片是哪个,即图片31。其中,本例子中还使用了“如下图”,该词汇表示位于文字下方的图片即是文字所对应描述的图片。

图文排版编辑工具可以通过多种语义识别算法,识别到该词汇,得到该词汇下方的图片即为对应文字的图片。此外,本步骤中的识别,可以采用精确词或同义词的匹配识别,比如,“见下图”、“下图所示”等,都可以认为是表示图片在文字下方的方位关系的词汇。

在步骤202中,图文排版编辑工具在词汇处添加对应方位关系的指示箭头。

例如,如图3所示,本例子中的图片在文字下方,词汇是“如下图”,则添加对应的指示箭头是向下的箭头33,用户在阅读时看到该箭头,就可以自然的向下看图片,指示箭头起到了直观快速的引导用户找到对应的图片的作用。

此外,在其他的例子中,图片也可以是位于文字的上方、左侧或右侧等其他方位,只要按照本例子的方法识别出方位关系即可,再通过添加对应方位关系的箭头来清晰的建立文字和图片的对应。

在又一个例子中,所识别的词汇还可以是“如上文字”,该词汇可以是指示对应图片的文字在哪里。不论是指示对应图片的文字,或者对应的图片,都可以根据识别的方位关系和指示箭头,建立起图片和文字之间的对应。

在又一个例子中,当识别到图片和文字的方位关系后,也可以不是添加指示箭头,而是通过其他方式增强图片和文字的对应,比如,可以通过对图片和文字进行用于增强关联的排版方面的格式处理。所述的排版方面的格式处理可以包括:将所述图片和文字使用相同的线框,或者使用相同的颜色,或者缩近图片和文字之间的间距。

以缩小间距为例,如图4的示例,仍以图3例子中的文字和图片为例,当识别到文字32和图片31对应后,可以将这一组图文与图4中的另一组图文之间的间距拉开。比如,该另一组图文是文字41和图片42,排版之前,这两组图文的间距比较分散,基本是等间距排列,当确定了文字41和图片42对应、以及文字32和图片31对应后,可以如图4的那样,将文字32和图片31的距离拉近,将文字41和图片42的距离拉近,同时还形成了一种效果即将两组图文之间的距离拉开,排版处理后的排列使得用户能够很容易区分出对应的图文。

在又一个例子中,图文排版编辑工具还可以检测将对应的图片和文字关联的操作,该操作可以是编辑者点击了编辑工具栏中的某个按钮,该按钮用于表示关联某个图片和文字。可以根据检测到的关联操作,将对应的图片和文字进行排版上的关联处理。

如图5所示,该例子中的图文排版方法可以包括:

在步骤501中,图文排版编辑工具检测到用户触发了图文关联按钮。

例如,用户可以在编辑窗口选择一个图片和一段文字,当然所选择的是具有对应关系的图文,并点击工具栏中的“关联图文”按钮,表示选中的图文对应。仍以图4中的两组图文为例,可以选择文字41和图片42,点击上述按钮后,图文排版编辑工具就可以获取到文字41和图片42具有对应关系;并且,用户还可以选择文字32和图片31,点击上述按钮后,图文排版编辑工具就可以获取到文字32和图片31也具有对应关系。

在步骤502中,图文排版编辑工具将图文关联按钮所对应选择的图片和文字,设置为使用相同类型的线框。

例如,可以参见图6的示例,图文排版编辑工具可以根据步骤501中获取到的对应关系,将文字41和图片42使用相同类型的线框框住,如线框61;并将文字32和图片31使用另一种类型的线框框住,例如线框62。这样用户根据线框就很容易区分出图文的对应。

本公开的上述例子中,列举了几种图文排版中的具体实施方式,但是并未穷举可能的排版方式,只要符合本公开方法的思想,都在保护范围内。又比如,可以将上述的排版关联处理的多种方式进行综合使用,可以既使用箭头指示方位关系,同时也使用线框或者间距等格式关联,以进一步增强图文关系。

为了实现上述的方法,本公开还提供了一种图文排版装置,如图7所示,该装置可以包括:信息识别模块71和排版处理模块72。

信息识别模块71,用于识别待排版内容中的图文对应信息,所述图文对应信息用于表示待排版的图片和文字的对应关系;

排版处理模块72,用于根据所述图文对应信息,执行建立所述图片和文字关联的排版关联处理。

在一个例子中,信息识别模块71,具体用于识别具有预设语义值的词汇,所述语义值用于表示图片和文字的方位关系。

在一个例子中,排版处理模块72,具体用于根据所述语义值,在所述词汇处添加对应所述方位关系的指示箭头。

在一个例子中,信息识别模块71,具体用于检测将图片和文字关联的操作。

在一个例子中,排版处理模块72,在用于排版关联处理时,包括:对所述图片和文字进行用于增强关联的排版格式处理。

上述实施例阐明的装置或模块,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机,计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。

为了描述的方便,描述以上装置时以功能分为各种模块分别描述。当然,在实施本公开时可以把各模块的功能在同一个或多个软件和/或硬件中实现。

以上所述仅为本公开的较佳实施例而已,并不用以限制本公开,凡在本公开的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本公开保护的范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1