《淘宝天猫网店美工实战 视觉设计+店铺装修+移动端店铺》教学课件-第8章制作PC端其他页面

淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺（微课版）第8章制作PC端其他页面淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺（微课1目录Contents8.1专题页的制作8.2活动页的制作8.3课堂实训——制作护肤品春节活动页目录Contents8.1专题页的制作8.2活动页28.1.1专题页的作用专题页可以集中输出要传达的信息，提高消费者的关注度，促使消费者做出购买决策，进而完成交易。下面将从4个方面对专题页的作用进行详解。补充、整合大量信息，吸引消费者注意力对大型或多个促销活动进行集中展示对外展示网店品牌形象和实力给网店带来流量，带动网店销售业绩8.1.1专题页的作用专题页可以集中输出要传达的信息，提8.1.2专题页的分类专题页主要可以分为两种，即陈述型和促销型。陈述型：一般是针对安全要求或价值较高的商品，展示的内容要能消除消费者对商品的顾虑，同时适当传递商品信息，加深消费者对网店的好感。促销型：促销型专题页主要通过促销活动来拉近消费者和商品的距离，增加消费者的购买概率。8.1.2专题页的分类专题页主要可以分为两种，即陈述型和8.1.3制作圣诞节专题页制作圣诞节专题页时需要先确定主题，这里使用圣诞老人、圣诞树以及童话素材来体现圣诞节主题，并使用下雪夜背景与主题相契合，然后在下方添加商品信息。其具体操作如下。1添加背景2添加素材8.1.3制作圣诞节专题页制作圣诞节专题页时需要先确定主8.1.3制作圣诞节专题页3设置描边参数6设置渐变叠加参数5输入文字4设置投影参数7设置投影参数8添加小圣诞老人素材8.1.3制作圣诞节专题页3设置描边参数6设置渐变叠8.1.3制作圣诞节专题页9绘制形状10将形状转换为选区13绘制其他形状14绘制圆和圆角矩形11设置描边12绘制形状8.1.3制作圣诞节专题页9绘制形状10将形状转换为8.1.3制作圣诞节专题页17绘制圆角矩形18添加素材15输入文字16完成优惠券的制作8.1.3制作圣诞节专题页17绘制圆角矩形18添加素8.1.3制作圣诞节专题页21输入文字19输入文字20绘制形状22绘制形状8.1.3制作圣诞节专题页21输入文字19输入文字8.1.3制作圣诞节专题页24完成后的效果23复制并修改文字8.1.3制作圣诞节专题页24完成后的效果23复制并目录Contents8.1专题页的制作8.2活动页的制作8.3课堂实训——制作护肤品春节活动页目录Contents8.1专题页的制作8.2活动页118.2.1活动页的主题风格梦回童年1.故事性故事性是指通过一个故事或者一个能够贯穿页面的引子为中轴线，结合网店活动内容进行设计和策划。8.2.1活动页的主题风格梦回童年1.故事性故事性是指8.2.1活动页的主题风格以趣味性元素来提升娱乐性2.娱乐性娱乐性是指通过趣味性元素来进行页面设计或借助恶搞热点事件来提升页面的娱乐性。如图所示的活动页就融合了经典卡通娱乐元素，让消费者在看到页面时，就能感受到其趣味性。8.2.1活动页的主题风格以趣味性元素来提升娱乐性2.8.2.1活动页的主题风格以红色来突出促销感3.利益性利益性是指简单明了地通过页面渲染促销商品。网店美工在设计这类页面的通常会将利益是放在显眼的位置，以烘托促销氛围。以具有冲击力的视觉设计来体现促销感8.2.1活动页的主题风格以红色来突出促销感3.利益性8.2.2制作11·11活动页本例将制作11·11活动页，在设计时通过紫色和线条以及文案让11·11的时尚感和促销感展现出来，完成后，依次添加活动内容和活动商品，让整个画面更加完整。其具体操作如下。1添加素材2添加图层蒙版8.2.2制作11·11活动页本例将制作11·11活8.2.2制作11·11活动页3设置图层混合模式4添加线条素材5添加渐变效果6设置描边参数7设置内阴影参数8.2.2制作11·11活动页3设置图层混合模式48.2.2制作11·11活动页8添加灯光9绘制圆角矩形11设置内阴影参数10设置描边参数12设置投影参数13输入文字8.2.2制作11·11活动页8添加灯光9绘制圆8.2.2制作11·11活动页14设置图层样式参数15添加渐变效果17添加灯光16设置投影参数8.2.2制作11·11活动页14设置图层样式参数8.2.2制作11·11活动页18绘制圆角矩形并添加灯光20添加斜面与浮雕19输入文字21绘制矩形并输入文字8.2.2制作11·11活动页18绘制圆角矩形并添8.2.2制作11·11活动页22设置描边参数23设置外发光参数24添加素材并绘制形状25绘制椭圆26添加素材并绘制形状27绘制矩形8.2.2制作11·11活动页22设置描边参数28.2.2制作11·11活动页28输入文字29绘制矩形30输入文字31输入文字并绘制矩形32完成后的效果8.2.2制作11·11活动页28输入文字29绘目录Contents8.1专题页的制作8.2活动页的制作8.3课堂实训——制作护肤品春节活动页目录Contents8.1专题页的制作8.2活动页228.3课堂实训——制作护肤品春节活动页本例将制作一个护肤品网店的春节活动页。要求该活动页以商品促销为目的，以春节元素定位主题风格。同时加大优惠信息的展示力度。主色调可直接选择正红来渲染节日氛围。在结构上，可划分为焦点图、优惠券、活动区等，参考效果如图所示。实训目标8.3课堂实训——制作护肤品春节活动页本例将制作一个护肤8.3课堂实训——制作护肤品春节活动页实训思路根据实训目标，完成本实训主要需进行以下操作。（1）定位活动页主题风格。以春节为主题进行活动页设计，可以直接选取与春节相关的元素。本例以经典的正红和深蓝色作为主色，黄色作为辅助色，白色作为点缀色进行设计，同时添加中国元素作为页面装饰。（2）焦点图视觉设计。焦点图以主色红色为背景，添加祥云、烟花等元素来构建场景，同时搭配深色的光线营造一种节日气氛，文案则直接点明活动主题为“春节不打烊”，最后在下方添加烟花场景，以呼应主题。（3）活动区视觉设计。活动区包括优惠券区与活动专区两个区域。优惠券区以红色和黄色为背景，搭配红色的文字来突出显示优惠内容。以主色红色为背景，搭配红色的文字和淡黄色的形状来突出重点内容。（4）添加页面点缀物。为了增强页面的活动氛围，并体现出新年主题，网店美工可在页面中添加一些新年吉祥物以统一画面并区分出层次，比如中国结。8.3课堂实训——制作护肤品春节活动页实训思路根据实训目淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺（微课版）学习进步淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺（微课25淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺（微课版）第8章制作PC端其他页面淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺（微课26目录Contents8.1专题页的制作8.2活动页的制作8.3课堂实训——制作护肤品春节活动页目录Contents8.1专题页的制作8.2活动页278.1.1专题页的作用专题页可以集中输出要传达的信息，提高消费者的关注度，促使消费者做出购买决策，进而完成交易。下面将从4个方面对专题页的作用进行详解。补充、整合大量信息，吸引消费者注意力对大型或多个促销活动进行集中展示对外展示网店品牌形象和实力给网店带来流量，带动网店销售业绩8.1.1专题页的作用专题页可以集中输出要传达的信息，提8.1.2专题页的分类专题页主要可以分为两种，即陈述型和促销型。陈述型：一般是针对安全要求或价值较高的商品，展示的内容要能消除消费者对商品的顾虑，同时适当传递商品信息，加深消费者对网店的好感。促销型：促销型专题页主要通过促销活动来拉近消费者和商品的距离，增加消费者的购买概率。8.1.2专题页的分类专题页主要可以分为两种，即陈述型和8.1.3制作圣诞节专题页制作圣诞节专题页时需要先确定主题，这里使用圣诞老人、圣诞树以及童话素材来体现圣诞节主题，并使用下雪夜背景与主题相契合，然后在下方添加商品信息。其具体操作如下。1添加背景2添加素材8.1.3制作圣诞节专题页制作圣诞节专题页时需要先确定主8.1.3制作圣诞节专题页3设置描边参数6设置渐变叠加参数5输入文字4设置投影参数7设置投影参数8添加小圣诞老人素材8.1.3制作圣诞节专题页3设置描边参数6设置渐变叠8.1.3制作圣诞节专题页9绘制形状10将形状转换为选区13绘制其他形状14绘制圆和圆角矩形11设置描边12绘制形状8.1.3制作圣诞节专题页9绘制形状10将形状转换为8.1.3制作圣诞节专题页17绘制圆角矩形18添加素材15输入文字16完成优惠券的制作8.1.3制作圣诞节专题页17绘制圆角矩形18添加素8.1.3制作圣诞节专题页21输入文字19输入文字20绘制形状22绘制形状8.1.3制作圣诞节专题页21输入文字19输入文字8.1.3制作圣诞节专题页24完成后的效果23复制并修改文字8.1.3制作圣诞节专题页24完成后的效果23复制并目录Contents8.1专题页的制作8.2活动页的制作8.3课堂实训——制作护肤品春节活动页目录Contents8.1专题页的制作8.2活动页368.2.1活动页的主题风格梦回童年1.故事性故事性是指通过一个故事或者一个能够贯穿页面的引子为中轴线，结合网店活动内容进行设计和策划。8.2.1活动页的主题风格梦回童年1.故事性故事性是指8.2.1活动页的主题风格以趣味性元素来提升娱乐性2.娱乐性娱乐性是指通过趣味性元素来进行页面设计或借助恶搞热点事件来提升页面的娱乐性。如图所示的活动页就融合了经典卡通娱乐元素，让消费者在看到页面时，就能感受到其趣味性。8.2.1活动页的主题风格以趣味性元素来提升娱乐性2.8.2.1活动页的主题风格以红色来突出促销感3.利益性利益性是指简单明了地通过页面渲染促销商品。网店美工在设计这类页面的通常会将利益是放在显眼的位置，以烘托促销氛围。以具有冲击力的视觉设计来体现促销感8.2.1活动页的主题风格以红色来突出促销感3.利益性8.2.2制作11·11活动页本例将制作11·11活动页，在设计时通过紫色和线条以及文案让11·11的时尚感和促销感展现出来，完成后，依次添加活动内容和活动商品，让整个画面更加完整。其具体操作如下。1添加素材2添加图层蒙版8.2.2制作11·11活动页本例将制作11·11活8.2.2制作11·11活动页3设置图层混合模式4添加线条素材5添加渐变效果6设置描边参数7设置内阴影参数8.2.2制作11·11活动页3设置图层混合模式48.2.2制作11·11活动页8添加灯光9绘制圆角矩形11设置内阴影参数10设置描边参数12设置投影参数13输入文字8.2.2制作11·11活动页8添加灯光9绘制圆8.2.2制作11·11活动页14设置图层样式参数15添加渐变效果17添加灯光16设置投影参数8.2.2制作11·11活动页14设置图层样式参数8.2.2制作11·11活动页18绘制圆角矩形并添加灯光20添加斜面与浮雕19输入文字21绘制矩形并输入文字8.2.2制作11·11活动页18绘制圆角矩形并添8.2.2制作11·11活动页22设置描边参数23设置外发光参数24添加素材并绘制形状25绘制椭圆26添加素材并绘制形状27绘制矩形8.2.2制作11·11活动页22设置描边参数28.2.2制作11·11活动页28输入文字29绘制矩形30输入文字31输入文字并绘制矩形32完成后的效果8.2.2制作11·11活动页28输入文字29绘目录Contents8.1专题页的制作8.2活动页的制作8.3课堂实训——制作护肤品春节活动页目录Contents8.1专题页的制作8.2活动页478.3课堂实训——制作护肤品春节活动页本例将制作一个护肤品网店的春节活动页。要求该活动