网店商品详情页设计-商品详情页制作

项目四商品详情页设计4.1商品详情页制作

随着电子商务的普及，几乎所有的上架都知道宝贝详情页的重要性。买家在淘宝首页搜索并浏览商品的主图时，一般会直接进入商品详情页。详情页就像一个销售人员，虽然顾客没有亲手拿到产品，但通过详情页的介绍，有了比亲手体验更有层次感的了解。据统计，约99%的顾客是在查看详情页后生成订单的，详情页设计的好坏直接影响了该笔订单是否生成。由此可知，商品详情页的装修在店铺装修中至关重要。商品详情页不仅仅是介绍商品的页面，更是店铺重要的流量入口（例如自然搜索、类目搜索、直通车单品推广、钻石展位单品推广、聚划算活动等）。商品详情页更是影响交易达成的关键因素。一个符合并满足买家心理需求的详情页，其转化率才会高。4.1商品详情页制作4.1商品详情页制作——4.1.1商品详情页分析

商品详情页的模块需要根据产品进行策划，如数码产品等标准化产品，用户大多是基于理性，充满关注的重点是功能性，此时就需要涉及到细节展示，宝贝参数功能展示等模块。

4.1商品详情页制作——4.1.1商品详情页分析对于非标准化产品，如女装，手包儿，珠宝饰品等，用户更多的是基于冲动。此时宝贝的展示，场景的烘托等就显得尤为重要，总之，商品详情页的内容要引发消费者的兴趣，在策划模块儿时需要把握三点。4.1商品详情页制作——4.1.1商品详情页分析

详情页从商品的功能，效果，材质介绍，品牌介绍，生产制造，质检报告，产品使用前后对比，优劣对比；信誉好评，保障与承诺，退换货服务，优惠；关联产品，搭配套餐，店铺分类导航等，从而引发买家兴趣、激发潜在需求。让买家在短时间内，视觉享受的同时，清晰地明白这个商品是什么，有什么功能，对我有什么帮助，和其他同类商品相比有什么优势，赢得消费者信任。通过品牌介绍，库存紧张、预购从速等手段号召由于不决的顾客快速下单，替顾客做决定。详情页的关键是突出一个核心卖点。这正是详情页的目标，为了提高网店的转化率。

4.1商品详情页制作——4.1.1商品详情页分析

商品详情页的模块按功能大致分为左侧模块和右侧模块，左侧的模块包括搜索模块、宝分类模块、宝贝排行模块、收藏模块和宝贝推荐模块等。右侧模块包括宝贝基础信息模块宝贝描述信息模块，以及自定义模块，宝贝基础信息模块一般不需要设计。重点设计的是自定义模块，包括宝贝展示模块、宝贝细节模块、产品规格模块、功能展示模块等，这些模块对打动买家起着十分关键的作用。

4.1商品详情页制作——4.1.2详情页内容设置在商品详情页中，为了让买家真实地体验到商品的实际效果，通常需要设计“使用感受”“尺码标示”和“商品细节”等内容。由于对商品的不同描述需要在同一个页面中展示，所以在设计中要注意把握好页面的整体风格。商品的规格、颜色、尺寸、库存等虽然很容易介绍清楚，但如果设计不好会显得非常死板。从一件商品的描述，可以看出整个店铺的营销水平。4.1商品详情页制作——4.1.2详情页内容设置在购买服装、箱包、鞋帽等商品时，搭配成为了消费者关注的重点。一些消费者具有自己的审美观、讲究品味，在购买商品时，能否很好的搭配成为了购物的影响因素之一。作为卖家，更要掌握一些商品的搭配知识，几款不同的风格搭配，可能会给人眼前一亮的感觉，最终促成订单，提高店铺的销量。商品的亮点实质为商品的卖点的表达形式之一。商品的亮点可以理解为商品具备的前所未有、别出心裁或与众不同的特点。4.1商品详情页制作——4.1.2详情页内容设置商品的亮点实质为商品的卖点的表达形式之一。商品的亮点可以理解为商品具备的前所未有、别出心裁或与众不同的特点。4.1商品详情页制作——4.1.2详情页内容设置商品信息展示可以细分为参数说明、实物拍摄展示、颜色展示、全方位展示等，通过实物拍摄、颜色展示、等可以使消费者更转地查看商品，对一些参数通过肉眼获取准确信息。买家在浏览商品详情页面时，通常情况下会将图像是视为一个整体，然后才将视线定位到比较突出或抢眼的位置，所以在排列商品图像或展示模特照片时，为了突出商品的特征，可以将一些希望强调的图像放大并布局与显眼的位置，效果会更加理想。4.1商品详情页制作——4.1.3详情页页面布局4.1商品详情页制作——4.1.3详情页页面布局中间对齐模式的页面布局这种布局方式具有可以吸引买家视线的优点，但会显得整体页面比较狭窄。通常情况下，可以调整一些图像的尺寸，将留白部分的特色发挥出来，从而清除沉闷、狭窄等弊端，产生安静、稳定的感觉。4.1商品详情页制作——4.1.3详情页页面布局对角线排列的页面布局这种布局方式适合表达自由奔放的动态的感觉，并且会形成自然的z字形视觉牵引的效果，给人一种清爽、利落的感觉。当然，无论怎样的自由式布局，都要以指引线为准对图片和文字进行设计和布置。4.1商品详情页制作——4.1.3详情页页面布局棋盘式的页面布局这种布局方式就是将图像按照棋盘表面的方格样式进行布局，把众多的图像一次性展示给买家。这种布局方式适合用于展示商品的各个细节部分。其优点就是将众多的图像集合为视觉上的一个整体，形成一种统一感，将买家的视线机中到一处。4.1商品详情页制作——4.1.3详情页页面布局左对齐模式的页面布局由于人们的视线一般都式从左向右移动的，所以这种页面布局会吸引更多的视线，适合用在表现那些有序之分的内容上，如商品使用的说明顺序、商品的制作过程等，这些连贯性的主题采用左对齐模式的页面布局来表现效果极佳。4.1商品详情页制作——4.1.3详情页页面布局对称型的页面布局这种布局方式式指画面的横向或纵向以中心线为轴，将页面组成要素按照彼此相对的方式进行两侧布局。在页面布局中，即使两侧的组成要素不是按照完全相同的尺寸和排列方式进行的，只要两则的空间宽度和重量感相同，就可以体现出对称的布局效果，这种布局能够营造出一种文静、安定的整体氛围。4.1商品详情页制作——4.1.3详情页页面布局商品的图像和说明文字如何排列、如何布局，会影响到页面的整体氛围和感觉。为了更有效的进行页面布局，要确定商品的特定用途和需要表现得氛围，并据此合理运用这些布局方式，才能让设计出来得页面给人带来视觉上得舒适感，并将商品的特点传达给买家。对角线排列的页面布局中间对齐模式的页面布局棋盘式的页面布局左对齐模式的页面布局对称型的页面布局4.1商品详情页制作——4.1.4详情页图片尺寸平台详情页建议图片宽度详情页单张图片高度淘宝小于等于750像素小于等于1500像素天猫商城小于等于790像素小于等于1500像素京东商城小于等于790像素自定义速卖通小于等于790像素自定义4.1商品详情页制作——4.1.5详情页的设计思路商品详情页主要用于展示单个商品的细节信息，它的精致程度和设计感直接影响买家对商品的认知。由于女装的色彩清新而淡雅，雪纺居多，为了表