CN104679227A - 一种产品展示实现方法 - Google Patents

Abstract

本发明公开了一种产品展示实现方法，包括：（1）对产品进行多角度拍摄，获取产品的多个角度的同比例图片；（2）以设定的命名规则将所述多个角度的同比例图片存储于不同的文件存储文件中；预先定义的触摸手势和产品3D展示的展示立体图的展示效果之间的关联关系；（3）接收并识别用户的手势，查询预定义的所述关联关系并获取相应的展示立体图的展示效果；获取相应的多幅调整后的同比例图片；对所述选取的多幅同比例图片进行一一拼接并形成产品展示立体图和/或切换。本发明通过多角度产品照片来实现产品全方位展示，其突破了传统图片静态展示的局限，实现随意旋转，放大，敲击，开合产品，给客户带来一种全新的更加真实的交互式体验。

Description

一种产品展示实现方法

技术领域

本发明属于一种产品展示实现方法和装置，尤其涉及一种360度进行旋转展示的3d展示方法。

背景技术

产品展示是指对客户的产品进行详细展示，包括规格，产品的款式颜色等所有产品详细的信息。做到让网站的产品展示能让顾客更直观的去了解网站上所展示的产品，让顾客在看到产品的同时对产品的每一个信息都有一定的了解。

其中，产品展示包括实物展示和虚拟展示两种，实物展示，指通过产品新闻发布会、展览展会及零售端的展示等形式，其中参与展会展览的产品，大多属于创新产品，符合时尚的发展趋势的最新产品；产品虚拟展示，指通过媒介宣传形式展示，包括电视宣传、报刊杂志、网络媒介、移动互联网终端等进行的产品图文宣传。

但是这种对于产品的展示基本上还停留在二维的静止的形式上，无法充分的表现产品的外观和特点。

发明内容

本发明所要解决的技术问题是客服现有的产品展示停留在二维的静止的形式上，无法充分的表现产品的外观和特点，为此，提供了一种能够全方位进行3D展示的产品展示实现方法。

本发明解决上述技术问题所采取的技术方案如下：

一种产品展示实现方法，包括：

（1）对产品进行多角度拍摄，获取产品的多个角度的同比例图片，该步骤包括：确定产品的横向水平和竖向水平，并使得所述被拍摄的产品位于相机的画面中心；布置体现产品的质感和光感的光线，并在拍摄中根据不同的角度布置不同的光线；设定相机的拍摄基本参数；根据设定的动画方案调整拍摄的参数并拍摄所述产品；

（2）以设定的命名规则将所述多个角度的同比例图片存储于不同的文件存储文件中，对图片进行背景抠图、精调产品位置、检查成套照片整体性、调色、裁切以调整适合载体的尺寸大小；预先定义的触摸手势和产品3D展示的展示立体图的展示效果之间的关联关系；

（3）接收并识别用户的手势，查询预定义的所述关联关系并获取相应的展示立体图的展示效果；向步骤（2）中的所述文件存储文件中进行查询，获取相应的多幅调整后的同比例图片；对所述选取的多幅同比例图片进行一一拼接并形成产品展示立体图和/或切换。

进一步地，优选的是，步骤（2）中，针对同一幅图片，采取两个文件存储文件对其进行存储；

其中，一个文件存储文件根据改变左右方向图片的名字保存图片，另一个根据改变竖直方向图片的名字保存图片。

进一步地，优选的是，步骤（3）中，包括：根据展示立体图的展示效果判断是进行上下滚动还是左右滚动；

根据上下滚动还是左右滚动的不同模式向相应的文件存储文件中查询并获取相应的多幅同比例图片；对所述选取的多幅同比例图片进行一一拼接并实时形成产品展示立体图和/或切换。

进一步地，优选的是，步骤（2）中，还包括：判断某一幅图片是否属于180度对称的图片；

其中，当该图片属于180度对称的图片时，则仅存储某一个角度的图片，当步骤（3）中，需要所述角度对称的图片的时候，对所述图片进行180度旋转，并根据旋转后的图片进行拼接。

进一步地，优选的是，步骤（3）中，包括：根据展示立体图的展示效果判断是进行内外开合还是外内开合；

根据内外开合还是外内开合的不同模式向文件存储文件中查询并获取相应的多幅同比例图片；对所述选取的多幅同比例图片进行一一拼接并实时形成产品展示立体图。

进一步地，优选的是，步骤（2）中，定义手指向下滑动打开产品，手指向上滑动合上产品。

进一步地，优选的是，步骤（2）中，定义两根手指点击控制物品的开合状态，其中，合的状态下双指单击可打开产品，开的状态下单击则可合上产品。

进一步地，优选的是，步骤（2）中，定义两根手指手势与查看模式之间的关系，其中，二指往内或往外拨动放大缩小产品以查看物品的细节，两手指拖动以整体拖动物品。

进一步地，优选的是，步骤（2）中，定义一根手指点击可以发出该产品的声音；步骤（3）中，根据手指点击以触发发出所述声音。

本发明采取了上述方案以后，通过多角度产品照片来实现产品全方位展示，其突破了传统图片静态展示的局限，实现随意旋转，放大，敲击，开合产品，给客户带来一种全新的更加真实的交互式体验。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

附图说明

下面结合附图对本发明进行详细的描述，以使得本发明的上述优点更加明确。其中，

图1是本发明实施例中产品展示实现方法的流程示意图。

具体实施方式

以下将结合附图及实施例来详细说明本发明的实施方式，借此对本发明如何应用技术手段来解决技术问题，并达成技术效果的实现过程能充分理解并据以实施。需要说明的是，只要不构成冲突，本发明中的各个实施例以及各实施例中的各个特征可以相互结合，所形成的技术方案均在本发明的保护范围之内。

另外，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

如图1所示，该方案实现方法主要包括：

一种产品展示实现方法，包括：

步骤1：对产品进行多角度拍摄，获取产品的多个角度的同比例图片，该步骤包括：确定产品的横向水平和竖向水平，并使得所述被拍摄的产品位于相机的画面中心；布置体现产品的质感和光感的光线，并在拍摄中根据不同的角度布置不同的光线；设定相机的拍摄基本参数；根据设定的动画方案调整拍摄的参数并拍摄所述产品。

也就是说，通过步骤1的图像拍摄方法，能够获得拍摄比例基本一致的原始图片，由此可以进行后续的操作。

步骤2：以设定的命名规则将所述多个角度的同比例图片存储于不同的文件存储文件中，对图片进行背景抠图、精调产品位置、检查成套照片整体性、调色、裁切以调整适合载体的尺寸大小；预先定义的触摸手势和产品3D展示的展示立体图的展示效果之间的关联关系；

其中，在进行存储图片的时候，根据不同的规则可以有不同的图片存储实现方式，以实现在降低处理耗费和拍摄时间的前提下尽可能地实现产品的展示效果，例如，在一个优选的实施例中，针对同一幅图片，采取两个文件存储文件对其进行存储；

其中，一个文件存储文件根据改变左右方向图片的名字保存图片，另一个根据改变竖直方向图片的名字保存图片，这样的话，在左右方向或者上下方向旋转的话，直接基于存储后的图片选取相应的图片，由此，可以节省一半图片，降低存储的空间。

步骤3：接收并识别用户的手势，查询预定义的所述关联关系并获取相应的展示立体图的展示效果；向步骤2中的所述文件存储文件中进行查询，获取相应的多幅调整后的同比例图片；对所述选取的多幅同比例图片进行一一拼接并形成产品展示立体图和/或切换。

例如，在优选的实施例中，根据展示立体图的展示效果判断是进行上下滚动还是左右滚动；

根据上下滚动还是左右滚动的不同模式向相应的文件存储文件中查询并获取相应的多幅同比例图片；对所述选取的多幅同比例图片进行一一拼接并实时形成产品展示立体图和/或切换。

也就是说，当是上下滚动的时候，则向基于根据改变竖直方向图片的名字保存图片的图片进行拼接，当是进行左右滚动的时候，则向基于根据改变左右方向图片的名字保存图片的图片进行拼接。

此外，步骤2中，定义一根手指点击可以发出该产品的声音；步骤3中，根据手指点击以触发发出所述声音。

也就是说，本发明能够通过多角度产品照片来实现产品全方位展示，其突破了传统图片静态展示的局限，实现随意旋转，放大，敲击，开合产品，给客户带来一种全新的更加真实的交互式体验。

此外，在更优选的实施例中，步骤2中，判断某一幅图片是否属于180度对称的图片；其中，当该图片属于180度对称的图片时，则仅存储某一个角度的图片，当步骤3中，需要所述角度对称的图片的时候，根据对所述图片进行180度旋转，并根据旋转后的图片进行拼接。

其中，在实施例的时候，主要基于UIImage指令，而且UIImage是用来对图像及底层数据进行封装，也即是说，对于3D全方位的展示时用UIImage将图片旋转180度可以代替与之相对称的图片，从而节省一半的图片。图片的量少了，就减轻了程序的处理量。

进一步地，优选的是，步骤2中，定义手指向下滑动打开产品，手指向上滑动合上产品。定义两根手指点击控制物品的开合状态，其中，合的状态下双指单击可打开产品，开的状态下单击则可合上产品。定义两根手指手势与查看模式之间的关系，其中，二指往内或往外拨动放大缩小产品以查看物品的细节，两手指拖动以整体拖动物品。

步骤3中，包括：根据展示立体图的展示效果判断是进行内外开合还是外内开合；根据内外开合还是外内开合的不同模式向文件存储文件中查询并获取相应的多幅同比例图片；对所述选取的多幅同比例图片进行一一拼接并实时形成产品展示立体图。或者与上述定义相对应，实现其他状态。

其中，本发明采用产品实物照片来进行展示，更注重细节，最重要的是与模型渲染相比效果更为逼真，且通过UIImage的属性将图片进行翻转可以节约一半的图片，更节省资源，使程序运行更稳定，更流畅，且根据产品本身的特点，可通过多种手势以实现不一样的3D展示效果，如逐步开合产品，使用产品等，从而达到更加真实有趣的互动体验。

需要说明的是，对于上述方法实施例而言，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

本领域内的技术人员应明白，本申请的实施例可提供为方法、***、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。

而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。

最后应说明的是：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (9)

1.一种产品展示实现方法，其特征在于，包括：

（1）对产品进行多角度拍摄，获取产品的多个角度的同比例图片，该步骤包括：确定产品的横向水平和竖向水平，并使得所述被拍摄的产品位于相机的画面中心；布置体现产品的质感和光感的光线，并在拍摄中根据不同的角度布置不同的光线；设定相机的拍摄基本参数；根据设定的动画方案调整拍摄的参数并拍摄所述产品；

（2）以设定的命名规则将所述多个角度的同比例图片存储于不同的文件存储文件中，对图片进行背景抠图、精调产品位置、检查成套照片整体性、调色、裁切以调整适合载体的尺寸大小；

预先定义的触摸手势和产品3D展示的展示立体图的展示效果之间的关联关系；

（3）接收并识别用户的手势，查询预定义的所述关联关系并获取相应的展示立体图的展示效果；向步骤（2）中的所述文件存储文件中进行查询，获取相应的多幅调整后的同比例图片；对所述选取的多幅同比例图片进行一一拼接并形成产品展示立体图和/或切换。

2.根据权利要求1所述的产品展示实现方法，其特征在于，步骤（2）中，针对同一幅图片，采取两个文件存储文件对其进行存储；

其中，一个文件存储文件根据改变左右方向图片的名字保存图片，另一个根据改变竖直方向图片的名字保存图片。

3.根据权利要求2所述的产品展示实现方法，其特征在于，步骤（3）中，包括：根据展示立体图的展示效果判断是进行上下滚动还是左右滚动；

根据上下滚动还是左右滚动的不同模式向相应的文件存储文件中查询并获取相应的多幅同比例图片；对所述选取的多幅同比例图片进行一一拼接并实时形成产品展示立体图和/或切换。

4.根据权利要求2或3所述的产品展示实现方法，其特征在于，步骤（2）中，还包括：判断某一幅图片是否属于180度对称的图片；

其中，当该图片属于180度对称的图片时，则仅存储某一个角度的图片，当步骤（3）中，需要所述角度对称的图片的时候，对所述图片进行180度旋转，并根据旋转后的图片进行拼接。

5.根据权利要求1所述的产品展示实现方法，其特征在于，步骤（3）中，包括：根据展示立体图的展示效果判断是进行内外开合还是外内开合；

根据内外开合还是外内开合的不同模式向文件存储文件中查询并获取相应的多幅同比例图片；对所述选取的多幅同比例图片进行一一拼接并实时形成产品展示立体图。

6.根据权利要求5所述的产品展示实现方法，其特征在于，步骤（2）中，定义手指向下滑动打开产品，手指向上滑动合上产品。

7.根据权利要求5所述的产品展示实现方法，其特征在于，步骤（2）中，定义两根手指点击控制物品的开合状态，其中，合的状态下双指单击可打开产品，开的状态下单击则可合上产品。

8.根据权利要求1所述的产品展示实现方法，其特征在于，步骤（2）中，定义两根手指手势与查看模式之间的关系，其中，二指往内或往外拨动放大缩小产品以查看物品的细节，两手指拖动以整体拖动物品。

9.根据权利要求1所述的产品展示实现方法，其特征在于，步骤（2）中，定义一根手指点击可以发出该产品的声音；步骤（3）中，根据手指点击以触发发出所述声音。