CN104835043A - 一种呈现商品的图像的方法和装置 - Google Patents

Abstract

本发明提供一种呈现商品的图像的方法和装置，有助于使用户方便地对鞋进行虚拟试衣操作。本发明的呈现商品的图像的方法包括：终端设备从服务器获取多个商品的标识；终端设备按照所述多个商品的标识，从服务器获取所述多个商品的指定视角的图像；终端设备呈现所述图像，并使所述图像沿预设方式排列。

Description

一种呈现商品的图像的方法和装置

技术领域

本发明涉及计算机技术领域，特别地涉及一种呈现商品的图像的方法和装置。

背景技术

虚拟试衣是指利用计算机技术让虚拟模特代替真实用户试穿网上出售的服装、鞋帽，通过虚拟模特试穿呈现的效果对用户选购网上服装形成参考，便于用户购买到合适的服装。

对于鞋来说，现有的一种虚拟试衣方式是用户通过网页挑选鞋然后应用虚拟模特进行试穿。作为电子商务的人机界面，网页可同时显示多个鞋，例如图1所示，图1是根据现有技术的网页中呈现鞋的图片的示意图。在图1中，鞋的呈现区域10中呈现有多只鞋及其相关信息，该相关信息包括商品简介和价格等。用户可以通过显示该网页的终端设备例如个人计算机、手机等选择鞋，例如用鼠标（如使用触模屏则是用手指）点击其中一只鞋，然后可以选择查看其进一步详细信息或者进行虚拟试穿，如进行虚拟试穿，则终端设备呈现虚拟模特，试穿完成后用户可以从上述的呈现区域10中另选一只鞋。

在网上商城呈现鞋时，采用图1所示的方式比较便于用户选择，因为其中包含鞋的比较完整的图像，并且包含鞋的相关信息，使用户能够比较全面地了解商品情况。但在进行虚拟试穿时，上述呈现方式往往使用户的操作较为繁琐，因为屏幕能够呈现的鞋的数量有限，使用户经常做滚屏或翻页操作，而用不便于记住刚才试穿过哪些鞋。

发明内容

有鉴于此，本发明提供一种呈现商品的图像的方法和装置，有助于使用户方便地对鞋进行虚拟试衣操作。

为实现上述目的，根据本发明的一个方面，提供了一种呈现商品的图像的方法。

本发明的呈现商品的图像的方法包括：终端设备从服务器获取多个商品的标识；终端设备按照所述多个商品的标识，从服务器获取所述多个商品的指定视角的图像；终端设备呈现所述图像，并使所述图像沿预设方式排列。

可选地，使所述图像沿预设方式排列的步骤包括：使所述图像沿横向或沿纵向排成单排或多排。

可选地，所述商品是鞋，所述指定视角是鞋的俯视。

可选地，在终端设备呈现所述图像时，多个鞋横向排列，各个鞋纵向设置，并且呈现鞋架图像，所述鞋架图像包括鞋架底面图像和鞋架侧面图像，其中所述鞋架底面图像为所述鞋的图像的背景，所述鞋架侧面图像遮蔽各个所述鞋的图像中的鞋的下端；并且该方法还包括：接收用于改变所述鞋架呈现视角的操作，然后改变所述鞋架图像的呈现视角，并且保持所述鞋的图像的呈现视角。

根据本发明的另一方面，提供了一种呈现商品的图像的装置。

本发明的呈现商品的图像的装置包括：标识获取模块，用于从服务器获取多个商品的标识；图像获取模块，用于按照所述多个商品的标识，从服务器获取所述多个商品的指定视角的图像；图像呈现模块，用于呈现所述图像，并使所述图像沿预设方式排列。

可选地，所述图像呈现模块还用于使所述图像沿横向或沿纵向排成单排或多排。

可选地，所述商品是鞋，所述指定视角是鞋的俯视。

可选地，所述图像呈现模块还用于在呈现所述图像时，使多个鞋横向排列，各个鞋纵向设置；并且还用于呈现鞋架图像，所述鞋架图像包括鞋架底面图像和鞋架侧面图像，其中所述鞋架底面图像为所述鞋的图像的背景，所述鞋架侧面图像遮蔽各个所述鞋的图像中的鞋的下端；并且所述装置还包括调整模块，用于接收用于改变所述鞋架呈现视角的操作，然后改变所述鞋架图像的呈现视角，并且保持所述鞋的图像的呈现视角。

根据本发明的技术方案，在获取了商品的标识后，获取这些商品的指定视角的图像并按一定方式排列，能够比较集中地在屏幕上呈现商品的图像，从而便于用户从中选取商品，对于服饰类的商品来说，有助于用户方便地进行3D虚拟试衣的操作。并且在本实施例中，浏览商品、试穿商品和换穿商品时，有规律地呈现图像的变化情况，使用户清楚当前浏览到的位置，并清楚哪些已试穿，哪些未试穿，从而有条理地进行3D虚拟试衣操作。本实施例中以鞋为例进行了说明，该方案也可以用于展示帽或者其他服饰，同样可收到类似的技术效果。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据现有技术的网页中呈现鞋的图片的示意图；

图2是根据本发明实施例的呈现商品的图像的方法的基本步骤的示意图；

图3A是根据本发明实施例的鞋架在打开状态下的示意图；

图3B是根据本发明实施例的鞋架在关闭状态下的示意图；

图4是根据本发明实施例的查看鞋细节的示意图；

图5是根据本发明实施例的可成批置换鞋的鞋架的示意图；

图6是根据本发明实施例的成批置换鞋的流程的示意图；

图7A和图7B是根据本发明实施例的平移鞋的状态的示意图；

图8是根据本发明实施例的平移鞋的流程的示意图；

图9A和图9B是根据本发明实施例的试穿鞋时鞋架状态的示意图；

图10是根据本发明实施例的试穿鞋时处理鞋架状态的示意图；

图11A和图11B是根据本发明实施例的换穿鞋时鞋架的状态的示意图；

图12是根据本发明实施例的换穿鞋时处理鞋架状态的示意图；

图13是根据本发明实施例的呈现商品的图像的装置的示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图2是根据本发明实施例的呈现商品的图像的方法的基本步骤的示意图。本实施例中，商品是鞋。如图2所示，该方法主要包括如下的步骤S21至步骤S24。

步骤S21：服务器确定用户选择的鞋。用户使用终端设备，在电子商务的人机界面中选择鞋，每选一种鞋，服务器根据作为网页元素的该鞋的图像与鞋的商品的标识之间的对应关系确定鞋，然后将该鞋的标识保存下来。根据本实施例的方法，用户在选择多只鞋之后再进行虚拟试穿，所以用户可以一次性地将想要试穿的鞋都挑选出来。

步骤S22：服务器将用户选择的鞋的商品标识发送给终端设备。

步骤S23：终端设备根据收到的鞋的商品标识，从服务器下载鞋的图像。

步骤S24：终端设备将下载的鞋的图像按一定方式排列呈现。例如，可将鞋沿横向或沿纵向排成单排或多排。将下载的鞋的图像按一定方式排列呈现在这里的作用是将用户在电子商务的人机界面例如网上商城挑选的鞋的图像集中呈现在屏幕中以便于用户直接进一步进行挑选和虚拟试衣。

在电子商务的人机界面中，鞋的图像的视角通常是侧向（参考图1），这种呈现方式能够较好地展现鞋的全貌，但同时也比较占用屏幕空间。在步骤S24之后是通过虚拟试衣来观察鞋的效果，所以步骤S24中无需展现鞋的全貌，而是要尽可能充分利用屏幕面积。可将鞋按通常的摆放方式呈现，即各个鞋横向排列，各个鞋纵向设置，如图3A所示，图3A是根据本发明实施例的鞋架在打开状态下的示意图。在图3A中，多只鞋“放置”在鞋架上，鞋架包括鞋架底面301和鞋架侧面302。以俯视的视角呈现每只鞋的鞋面，这样能够分辨各只鞋。因此需要在服务器上保存鞋的俯视图像。

鞋架30能够以3D的方式呈现，即其能够在不同的方向上以一定角度偏转。在用户选中鞋架并且上下移动鼠标或手指时，鞋架可以前后俯仰；左右移动鼠标或手指时，鞋架可以向左或向右转动，这些偏转的角度不宜过大，同时鞋保持原有的呈现视角，即输出的图像不变，以节省***的运算资源。呈现时的优选方式是由鞋架侧面302遮蔽鞋的下端，如图3A所示，这样在鞋架偏转时在视觉效果上倾向于鞋能够与鞋架一起偏转，而不是原角度不动。

在步骤S24之后，用户可以调取鞋架，例如点击网页中的“我的鞋架”按钮，此时呈现鞋架外观，如图3B所示，图3B是根据本发明实施例的鞋架在关闭状态下的示意图。点击图中关闭状态下的鞋架30，鞋架30即打开成为图3A中的状态；在图3A中点击鞋架侧面302，鞋架30又成为图3B中的关闭状态。

在选鞋时用鼠标或手指点击鞋即可。如将鼠标或手指放置在鞋上，则采用插值法等运算，将鞋图像放大呈现，例如放大为原尺寸的1.1倍，以更好地呈现鞋的细节。如图4所示，图4是根据本发明实施例的查看鞋细节的示意图，其中鞋41在选中后被放大。

从以上的呈现鞋架的各图中可以看出，鞋架中“放置”了6只鞋。实际上用户可能选取了更多的鞋。因此本实施例中，可以对鞋进行成批置换以浏览更多的鞋。图5是根据本发明实施例的可成批置换鞋的鞋架的示意图。如图5所示，鞋架50上设置了左箭头51和右箭头52，可按照图6所示的流程实现鞋的成批平移。图6是根据本发明实施例的成批置换鞋的流程的示意图（按流程图的符号使用***移时，相应地从右方或左方补充其他被挑选但未在鞋架上的鞋并呈现。

除了成批置换鞋，也可以采用滑动鞋的方式浏览鞋，此时用户用鼠标或手指按住一只鞋并左右拖动，鞋架中的所有鞋会作为一个整体左右无级平移。图7A和图7B是根据本发明实施例的平移鞋的状态的示意图，在图7A中，按住鞋71并向左移动，图中6只鞋一并向左移，使得在图7B中鞋72呈现一部分。其处理流程如图8所示，图8是根据本发明实施例的平移鞋的流程的示意图。

图9A和图9B是根据本发明实施例的试穿鞋时鞋架状态的示意图。如图9A所示，点击鞋91之后，鞋91从鞋架上消失，实际上是被试穿到3D模特脚上；同时，鞋92及其左边的鞋向右平移，鞋92补充到鞋91留下的空位上。上述过程的处理流程如图10所示，图10是根据本发明实施例的试穿鞋时处理鞋架状态的示意图。

图11A和图11B是根据本发明实施例的换穿鞋时鞋架的状态的示意图。如图11A和图11B所示，在3D试衣模特已经穿有图9A中的鞋91的情况下，点击图11A中的鞋111，此时鞋111将被穿到3D试衣模特脚上，同时将其他一部分鞋向左移动，使鞋112补充鞋111留下的空位，并且留出空位113，空位113即为图9A中的鞋91摆放过的位置，目的是在用户取下3D模特脚上的鞋91之后，鞋91回到原位。上述过程的处理流程如图12所示，图12是根据本发明实施例的换穿鞋时处理鞋架状态的示意图。

图13是根据本发明实施例的呈现商品的图像的装置的示意图。该装置可以设置在终端设备例如个人计算机、智能手机中。如图13所示，呈现商品的图像的装置130包括：标识获取模块131、图像获取模块132、以及图像呈现模块133。标识获取模块131用于从服务器获取多个商品的标识；图像获取模块132用于按照多个商品的标识，从服务器获取多个商品的指定视角的图像；图像呈现模块133用于呈现图像，并使图像沿预设方式排列。图像呈现模块133还可用于使图像沿横向或沿纵向排成单排或多排。

图像呈现模块133还可用于在呈现图像时，使多个鞋横向排列，各个鞋纵向设置；并且还用于呈现鞋架图像，鞋架图像包括鞋架底面图像和鞋架侧面图像，其中鞋架底面图像为鞋的图像的背景，鞋架侧面图像遮蔽各个鞋的图像中的鞋的下端；并且，呈现商品的图像的装置130还可包括调整模块（图中未示出），用于接收用于改变鞋架呈现视角的操作，然后改变鞋架图像的呈现视角，并且保持鞋的图像的呈现视角。

根据本发明实施例的技术方案，在获取了商品的标识后，获取这些商品的指定视角的图像并按一定方式排列，能够比较集中地在屏幕上呈现商品的图像，从而便于用户从中选取商品，对于服饰类的商品来说，有助于用户方便地进行3D虚拟试衣的操作。并且在本实施例中，浏览商品、试穿商品和换穿商品时，有规律地呈现图像的变化情况，使用户清楚当前浏览到的位置，并清楚哪些已试穿，哪些未试穿，从而有条理地进行3D虚拟试衣操作。本实施例中以鞋为例进行了说明，该方案也可以用于展示帽或者其他服饰，同样可收到类似的技术效果。

以上结合具体实施例描述了本发明的基本原理，但是，需要指出的是，对本领域的普通技术人员而言，能够理解本发明的方法和设备的全部或者任何步骤或者部件，可以在任何计算装置（包括处理器、存储介质等）或者计算装置的网络中，以硬件、固件、软件或者它们的组合加以实现，这是本领域普通技术人员在阅读了本发明的说明的情况下运用他们的基本编程技能就能实现的。

因此，本发明的目的还可以通过在任何计算装置上运行一个程序或者一组程序来实现。所述计算装置可以是公知的通用装置。因此，本发明的目的也可以仅仅通过提供包含实现所述方法或者装置的程序代码的程序产品来实现。也就是说，这样的程序产品也构成本发明，并且存储有这样的程序产品的存储介质也构成本发明。显然，所述存储介质可以是任何公知的存储介质或者将来开发出的任何存储介质。

还需要指出的是，在本发明的装置和方法中，显然，各部件或各步骤是可以分解和/或重新组合的。这些分解和/或重新组合应视为本发明的等效方案。并且，执行上述系列处理的步骤可以自然地按照说明的顺序按时间顺序执行，但是并不需要一定按照时间顺序执行。某些步骤可以并行或彼此独立地执行。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (8)

1.一种呈现商品的图像的方法，其特征在于，包括：

终端设备从服务器获取多个商品的标识；

终端设备按照所述多个商品的标识，从服务器获取所述多个商品的指定视角的图像；

终端设备呈现所述图像，并使所述图像沿预设方式排列。

2.根据权利要求1所述的方法，其特征在于，使所述图像沿预设方式排列的步骤包括：使所述图像沿横向或沿纵向排成单排或多排。

3.根据权利要求1或2所述的方法，其特征在于，所述商品是鞋，所述指定视角是鞋的俯视。

4.根据权利要求3所述的方法，其特征在于，

在终端设备呈现所述图像时，多个鞋横向排列，各个鞋纵向设置，并且呈现鞋架图像，所述鞋架图像包括鞋架底面图像和鞋架侧面图像，其中所述鞋架底面图像为所述鞋的图像的背景，所述鞋架侧面图像遮蔽各个所述鞋的图像中的鞋的下端；

并且该方法还包括：接收用于改变所述鞋架呈现视角的操作，然后改变所述鞋架图像的呈现视角，并且保持所述鞋的图像的呈现视角。

5.一种呈现商品的图像的装置，其特征在于，包括：

标识获取模块，用于从服务器获取多个商品的标识；

图像获取模块，用于按照所述多个商品的标识，从服务器获取所述多个商品的指定视角的图像；

图像呈现模块，用于呈现所述图像，并使所述图像沿预设方式排列。

6.根据权利要求5所述的装置，其特征在于，所述图像呈现模块还用于使所述图像沿横向或沿纵向排成单排或多排。

7.根据权利要求5或6所述的装置，其特征在于，所述商品是鞋，所述指定视角是鞋的俯视。

8.根据权利要求7所述的装置，其特征在于，

所述图像呈现模块还用于在呈现所述图像时，使多个鞋横向排列，各个鞋纵向设置；并且还用于呈现鞋架图像，所述鞋架图像包括鞋架底面图像和鞋架侧面图像，其中所述鞋架底面图像为所述鞋的图像的背景，所述鞋架侧面图像遮蔽各个所述鞋的图像中的鞋的下端；

并且所述装置还包括调整模块，用于接收用于改变所述鞋架呈现视角的操作，然后改变所述鞋架图像的呈现视角，并且保持所述鞋的图像的呈现视角。