网店美工商品详情页的制作课件.pptx

1、第 5 章商品详情页的制作网店美工25.1商品详情页概述内容导航5.2商品详情页的制作5.3综合实训制作摄影包商品详情页35.1商品详情页概述 商品详情页是指通过图文的方式对商品的详细信息，如商品的外观、尺寸、材质、颜色、功能、使用方法等进行介绍的页面。在网络购物中，消费者不能实际接触商品，只能通过详情页来了解商品，所以商品详情页的质量在很大程度上能影响商品的销售量。45.1.1 商品详情页的设计要点1.引发消费者兴趣2.激发潜在需求3.从犹豫到信赖4.替消费者做出决定55.1.2 商品详情页的设计思路与前期准备l 设计商品详情页应遵循的前提。商品详情页主要用于进行商品细节和显示效果的展示，需

2、要与商品标题和主图契合，从中体现真实的商品信息。l 设计前的市场调查。设计前需分别进行市场调查、同行业调查、规避同款调查和消费者调查等，从调查的结果中分析消费者人群的消费能力、喜好、在意的问题等。l 调查结果及商品分析。当完成市场调查后，可根据商品市场调查结果对商品特点进行系统总结，并记录消费者所在意的问题、优缺点以及自身商品的定位，从中挖掘自身的独特卖点。l 关于商品定位。不同商品有不同的定位，可以根据商品定位来设计需要表现的内容。l 商品卖点的挖掘。所谓商品亮点是指商品的主要卖点，每一个商品因为其功能的不同，需要展现的卖点也有所不同。详情页中展现的商品卖点越清晰诱人，越能够提高成交率。l

3、开始准备设计元素。准备所需要的设计素材，以及确定商品详情页所用的文案和商品详情页的用色、字体、排版等。最后还要烘托出符合商品特性的氛围。65.1.3 商品详情页的主要内容焦点图商品信息的描述商品卖点快递与售后温馨提示7内容导航5.1商品详情页概述5.2商品详情页的制作5.3综合实训制作摄影包商品详情页85.2商品详情页的制作 在明确了商品详情页的设计思路和主要内容以后，美工人员就可以着手进行商品详情页的具体制作工作了。95.2.1 制作焦点图1.添加古风素材2.设置图层混合模式在制作时主要分为两个部分，第一部分体现茶叶是送礼的佳品，第二部分展现茶叶的效果。3.添加图层蒙版4.添加焦点图素材5.

4、输入文字“毛尖茶”105.2.1 制作焦点图6.添加装饰素材7.绘制矩形8.添加素材9.输入文字115.2.1 制作焦点图10.设置渐变叠加参数11.设置投影参数12.复制图层样式125.2.1 制作焦点图13.输入其他文字14.绘制直线15.完成后的效果13本小节将在焦点图的基础上制作商品信息描述图，该图主要由3大必选要素、注意事项和详细介绍组成，使制作后的效果更具有吸引力。5.2.2 制作商品信息描述图1.添加素材并输入文字2.设置斜面和浮雕参数3.输入文字145.2.2 制作商品信息描述图4.绘制椭圆6.复制并修改文字内容7.输入文字5.绘制直线155.2.2 制作商品信息描述图8.绘制

5、圆角矩形并添加素材9.完成后的效果16商品卖点是指商品具备的独特的的特色、特点。它可以是商品与生俱来的特质，如细节工艺、用途；也可以是营销策划创造出来的某种卖点。5.2.3 制作商品卖点图1.输入文字并绘制直线2.设置斜面和浮雕参数3.输入文字绘制直线175.2.3 制作商品卖点图4.绘制矩形并更改复制的文字5.绘制矩形并添加素材6.输入文字185.2.3 制作商品卖点图7.绘制波浪形状8.绘制其他形状9.添加素材输入文字195.2.3 制作商品卖点图10.添加素材并输入文字20内容导航5.1商品详情页概述5.2商品详情页的制作5.3综合实训制作摄影包商品详情页215.3综合实训制作摄影包商品

6、详情页 摄影包的实用性是吸引消费者购买的首要条件。而商品详情页作为消费者购买的依据，要求它的图片真实，清晰、完整地展示商品的特征，并通过描述文字等突出商品的卖点和亮点，达到最大程度吸引消费者的目的。本实训需要体现摄影包的实用、耐磨、防滑、透气、防水、舒适等特征。225.3综合实训制作摄影包商品详情页（1）为了吸引并留住消费者，使其产生继续看下去的欲望，使用砂砾、水花、风浪作为素材来体现摄影包的防水、防尘的特点。（2）根据设计理念和商品信息，让消费者了解摄影包的品牌历史和理解摄影包的具体用途。（3）对摄影包的细节进行展现，并通过日常使用效果来吸引消费者进行浏览与购买。1.设计思路235.3综合实

7、训制作摄影包商品详情页2.知识要点（1）使用“矩形工具”和“添加图层蒙版”按钮制作摄影包焦点图的背景，并在其中输入深色的文字，以强调商品的信息，达到吸引消费者的目的。（2）使用“横排文字工具”和“矩形工具”制作设计理念图和商品信息图。（3）制作细节图并使用“矩形工具”和“横排文字工具”对文字和素材图片进行处理，并完成商品详情页的制作。245.3综合实训制作摄影包商品详情页（1）制作背景1（2）添加素材 3.操作步骤255.3综合实训制作摄影包商品详情页（3）输入文字（4）绘制矩形输入并设置文字（5）摄影包焦点图265.3综合实训制作摄影包商品详情页（6）添加摄影包素材（7）输入文字（8）输入商品详解文字275.3综合实训制作摄影包商品详情页（9）输入并填充文字（10）排版图片并输入文字（11）添加背景图片后的效果28课后习题（1）秋天到了，棉袜可以使脚更加温暖，因此在制作棉袜商品描述时，要以温暖为首要条件。而详情页作为消费者购买的依据，它要求图片真实、清晰、完整地展示商品的特征，并通过描述文字等突出商品的卖点和亮点，以达到最大化吸引消费者的目的。29课后习题（2）时尚小包是夏天必备的产品，在制作该详情页时，可将其分为焦点图、商品参数、色彩选择、商品亮点以及细节展示5各部分。30谢谢观看商品详情页的制作网店美工