(12)发明专利申请
(10)申请公布号 CN 109919720 A(43)申请公布日 2019.06.21
(21)申请号 201910138366.8(22)申请日 2019.02.25
(71)申请人 上海识装信息科技有限公司
地址 200080 上海市虹口区东大名路687号
1幢517室(72)发明人 许明 肖伟斌
(74)专利代理机构 上海精晟知识产权代理有限
公司 31253
代理人 冯子玲(51)Int.Cl.
G06Q 30/06(2012.01)G06T 13/20(2011.01)
权利要求书2页 说明书5页 附图2页
CN 109919720 A(54)发明名称
一种基于电子商务平台的产品展示方法及系统
(57)摘要
本发明提供了一种基于电子商务平台的产品展示方法及系统，其中，包括以下步骤：于产品显示主界面获取用户的第一触发操作，根据第一触发操作切换至一动画显示界面，于动画显示界面中展示产品的三维动画，三维动画包括产品的不同角度显示以及不同方向的旋转；于动画显示界面中获取用户的第二触发操作，根据第二触发操作调整产品的显示属性；于动画显示界面中获取用户的第三触发操作，根据第三触发操作于当前的动画显示界面切换至产品显示主界面。其技术方案的有益效果在于，克服了现有的依赖于提供不同显示角度的产品图片供使用者切换查看带来的不便，以及查看产品显示细节依赖于提供的固定产品图片的方式。
CN 109919720 A
权 利 要 求 书
1/2页
1.一种基于电子商务平台的产品展示方法，其特征在于，提供一产品显示主界面，以展示产品的详细信息，包括以下步骤：
步骤S1、于所述产品显示主界面获取用户的第一触发操作；步骤S2、根据所述第一触发操作切换至一动画显示界面，于所述动画显示界面中展示产品的三维动画，所述三维动画包括产品的不同角度显示以及不同方向的旋转；
步骤S3、于所述动画显示界面中获取用户的第二触发操作；步骤S4、根据所述第二触发操作调整产品的显示属性；步骤S5、于所述动画显示界面中获取用户的第三触发操作；步骤S6、根据所述第三触发操作于当前的所述动画显示界面切换至所述产品显示主界面。
2.根据权利要求1所述的的产品展示方法，其特征在于，所述产品显示主界面包括产品图像展示区域，所述图像展示区域包括多个可切换的图片；
所述图像展示区域预设有默认显示图片，所述默认显示图片包含一供触发所述三维动画播放的触发标识。
3.根据权利要求2所述的产品展示方法，其特征在于，所述触发标识为立体图像标识，所述立体图像标识中包括一进度显示栏，所述进度显示栏用以显示加载所述三维动画的进度。
4.根据权利要求1所述的产品展示方法，其特征在于，从所述产品显示主界面切换至所述动画显示界面的方法包括：
步骤A1、所述产品显示主界面获取所述第一触发操作后，加载所述三维动画；步骤A2、所述三维动画加载完成后，所述产品显示主界面以一边为轴旋转退出，以切换成所述动画显示界面。
5.根据权利要求1所述的产品展示方法，其特征在于，根据所述第二触发操作于所述动画显示界面显示的所述产品属性包括，调整产品的大小、调整产品的旋转角度。
6.根据权利要求1所述的产品展示方法，其特征在于，在所述动画显示界面中获取所述第三触发操作的方法包括，所述动画显示界面设置有一返回标识，当所述返回标识被触发时由当前的所述动画显示界面切换至所述产品显示主界面。
7.一种基于电子商务平台的产品展示系统，其特征在于，包括：显示模块，用以显示产品的产品显示主界面以及动画显示界面；第一触发获取模块，用以获取所述产品显示主界面上的第一触发操作；加载模块，用以根据所述第一触发操作加载产品对应的三维动画；第一切换模块，用以在所述三维动画加载完成后，从当前的所述产品显示主界面切换至所述动画显示界面；
播放模块，用以在所述显示界面中展示产品的三维动画，所述三维动画包括产品的不同角度显示以及不同方向的旋转；
第二触发获取模块，用以获取所述动画显示界面上的第二触发操作；调整模块，用以根据所述第二触发操作于所述动画显示界面上调整产品的显示属性；第三触发获取模块，用以获取所述动画显示界面上的第三触发操作；第二切换模块，用以根据所述第三触发操作从当前的所述动画显示界面切换至所述产
2
CN 109919720 A
权 利 要 求 书
2/2页
品显示主界面。
8.根据权利要求7所述的产品展示系统，其特征在于，所述显示模块对应的所述产品显示主界面包括：
图片显示单元，用以显示可切换的图片；图片切换单元，用以切换不同的图片显示于所述图片显示单元中；所述图片显示单元预设有默认显示图片，所述默认显示图片包含一供触发所述三维动画播放的触发标识。
9.根据权利要求8所述的产品展示系统，其特征在于，所述触发标识包括：标识显示单元，用以显示所述触发标识对应的图像标识；进度显示单元，用以显示加载所述三维动画的进度。10.根据权利要求7所述的产品展示系统，其特征在于，根据所述第二触发操作于所述动画显示界面显示的所述产品属性包括，调整产品的大小、旋转角度。
3
CN 109919720 A
说 明 书
一种基于电子商务平台的产品展示方法及系统
1/5页
技术领域
[0001]本发明涉及通信技术领域，尤其涉及一种基于电子商务平台的产品展示方法及系统。
背景技术
[0002]电子商务(Electronic Commerce)，是以信息网络技术为手段，以商品交换为中心的商务活动(BusinessActivity)；也可理解为在互联网(Internet)、企业内部网(Intranet)和增值网(VAN，Value Added Network)上以电子交易方式进行交易活动和相关服务的活动，是传统商业活动各环节的电子化、网络化、信息化；以互联网为媒介的商业行为均属于电子商务的范畴。[0003]如现有的淘宝网、当当、京东等各大电子商务平台，都提供了丰富的产品购买页面，但是现有的产品购买界面对于产品的展示通常是提供多张产品图片让使用者切换显示，使使用者可以从多个产品图片进一步了解产品的细节，这种方式存在以下不便，首先放置产品图片也是有数量限制的，从不同角度了解产品依赖于产品图片的数量，从多个产品图片中不断切换找到满意的图片其操作非常不便。
发明内容
[0004]针对现有技术中对于存在的在产品购买界面中的切换不同图片操作不便存在的上述问题，现提供一种旨在对提供产品的三维动画方便使用者查看产品的不同角度细节，同时使用者可主动调整产品图片的显示属性以供使用者选出自己满意的产品图片，操作简单方便的产品展示方法及系统。[0005]具体技术方案如下：
[0006]一种基于电子商务平台的产品展示方法，其中，提供一产品显示主界面，以展示产品的详细信息，包括以下步骤：[0007]步骤S1、于所述产品显示主界面获取用户的第一触发操作；[0008]步骤S2、根据所述第一触发操作切换至一动画显示界面，于所述动画显示界面中展示产品的三维动画，所述三维动画包括产品的不同角度显示以及不同方向的旋转；[0009]步骤S3、于所述动画显示界面中获取用户的第二触发操作；[0010]步骤S4、根据所述第二触发操作调整产品的显示属性；[0011]步骤S5、于所述动画显示界面中获取用户的第三触发操作；[0012]步骤S6、根据所述第三触发操作于当前的所述动画显示界面切换至所述产品显示主界面。
[0013]优选的，所述产品显示主界面包括产品图像展示区域，所述图像展示区域包括多个可切换的图片；
[0014]所述图像展示区域预设有默认显示图片，所述默认显示图片包含一供触发所述三维动画播放的触发标识。
4
CN 109919720 A[0015]
说 明 书
2/5页
优选的，所述触发标识为立体图像标识，所述立体图像标识中包括一进度显示栏，
所述进度显示栏用以显示加载所述三维动画的进度。[0016]优选的，从所述产品显示主界面切换至所述动画显示界面的方法包括：[0017]步骤A1、所述产品显示主界面获取所述第一触发操作后，加载所述三维动画；[0018]步骤A2、所述三维动画加载完成后，所述产品显示主界面以一边为轴旋转退出，以切换成所述动画显示界面。[0019]优选的，根据所述第二触发操作于所述动画显示界面显示的所述产品属性包括，调整产品的大小、调整产品的旋转角度。[0020]优选的，在所述动画显示界面中获取所述第三触发操作的方法包括，所述动画显示界面设置有一返回标识，当所述返回标识被触发时由当前的所述动画显示界面切换至所述产品显示主界面。
[0021]还包括一种基于电子商务平台的产品展示系统，其中，包括：[0022]显示模块，用以显示产品的产品显示主界面以及动画显示界面；[0023]第一触发获取模块，用以获取所述产品显示主界面上的第一触发操作；[0024]加载模块，用以根据所述第一触发操作加载产品对应的三维动画；[0025]第一切换模块，用以在所述三维动画加载完成后，从当前的所述产品显示主界面切换至所述动画显示界面；[0026]播放模块，用以在所述显示界面中展示产品的三维动画，所述三维动画包括产品的不同角度显示以及不同方向的旋转；[0027]第二触发获取模块，用以获取所述动画显示界面上的第二触发操作；[0028]调整模块，用以根据所述第二触发操作于所述动画显示界面上调整产品的显示属性；[0029]第三触发获取模块，用以获取所述动画显示界面上的第三触发操作；[0030]第二切换模块，用以根据所述第三触发操作从当前的所述动画显示界面切换至所述产品显示主界面。[0031]优选的，所述显示模块对应的所述产品显示主界面包括：[0032]图片显示单元，用以显示可切换的图片；[0033]图片切换单元，用以切换不同的图片显示于所述图片显示单元中；[0034]所述图片显示单元预设有默认显示图片，所述默认显示图片包含一供触发所述三维动画播放的触发标识。[0035]优选的，所述触发标识包括：[0036]标识显示单元，用以显示所述触发标识对应的图像标识；[0037]进度显示单元，用以显示加载所述三维动画的进度。[0038]优选的，根据所述第二触发操作于所述动画显示界面显示的所述产品属性包括，调整产品的大小、旋转角度。
[0039]上述技术方案具有如下优点或有益效果：通过加载的三维动画可显示产品不同的角度，克服了现有的依赖于提供不同显示角度的产品图片供使用者切换查看带来的不便，同时在动画显示界面使用者可对显示的产品图片的显示属性进行调整，以供使用者全方位的了解产品细节，克服了现有技术中的查看产品显示细节依赖于提供的固定产品图片的方
5
CN 109919720 A
说 明 书
3/5页
式。
附图说明
[0040]参考所附附图，以更加充分的描述本发明的实施例。然而，所附附图仅用于说明和阐述，并不构成对本发明范围的限制。
[0041]图1为本发明一种基于电子商务平台的产品展示方法的实施例的流程图；[0042]图2为本发明一种基于电子商务平台的产品展示方法的实施例中，关于从产品显示主界面切换至动画显示界面的方法的流程图；
[0043]图3为本发明一种基于电子商务平台的产品展示系统的实施例的结构示意图。具体实施方式
[0044]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。[0045]需要说明的是，在不冲突的情况下，本发明中的实施例及实施例中的特征可以相互组合。
[0046]下面结合附图和具体实施例对本发明作进一步说明，但不作为本发明的限定。[0047]本发明包括一种基于电子商务平台的产品展示方法。[0048]一种基于电子商务平台的产品展示方法的实施例，其中，提供一产品显示主界面，以展示产品的详细信息，如图1所示，包括以下步骤：[0049]步骤S1、于产品显示主界面获取用户的第一触发操作；[0050]步骤S2、根据第一触发操作切换至一动画显示界面，于动画显示界面中展示产品的三维动画，三维动画包括产品的不同角度显示以及不同方向的旋转；[0051]步骤S3、于动画显示界面中获取用户的第二触发操作；[0052]步骤S4、根据第二触发操作调整产品的显示属性；[0053]步骤S5、于动画显示界面中获取用户的第三触发操作；[0054]步骤S6、根据第三触发操作于当前的动画显示界面切换至产品显示主界面。[0055]上述技术方案中，在产品显示主界面中具体显示的信息包括产品的购买链接，以及选择购买的数量，规格等，以及关于产品的相关说明等信息，产品显示主界面显示的信息和一般的产品购买界面显示的信息大致相同，区别点在于该产品显示主界面可在获取用户的第一触发操作后，加载三维动画，三维动画加载完成之后，由当前的产品显示主界面切换至动画显示界面，以在动画显示界面播放关于当前产品的三维动画，如使用者在浏览动画显示界面在不执行任何操作时三维动画会一直在播放，若使用者要查产品不同的显示属性(放大、缩小、旋转角度，放大同时旋转角度，缩小同时旋转角度等) 则可以在动画显示界面进行触发操作；
[0056]当动画显示界面获取的是使用者的第二触发时，在触发期间三维动画停止播放以响应用户的触发操作，对产品图片的显示属性进行对应的调整显示；[0057]当第二触发操作结束后，产品图片以调整后的显示属性继续进行播放；
6
CN 109919720 A[0058]
说 明 书
4/5页
当动画显示界面获取到使用者的第三触发操作时，由当前的动画显示界面切换至
产品显示主界面。
[0059]在一种较优的实施方式中，产品显示主界面包括产品图像展示区域，图像展示区域包括多个可切换的图片；
[0060]图像展示区域预设有默认显示图片，默认显示图片包含一供触发三维动画播放的触发标识。
[0061]上述技术方案中，需要说明的是加载三维动画的过程如下：[0062]当前的客户端进入产品的产品显示主界面后，发送获取三维动画的请求至服务端，服务端根据该请求判断是否存在当前产品的三维动画，如存在，返回带有三维标识的默认图片显示在图像展示区域；[0063]当三维标识被触发后，即产品显示主界面获取到第一触发操作后，优先于本地缓存中加载三维动画，若不存在时则于服务端中请求获取，服务端返回三维动画，此时三维动画标识显示加载进度，当加载完成后，由当前的产品显示主界面切换至动画显示界面。[0064]在一种较优的实施方式中，触发标识为立体图像标识，立体图像标识中包括一进度显示栏，进度显示栏用以显示加载三维动画的进度。[0065]上述技术方案中，三维动画在加载过程中，三维标识本身以动态的方式 (如旋转)展示，同时进度显示栏以数字百分比的格式或者进度条的方式提示。[0066]在一种较优的实施方式中，如图2所示，从产品显示主界面切换至动画显示界面的方法包括：
[0067]步骤A1、产品显示主界面获取第一触发操作后，加载三维动画；[0068]步骤A2、三维动画加载完成后，产品显示主界面以一边为轴旋转退出，以切换成动画显示界面。
[0069]上述技术方案中，产品显示主界面切换至动画显示界面的方式以主界面的一侧(根据使用者习惯一般以客户端显示界面的左侧)为轴旋转(一般是向下顺时针旋转)退出，其中需要说明的时，产品显示主界面在旋转切换过程中，在旋转退出一定角度时会有短暂的停顿，在旋转的过程中产品图像开始逐步跳转至动画显示界面开始进行三维动画播放展示，至到产品显示主界面完全退出；
[0070]当由动画显示界面跳转至产品显示主界面时，产品显示主界面采用上述的同一侧为轴逆时针旋转使产品显示主界面覆盖动画显示界面，同时动画显示界面中的产品图片以动态的方式跳转至产品显示主界面中的图像展示区域，作为默认显示图片显示。[0071]在一种较优的实施方式中，根据第二触发操作于动画显示界面显示的产品属性包括，调整产品的大小、调整产品的旋转角度。[0072]在一种较优的实施方式中，在动画显示界面中获取第三触发操作的方法包括，动画显示界面设置有一返回标识，当返回标识被触发时由当前的动画显示界面切换至产品显示主界面。
[0073]本发明的技术方案中还包括一种基于电子商务平台的产品展示系统。[0074]如图3所示，一种基于电子商务平台的产品展示系统的实施例，其中，包括：[0075]显示模块1，用以显示产品的产品显示主界面以及动画显示界面；[0076]第一触发获取模块2，用以获取产品显示主界面上的第一触发操作；
7
CN 109919720 A[0077]
说 明 书
5/5页
加载模块3，用以根据第一触发操作加载产品对应的三维动画；
[0078]第一切换模块4，用以在三维动画加载完成后，从当前的产品显示主界面切换至动画显示界面；
[0079]播放模块5，用以在显示界面中展示产品的三维动画，三维动画包括产品的不同角度显示以及不同方向的旋转；[0080]第二触发获取模块6，用以获取动画显示界面上的第二触发操作；[0081]调整模块7，用以根据第二触发操作于动画显示界面上调整产品的显示属性；[0082]第三触发获取模块8，用以获取动画显示界面上的第三触发操作；[0083]第二切换模块9，用以根据第三触发操作从当前的动画显示界面切换至产品显示主界面。
[0084]在一种较优的实施方式中，显示模块对应的产品显示主界面包括：[0085]图片显示单元(未于图中示出)，用以显示可切换的图片；[0086]图片切换单元(未于图中示出)，用以切换不同的图片显示于图片显示单元中；[0087]图片显示单元预设有默认显示图片，默认显示图片包含一供触发三维动画播放的触发标识(未于图中示出)。
[0088]在一种较优的实施方式中，触发标识包括：[0089]标识显示单元(未于图中示出)，用以显示触发标识对应的图像标识；[0090]进度显示单元(未于图中示出)，用以显示加载三维动画的进度。[0091]在一种较优的实施方式中，根据第二触发操作于动画显示界面显示的产品属性包括，调整产品的大小、旋转角度。[0092]上述技术方案中，展示系统通过加载的三维动画可显示产品不同的角度，避免现有的依赖于提供不同显示角度的产品图片供使用者切换查看带来的不便，同时在动画显示界面使用者可对显示的产品图片的显示属性(包括产品进行放大、缩小、或者调整产品的显示角度，或者在对产品进行方法或者缩小的同时进行对应的显示角度的调节；)进行调整，以供使用者全方位的了解产品细节，克服了现有技术中的查看产品显示细节依赖于提供的固定产品图片的方式。
[0093]以上所述仅为本发明较佳的实施例，并非因此限制本发明的实施方式及保护范围，对于本领域技术人员而言，应当能够意识到凡运用本发明说明书及图示内容所作出的等同替换和显而易见的变化所得到的方案，均应当包含在本发明的保护范围内。
8
CN 109919720 A
说 明 书 附 图
1/2页
图1
图2
9
CN 109919720 A
说 明 书 附 图
2/2页
图3
10
因篇幅问题不能全部显示，请点此查看更多更全内容