CN117311870A - 页面互动方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种页面互动方法、装置、电子设备及存储介质，该方法包括在待推荐对象的对象素材的展示页面，展示预设跳转提示信息，预设跳转提示信息指示基于预设移动互动操作触发对象素材对应关联页面的展示；对象素材包括重叠展示的至少两层素材；在检测到设备对应的移动信息，且移动信息未与预设移动互动操作对应的预设移动信息匹配的情况下，基于所述移动信息，控制所述至少两层素材相对移动。利用本公开实施例可以营造移动互动操作过程中的纵深空间操作感，提升对象素材与触发素材关联页面跳转的移动互动操作间的联动性。

Description

页面互动方法、装置、电子设备及存储介质

技术领域

本公开涉及互联网技术领域，尤其涉及一种页面互动方法、装置、电子设备及存储介质。

背景技术

随着互联网技术的发展，文本、图片、短视频等素材可以在互联网平台广泛传播，给人们的生活和工作带来了很大的便利。

相关技术中，常常会通过在互联网平台推送描述对象的素材，以进行对象推荐；并可以在描述对象的素材的展示页面中，展示相关跳转提示信息，例如摆动设备进入对象详情页等跳转提示信息，相应的，用户可以基于提示的互动操作，触发对象详情页等关联页面的显示，进而可以在关联页面中执行相应的业务操作，实现业务转化。但上述相关技术中，描述对象的素材与触发素材关联页面跳转的互动操作间无法有效的联动，互动性较差，导致对象推荐效果和转化效果较差，进而也出现大量无效素材推荐的情况，造成平台的系统资源浪费和系统性能的降低等问题。

发明内容

本公开提供一种页面互动方法、装置、电子设备及存储介质，以至少解决相关技术中描述对象的素材与触发素材关联页面跳转的互动操作间无法有效的联动，互动性较差，导致对象推荐效果和转化效果较差，进而也出现大量无效素材推荐的情况，造成平台的系统资源浪费和系统性能的降低等技术问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面互动方法，包括：

在待推荐对象的对象素材的展示页面，展示预设跳转提示信息，所述预设跳转提示信息指示基于预设移动互动操作触发所述对象素材对应关联页面的展示；所述对象素材包括重叠展示的至少两层素材；

在检测到设备对应的移动信息，且所述移动信息未与所述预设移动互动操作对应的预设移动信息匹配的情况下，基于所述移动信息，控制所述至少两层素材相对移动。

在一个可选的实施例中，所述方法还包括：

在所述移动信息与所述预设移动信息匹配的情况下，跳转至所述关联页面。

在一个可选的实施例中，所述关联页面包括多个素材关联页面，所述预设移动信息包括所述多个素材关联页面各自对应的跳转移动信息；

所述在所述移动信息与所述预设移动信息匹配的情况下，跳转至所述关联页面包括：

在所述移动信息与任一素材关联页面对应的跳转移动信息匹配的情况下，跳转至目标素材关联页面；

其中，所述目标素材关联页面为所述多个素材关联页面中对应的跳转移动信息与所述移动信息匹配的素材关联页面。

在一个可选的实施例中，所述移动信息包括移动方向和移动距离；所述至少两层素材包括对象描述素材和所述对象描述素材对应的目标前景素材，所述基于所述移动信息，控制所述至少两层素材相对移动包括：

基于所述移动距离，将所述展示页面中所述目标前景素材沿所述移动方向移动；并基于所述移动距离，将所述展示页面中所述对象描述素材沿所述移动方向的反方向移动。

在一个可选的实施例中，所述目标前景素材为预设通用素材或所述待推荐对象关联的素材。

在一个可选的实施例中，所述移动信息包括移动方向和移动距离；所述对象素材包括前景素材、中景素材和远景素材；所述基于所述移动信息，控制所述至少两层素材相对移动包括：

控制所述中景素材处于静止状态，并基于所述移动距离，将所述前景素材沿所述移动方向移动，以及基于所述移动距离，将所述远景素材沿所述移动方向的反方向移动。

在一个可选的实施例中，所述预设移动互动操作至少包括下述之一：对所述设备的移动操作、在所述设备的屏幕上的滑动操作；所述移动信息至少包括下述之一：设备移动信息、屏幕滑动信息。

根据本公开实施例的第二方面，提供一种页面互动装置，包括：

预设跳转提示信息展示模块，被配置为执行在待推荐对象的对象素材的展示页面，展示预设跳转提示信息，所述预设跳转提示信息指示基于预设移动互动操作触发所述对象素材对应关联页面的展示；所述对象素材包括重叠展示的至少两层素材；

素材移动模块，被配置为执行在检测到设备对应的移动信息，且所述移动信息未与所述预设移动互动操作对应的预设移动信息匹配的情况下，基于所述移动信息，控制所述至少两层素材相对移动。

在一个可选的实施例中，所述装置还包括：

页面跳转模块，被配置为执行在所述移动信息与所述预设移动信息匹配的情况下，跳转至所述关联页面。

在一个可选的实施例中，所述关联页面包括多个素材关联页面，所述预设移动信息包括所述多个素材关联页面各自对应的跳转移动信息；所述页面跳转模块包括：

页面跳转单元，被配置为执行在所述移动信息与任一素材关联页面对应的跳转移动信息匹配的情况下，跳转至目标素材关联页面；

其中，所述目标素材关联页面为所述多个素材关联页面中对应的跳转移动信息与所述移动信息匹配的素材关联页面。

在一个可选的实施例中，所述移动信息包括移动方向和移动距离；所述至少两层素材包括对象描述素材和所述对象描述素材对应的目标前景素材，所述素材移动模块包括：

第一素材移动单元，被配置为执行基于所述移动距离，将所述展示页面中所述目标前景素材沿所述移动方向移动；并基于所述移动距离，将所述展示页面中所述对象描述素材沿所述移动方向的反方向移动。

在一个可选的实施例中，所述目标前景素材为预设通用素材或所述待推荐对象关联的素材。

在一个可选的实施例中，所述移动信息包括移动方向和移动距离；所述对象素材包括前景素材、中景素材和远景素材；所述素材移动模块包括：

第二素材移动单元，被配置为执行控制所述中景素材处于静止状态，并基于所述移动距离，将所述前景素材沿所述移动方向移动，以及基于所述移动距离，将所述远景素材沿所述移动方向的反方向移动。

在一个可选的实施例中，所述预设移动互动操作至少包括下述之一：对所述设备的移动操作、在所述设备的屏幕上的滑动操作；所述移动信息至少包括下述之一：设备移动信息、屏幕滑动信息。

根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如上述第一方面中任一项所述的方法。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行本公开实施例的页面互动方法中任一项所述方法。

根据本公开实施例的第五方面，提供一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行如上述第一方面中任一项所述的方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

在基于待推荐对象的对象素材进行对象推荐的过程中，在包括重叠展示的至少两层素材的对象素材的展示页面，展示预设跳转提示信息，该预设跳转提示信息指示基于预设移动互动操作触发对象素材对应关联页面的展示；并在检测到设备对应的移动信息，且移动信息未与预设移动互动操作对应的预设移动信息匹配的情况下，基于预设移动互动操执行过程中设备对应的移动信息，控制至少两层素材相对移动，可以结合相对移动的两层素材，营造移动互动操作过程中的纵深空间操作感，提升对象素材与触发素材关联页面跳转的移动互动操作间的联动性，提升对象素材展示过程中互动性和趣味性，进而也可以在进行对象素材的互动过程中实现关联页面跳转，更好的提升对象推荐效果和转化效果，减少无效素材推荐的情况，降低系统资源浪费，提升系统性能。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种应用环境的示意图；

图2是根据一示例性实施例示出的一种页面互动方法的流程图；

图3是根据一示例性实施例示出的一种展示页面的变化示意图；

图4是根据一示例性实施例示出的另一种展示页面的变化示意图；

图5是根据一示例性实施例示出的另一种展示页面的变化示意图；

图6是根据一示例性实施例示出的一种页面交互过程中的变化示意图；

图7是根据一示例性实施例示出的另一种页面交互过程中的变化示意图；

图8是根据一示例性实施例示出的一种页面互动装置框图；

图9是根据一示例性实施例示出的一种用于页面互动的电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

需要说明的是，本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。

请参阅图1，图1是根据一示例性实施例示出的一种应用环境的示意图，该应用环境可以包括终端100和服务器200。

在一个可选的实施例中，终端100可以用于面向任一用户提供素材推送、页面互动等服务。具体的，终端100可以包括但不限于智能手机、台式计算机、平板电脑、笔记本电脑、智能音箱、数字助理、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、智能可穿戴设备等类型的电子设备，也可以为运行于上述电子设备的软体，例如应用程序等。可选的，电子设备上运行的操作系统可以包括但不限于安卓系统、IOS系统、linux、windows等。

在一个可选的实施例中，服务器200可以为终端100的后台服务器。具体的，服务器200可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云计算服务的云服务器。

此外，需要说明的是，图1所示的仅仅是本公开提供的一种应用环境，在实际应用中，还可以包括其他应用环境，例如还可以包括上传素材的终端等。

本说明书实施例中，上述终端100以及服务器200可以通过有线或无线通信方式进行直接或间接地连接，本公开在此不做限制。

图2是根据一示例性实施例示出的一种页面互动方法的流程图，该方法可以应用于终端等电子设备，如图2所示，可以包括：

在步骤S201中，在待推荐对象的对象素材的展示页面，展示预设跳转提示信息。

在一个具体的实施例中，待推荐对象可以为需要推荐的物品、应用程序、小说等产品。上述待推荐对象可以包括待推荐的至少一个对象。对象素材可以为描述对象的素材；具体的，素材可以为为图文等静态内容，也可以为视频等动态内容。具体的对象素材包括重叠展示的至少两层素材。至少两层素材中至少一层素材是描述对象的素材。在一个具体的实施例中，上述展示页面可以为展示对象素材的页面；可选的，可以全屏展示对象素材，也可以通过弹窗等非全屏的方式展示对象素材。可选的，上述展示页面可以为平台的启动页面，也可以为信息流浏览页面等。

在一个具体的实施例中，上述预设跳转提示信息可以指示基于预设移动互动操作触发对象素材对应关联页面的展示。具体的，对象素材对应关联页面可以为对象素材所描述的单个对象的详情页，也可以为对象素材所描述的多个对象对应业务方的业务方页面(例如业务方的主页面，业务方的某个活动页面等)，业务方可以为对象的提供方。

在一个可选的实施例中，预设移动互动操作至少包括下述之一：对设备的移动操作、在设备的屏幕上的滑动操作。

在一个具体的实施例中，设备可以为上述展示页面的展示设备。对设备的移动操作可以包括对设备的左右翻转操作、对设备的左右摆动操作、对设备的上下翻转操作、对设备的上下摆动操作、沿设备两个斜对角方向上的摆动操作等至少一种移动操作。

在一个具体的实施例中，在设备的屏幕上的滑动操作(即触控笔、手指等屏幕触控对象在屏幕上的移动操作)可以包括在屏幕上的上下滑动操作、在屏幕上的左右滑动操作、在屏幕上沿屏幕两个斜对角方向上的滑动操作等至少一种移动操作。

上述实施例中，以对设备的移动操作和/或在设备的屏幕上的滑动操作为触发对象素材对应关联页面的展示的预设移动互动操作，可以有效丰富关联页面跳转方式。

在步骤S203中，在检测到设备对应的移动信息，且移动信息未与预设移动互动操作对应的预设移动信息匹配的情况下，基于所述移动信息，控制所述至少两层素材相对移动。

在一个具体的实施例中，上述设备对应的移动信息可以为预设移动互动操作执行过程中设备对应的移动信息；可选的，上述设备对应的移动信息可以至少包括下述之一：设备移动信息、屏幕滑动信息。可选的，在预设移动互动操作为对设备的移动操作的情况下，上述移动信息可以为设备移动信息；具体的，设备移动信息可以包括设备的移动方向和移动距离。在预设移动互动操作为在设备的屏幕上的滑动操作的情况下，上述移动信息可以为屏幕滑动信息；具体的，屏幕滑动信息可以包括屏幕触控对象在屏幕上执行滑动操作过程中的移动距离和移动方向。具体的，移动信息中的移动方向与预设移动互动操作对应的移动方向一致；以对设备的左右翻转操作为预设移动互动操作为例，移动信息中的移动方向可以为往左或往右；以对设备的上下翻转操作为预设移动互动操作为例，移动信息中的移动方向可以为往上或往下；以沿设备两个斜对角方向上的摆动操作为预设移动互动操作为例，移动信息中的移动方向可以为往左上或往左下或往右上或往右下；以在设备屏幕上的上下滑动操作为预设移动互动操作为例，移动信息中的移动方向可以为往上或往下。

在一个具体的实施例中，上述预设移动互动操作对应的预设移动信息可以为触发关联页面跳转的移动信息；可选的，关联页面包括多个素材关联页面，相应的，预设移动信息包括多个素材关联页面各自对应的跳转移动信息，即不同的素材关联页面对应不同的跳转移动信息。

在一个具体的实施例中，上述移动信息可以包括移动方向和移动距离；可选的，至少两层素材包括对象描述素材和所述对象描述素材对应的目标前景素材，可选的，上述基于所述移动信息，控制所述至少两层素材相对移动可以包括：

基于所述移动距离，将所述展示页面中所述目标前景素材沿所述移动方向移动；并基于所述移动距离，将展示页面中对象描述素材沿移动方向的反方向移动。

在一个可选的实施例中，对象描述素材可以为描述对象的素材，对象描述素材对应的目标前景素材可以为位于对象描述素材上层的素材；可选的，上述目标前景素材可以为预设通用素材或待推荐对象关联的素材。具体的，待推荐对象关联的素材可以为待推荐对象的素材，可以结合用户实际需求自定义，例如待推荐对象为一辆汽车，可选的，待推荐对象关联的素材可以为包括该汽车驾驶舱的图像；也可以为包括该汽车品牌logo的图像等。

在一个具体的实施例中，目标前景素材沿移动方向的移动距离与设备对应的移动信息中的移动距离正相关，对象素材沿移动方向的反方向的移动距离与设备对应的移动信息中的移动距离正相关。目标前景素材沿移动方向的移动距离与对象素材沿移动方向的反方向的移动距离可以相同，也可以不同。

在实际应用中，由于页面展示屏幕大小等限制，当前用户能够在展示页面展示的素材往往有限，相应的，通过移动素材的方式，可以查看更多素材，且通过在对象素材的上层叠加目标前景素材，可以结合素材间的层级关系增加Z轴深度，营造透过边框看到更丰富世界的空间感。

在一个具体的实施例中，假设预设移动互动操作为对设备的左右翻转操作，对象素材包括两个素材，且目标前景素材为预设通用素材，如图3所示，图3是根据一示例性实施例示出的一种展示页面的变化示意图；其中，图3中a所示的是未检测到移动信息的情况下的展示页面，图3中b所示的是预设移动交互操作对应的移动方向为往左的情况下的展示页面；结合图3中a可知，待推荐对象可以包括两个待推荐的对象：XXXA香水和XXXB香水(其中，XXX为品牌名称，A和B为两款香水的款式信息)，301对应的预设通用素材为目标前景素材，302对应的信息为预设跳转提示信息；在未检测到移动信息的情况下，当前展示在展示页面的对象描述素材可以包括：位于展示页面左侧的XXXA香水的部分素材303，以及位于展示页面右侧的XXXB香水的部分素材304；进一步的，结合图3中b可知，在检测到移动信息，且移动信息中的移动方向为往右的情况下，可以基于移动信息中的移动距离，将展示页面中目标前景素材整体沿往右的方向移动；并基于该移动距离，将展示页面中对象描述素材整体沿往左的方向移动，以使展示页面中对象描述素材整体随着预设移动互动操作(对设备的左右翻转操作)执行过程中的移动信息进行相应的移动更新。

在另一个具体的实施例中，假设预设移动互动操作为对设备的左右翻转操作，对象素材包括一个素材，且目标前景素材为待推荐对象关联的素材，如图4所示，图4是根据一示例性实施例示出的另一种展示页面的变化示意图；其中，图4中a所示的是未检测到移动信息的情况下的展示页面，图4中b所示的是预设移动交互操作对应的移动方向为往左的情况下的展示页面；结合图4中a可知，待推荐对象可以包括一个待推荐的对象：某款汽车；401对应的待推荐对象关联的素材(该款汽车的驾驶舱图像)为目标前景素材，402对应的信息为预设跳转提示信息；在未检测到移动信息的情况下，当前展示在展示页面的对象描述素材包括：该款汽车的部分素材403；进一步的，结合图4中b可知，在检测到移动信息，且移动信息中的移动方向为往左的情况下，可以基于移动信息中的移动距离，将展示页面中目标前景素材整体沿往左的方向移动；并基于该移动距离，将展示页面中对象描述素材整体沿往右的方向移动，以使展示页面中对象描述素材整体随着预设移动互动操作(对设备的左右翻转操作)执行过程中的移动信息进行相应的移动更新。

上述实施例中，通过在对象描述素材的上层叠加目标前景素材，可以结合素材间的层级关系增加Z轴深度，营造透过边框看到更丰富的世界的空间感，进而可以在提升对象描述素材与触发素材关联页面跳转的移动互动操作间的联动性，以及提升对象描述素材展示过程中互动性和趣味性的基础上，有效提升素材展示的空间感，更好的提升用户互动积极性和用户体验。且以预设通用素材或待推荐对象关联的素材为目标前景素材，可以在提升目标前景素材的多样性的基础上，结合待推荐对象关联的素材，让用户更好的了解需要推荐的对象。

在一个具体的实施例中，上述移动信息可以包括移动方向和移动距离；可选的，对象素材可以包括前景素材、中景素材和远景素材；相应的，上述基于所述移动信息，控制所述至少两层素材相对移动可以包括：

控制中景素材处于静止状态，并基于移动距离，将前景素材沿移动方向移动，以及基于移动距离，将远景素材沿移动方向的反方向移动。

在一个具体的实施例中，前景素材沿移动方向的移动距离与设备对应的移动信息中的移动距离正相关，远景素材沿移动方向的反方向的移动距离与设备对应的移动信息中的移动距离正相关。前景素材沿移动方向的移动距离可以与远景素材沿移动方向的反方向的移动距离相同，也可以不同。

在另一个具体的实施例中，假设预设移动互动操作为对设备的左右翻转操作，对象素材包括一个素材，如图5所示，图5是根据一示例性实施例示出的另一种展示页面的变化示意图；其中，图5中a所示的是未检测到移动信息的情况下的展示页面，图5中b所示的是预设移动交互操作对应的移动方向为往右的情况下的展示页面；结合图5中a可知，待推荐对象可以包括一个待推荐的对象：某一电影；501对应的信息为预设跳转提示信息；在未检测到移动信息的情况下，当前展示在展示页面的对象素材包括：该款游戏的前景素材(部分圆环502、电影名称和电影简介)、中景图像(电影中人物图像503)和远景素材(电影中森林图像504)；进一步的，结合图5中b可知，在检测到移动信息，且移动信息中的移动方向为往右的情况下，可以在控制中景素材处于静止状态的同时，基于移动信息中的移动距离，将前景素材沿往右的方向移动，以及基于移动距离，将远景素材沿往左的方向移动，以使展示页面中对象素材分层跟随预设移动互动操作(对设备的左右翻转操作)执行过程中的移动信息进行相应的移动更新。

上述实施例中，将对象素材分为近景、中景、远景三层，可以实现分层移动的效果，进而可以在提升对象素材与触发素材关联页面跳转的移动互动操作间的联动性，提升对象素材展示过程中互动性和趣味性的基础上，更好的营造纵深空间操作感和素材展示的空间感。

在一个可选的实施例中，上述方法还可以包括：

在移动信息与预设移动信息匹配的情况下，跳转至关联页面。

在一个具体的实施例中，上述预设移动互动操作对应的预设移动信息可以为触发关联页面跳转的移动信息；在移动信息与预设移动信息匹配(一致)的情况下，可以确定满足关联页面跳转的触发条件，相应的，可以跳转至关联页面。

在一个具体的实施例中，关联页面可以包括多个素材关联页面，预设移动信息包括多个素材关联页面各自对应的跳转移动信息；

相应的，上述在移动信息与预设移动信息匹配的情况下，跳转至关联页面包括：

在移动信息与任一素材关联页面对应的跳转移动信息匹配的情况下，跳转至目标素材关联页面；

在一个具体的实施例中，目标素材关联页面可以为多个素材关联页面中对应的跳转移动信息与设备对应的移动信息匹配的素材关联页面。

在一个可选的实施例中，结合往左或往右的预设移动互动操作的移动信息，来控制至少两层素材相对移动为例，可选的，在移动方向为往左，且移动距离与对应的预设移动距离(跳转移动距离)匹配的情况下，可以跳转到一个素材关联页面；在移动方向为往右，且移动距离与对应的预设移动距离(跳转移动距离)匹配的情况下，可以跳转到另一个素材关联页面；可选的，结合往左上或往左下或往右上或往右下的预设移动互动操作的移动信息，来控制至少两层素材相对移动为例，在往左上或往左下或往右上或往右下的预设移动互动操作执行过程中的移动信息与任一素材关联页面对应的跳转移动信息匹配的情况下，可以跳转至匹配的跳转移动信息对应的素材关联页面。

上述实施例中，通过为多个素材关联页面配置不同跳转移动信息，可以在预设移动互动操作执行过程中的移动信息与任一素材关联页面对应的跳转移动信息匹配的情况下，跳转至对应的素材关联页面，可以在提升对象素材与触发素材关联页面跳转的移动互动操作间的联动性，提升对象素材展示过程中互动性和趣味性的基础上，有效丰富页面展素材内容，实现多关联页面跳转能力的扩展。

在一个可选的实施例中，在关联页面包括一个素材关联页面，该素材关联页面对应的跳转移动信息可以包括至少一种跳转移动信息，可选的，至少一种跳转移动信息为多种跳转移动信息的场景中，设备对应的移动信息与多种跳转移动信息中任意一种跳转移动信息一致(匹配)的情况下，可以触发相应的素材关联页面跳转。

在一个具体的实施例中，以图5对应的实施例为例，对象素材为某一电影的描述素材，且预设移动互动操作为左右翻转，可选的，至少一种跳转移动信息可以为往左移动预设距离、往右移动预设距离中的至少一种。进一步的，若检测到的设备对应的移动信息为往左移动预设距离或往右移动预设距离，可以触发相应的素材关联页面跳转。

上述实施例中，在基于待推荐对象的对象素材进行对象推荐的过程中，可以在进行对象素材的互动过程中实现关联页面跳转，进而在提升对象推荐效果和转化效果的基础上，提升互动性。

在一个具体的实施例中，结合图3对应的实施例，对象描述素材包括XXXA香水的描述素材和XXXB香水的描述素材，预设移动互动操作为对设备的左右翻转操作；如图6所示，图6是根据一示例性实施例示出的一种页面交互过程中的变化示意图；其中，图6中a所示的是未检测到移动信息的情况下的展示页面；进一步的，结合图6中b所示的往右翻转设备过程中的展示页面可知，往右翻转设备的移动互动操作执行过程中，可以基于移动信息中的移动距离，将展示页面中目标前景素材整体沿往右的方向移动；并基于该移动距离，将展示页面中对象描述素材整体沿往左的方向移动；进一步的，结合图6中c所示，图6中c所示的是往右翻转设备至只展示XXXA香水的描述素材的展示页面；进一步的，在展示页面只展示XXXA香水的描述素材的情况下，可以确定设备对应的移动信息与XXXA香水的描述素材对应的跳转移动信息相匹配，相应的，结合图6中d可知，可以跳转至XXXA香水的描述素材对应素材关联页面(例如图6中d所示的XXXA香水的下单页)。

在一个具体的实施例中，结合图5对应的实施例，对象素材包括某款电影的描述素材，预设移动互动操作为对设备的左右翻转操作；如图7所示，图7是根据一示例性实施例示出的另一种页面交互过程中的变化示意图；其中，图7中a所示的是未检测到移动信息的情况下的展示页面；进一步的，结合图7中b所示的往右翻转设备过程中的展示页面可知，往右翻转设备的移动互动操作执行过程中，可以控制中景素材(电影中人物图像)处于静止状态的同时，基于移动信息中的移动距离，将前景素材(部分圆环、电影名称和电影简介)沿往右的方向移动，以及基于移动距离，将远景素材(电影中森林图像)沿往左的方向移动；进一步的，在往右移动至移动信息与对应的跳转移动信息相匹配的情况下，结合图7中c所示，图7中c所示的是电影描述素材对应素材关联页面(例如图7中c所示的电影的购票页)。

由以上本说明书实施例提供的技术方案可见，本说明书在基于待推荐对象的对象素材进行对象推荐的过程中，在包括重叠展示的至少两层素材的对象素材的展示页面，展示预设跳转提示信息，该预设跳转提示信息指示基于预设移动互动操作触发对象素材对应关联页面的展示；并在检测到设备对应的移动信息，且移动信息未与预设移动互动操作对应的预设移动信息匹配的情况下，基于预设移动互动操执行过程中设备对应的移动信息，控制至少两层素材相对移动，可以结合相对移动的两层素材，营造移动互动操作过程中的纵深空间操作感，提升对象素材与触发素材关联页面跳转的移动互动操作间的联动性，提升对象素材展示过程中互动性和趣味性，进而也可以在进行对象素材的互动过程中实现关联页面跳转，更好的提升对象推荐效果和转化效果，减少无效素材推荐的情况，降低系统资源浪费，提升系统性能。

图8是根据一示例性实施例示出的一种页面互动装置框图。参照图8，该装置包括：

预设跳转提示信息展示模块810，被配置为执行在待推荐对象的对象素材的展示页面，展示预设跳转提示信息，预设跳转提示信息指示基于预设移动互动操作触发对象素材对应关联页面的展示；所述对象素材包括重叠展示的至少两层素材；

素材移动模块820，被配置为执行在检测到设备对应的移动信息，且移动信息未与预设移动互动操作对应的预设移动信息匹配的情况下，基于所述移动信息，控制所述至少两层素材相对移动。

在一个可选的实施例中，上述装置还包括：

页面跳转模块，被配置为执行在移动信息与预设移动信息匹配的情况下，跳转至关联页面。

在一个可选的实施例中，关联页面包括多个素材关联页面，预设移动信息包括多个素材关联页面各自对应的跳转移动信息；页面跳转模块包括：

页面跳转单元，被配置为执行在移动信息与任一素材关联页面对应的跳转移动信息匹配的情况下，跳转至目标素材关联页面；

其中，目标素材关联页面为多个素材关联页面中对应的跳转移动信息与移动信息匹配的素材关联页面。

在一个可选的实施例中，移动信息包括移动方向和移动距离；所述至少两层素材包括对象描述素材和所述对象描述素材对应的目标前景素材，，素材移动模块820包括：

第一素材移动单元，被配置为执行基于所述移动距离，将所述展示页面中所述目标前景素材沿所述移动方向移动；并基于所述移动距离，将展示页面中对象描述素材沿移动方向的反方向移动。

在一个可选的实施例中，目标前景素材为预设通用素材或待推荐对象关联的素材。

在一个可选的实施例中，移动信息包括移动方向和移动距离；对象素材包括前景素材、中景素材和远景素材；素材移动模块820包括：

第二素材移动单元，被配置为执行控制中景素材处于静止状态，并基于移动距离，将前景素材沿移动方向移动，以及基于移动距离，将远景素材沿移动方向的反方向移动。

在一个可选的实施例中，预设移动互动操作至少包括下述之一：对设备的移动操作、在设备的屏幕上的滑动操作；移动信息至少包括下述之一：设备移动信息、屏幕滑动信息。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图9是根据一示例性实施例示出的一种用于页面互动的电子设备的框图，该电子设备可以是终端，其内部结构图可以如图9所示。该终端可以包括RF(Radio Frequency，射频)电路910、包括有一个或一个以上计算机可读存储介质的存储器920、输入单元930、显示单元940、传感器950、音频电路960、WiFi(wireless fidelity，无线保真)模块970、包括有一个或者一个以上处理核心的处理器980、以及电源990等部件。本领域技术人员可以理解，图9中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路910可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器980处理；另外，将涉及上行的数据发送给基站。通常，RF电路910包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier，低噪声放大器)、双工器等。此外，RF电路910还可以通过无线通信与网络和其他终端通信。无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(CodeDivision Multiple Access，码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service，短消息服务)等。

存储器920可用于存储软件程序以及模块，处理器980通过运行存储在存储器920的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器920可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据该终端的使用所创建的数据等。此外，存储器920可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器920还可以包括存储器控制器，以提供处理器980和输入单元930对存储器920的访问。

输入单元930可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元930可包括触敏表面931以及其他输入设备932。触敏表面931，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面931上或在触敏表面931附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面931可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器980，并能接收处理器980发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面931。除了触敏表面931，输入单元930还可以包括其他输入设备932。具体地，其他输入设备932可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元940可用于显示由用户输入的信息或提供给用户的信息以及该终端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元940可包括显示面板941，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板941。进一步的，触敏表面931可覆盖显示面板941，当触敏表面931检测到在其上或附近的触摸操作后，传送给处理器980以确定触摸事件的类型，随后处理器980根据触摸事件的类型在显示面板941上提供相应的视觉输出。其中，触敏表面931与显示面板941可以两个独立的部件来实现输入和输入功能，但是在某些实施例中，也可以将触敏表面931与显示面板941集成而实现输入和输出功能。

该终端还可包括至少一种传感器950，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板941的亮度，接近传感器可在该终端移动到耳边时，关闭显示面板941和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于该终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路960、扬声器961，传声器962可提供用户与该终端之间的音频接口。音频电路960可将接收到的音频数据转换后的电信号，传输到扬声器961，由扬声器961转换为声音信号输出；另一方面，传声器962将收集的声音信号转换为电信号，由音频电路960接收后转换为音频数据，再将音频数据输出处理器980处理后，经RF电路910以发送给比如另一终端，或者将音频数据输出至存储器920以便进一步处理。音频电路960还可能包括耳塞插孔，以提供外设耳机与该终端的通信。

WiFi属于短距离无线传输技术，该终端通过WiFi模块970可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图9示出了WiFi模块970，但是可以理解的是，其并不属于该终端的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器980是该终端的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器920内的软件程序和/或模块，以及调用存储在存储器920内的数据，执行该终端的各种功能和处理数据，从而对终端进行整体监控。可选的，处理器980可包括一个或多个处理核心；优选的，处理器980可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器980中。

该终端还包括给各个部件供电的电源990(比如电池)，优选的，电源可以通过电源管理系统与处理器980逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源990还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，该终端还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端的显示单元是触摸屏显示器，终端还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行本发明中方法实施例中的指令。

在示例性实施例中，还提供了一种电子设备，包括：处理器；用于存储该处理器可执行指令的存储器；其中，该处理器被配置为执行该指令，以实现如本公开实施例中的页面互动方法。

在示例性实施例中，还提供了一种计算机可读存储介质，当该存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行本公开实施例中的页面互动方法。

在示例性实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行本公开实施例中的页面互动方法。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种页面互动方法，其特征在于，包括：

在待推荐对象的对象素材的展示页面，展示预设跳转提示信息，所述预设跳转提示信息指示基于预设移动互动操作触发所述对象素材对应关联页面的展示；所述对象素材包括重叠展示的至少两层素材；

在检测到设备对应的移动信息，且所述移动信息未与所述预设移动互动操作对应的预设移动信息匹配的情况下，基于所述移动信息，控制所述至少两层素材相对移动。

2.根据权利要求1所述的页面互动方法，其特征在于，所述方法还包括：

在所述移动信息与所述预设移动信息匹配的情况下，跳转至所述关联页面。

3.根据权利要求2所述的页面互动方法，其特征在于，所述关联页面包括多个素材关联页面，所述预设移动信息包括所述多个素材关联页面各自对应的跳转移动信息；

所述在所述移动信息与所述预设移动信息匹配的情况下，跳转至所述关联页面包括：

在所述移动信息与任一素材关联页面对应的跳转移动信息匹配的情况下，跳转至目标素材关联页面；

其中，所述目标素材关联页面为所述多个素材关联页面中对应的跳转移动信息与所述移动信息匹配的素材关联页面。

4.根据权利要求1至3任一所述的页面互动方法，其特征在于，所述移动信息包括移动方向和移动距离；所述至少两层素材包括对象描述素材和所述对象描述素材对应的目标前景素材，所述基于所述移动信息，控制所述至少两层素材相对移动包括：

基于所述移动距离，将所述展示页面中所述目标前景素材沿所述移动方向移动；并基于所述移动距离，将所述展示页面中所述对象描述素材沿所述移动方向的反方向移动。

5.根据权利要求4所述的页面互动方法，其特征在于，所述目标前景素材为预设通用素材或所述待推荐对象关联的素材。

6.根据权利要求1至3任一所述的页面互动方法，其特征在于，所述移动信息包括移动方向和移动距离；所述对象素材包括前景素材、中景素材和远景素材；所述基于所述移动信息，控制所述至少两层素材相对移动包括：

控制所述中景素材处于静止状态，并基于所述移动距离，将所述前景素材沿所述移动方向移动，以及基于所述移动距离，将所述远景素材沿所述移动方向的反方向移动。

7.根据权利要求1至3任一所述的页面互动方法，其特征在于，所述预设移动互动操作至少包括下述之一：对所述设备的移动操作、在所述设备的屏幕上的滑动操作；所述移动信息至少包括下述之一：设备移动信息、屏幕滑动信息。

8.一种页面互动装置，其特征在于，包括：

预设跳转提示信息展示模块，被配置为执行在待推荐对象的对象素材的展示页面，展示预设跳转提示信息，所述预设跳转提示信息指示基于预设移动互动操作触发所述对象素材对应关联页面的展示；所述对象素材包括重叠展示的至少两层素材；

素材移动模块，被配置为执行在检测到设备对应的移动信息，且所述移动信息未与所述预设移动互动操作对应的预设移动信息匹配的情况下，基于所述移动信息，控制所述至少两层素材相对移动。

9.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至7中任一项所述的页面互动方法。

10.一种计算机可读存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至7中任一项所述的页面互动方法。