淘宝天猫网店美工全能第7章课件

第7章淘宝推广图设计淘宝天猫网店美工全能一本通——配色、抠图、装修、无线店铺（视频指导版）第7章淘宝推广图设计淘宝天猫网店美工全能一本通——配色、7.1制作高点击率的主图内容导航7.2直通车推广图设计扩展阅读——促销广告实施步骤7.3∣智钻图设计高手进阶7.1制作高点击率的主图内容导航7.2直通车推广图设7.1.1商品图片的规范淘宝商品主图的标准尺寸是310像素×310像素。由于京东、当当等主图规格都是800像素，为了方便在其他平台发布商品时不重新制作主图，因此一般统一主图的制作大小为800×800像素。7.1.1商品图片的规范淘宝商品主图的标准7.1.2商品图片的背景搭配背景的搭配影响着主图的质量。灵活搭配背景色与商品，可以让主图更具亲和力和感染力。7.1.2商品图片的背景搭配背景的搭配影响着7.1.3制作优质商品主图的技巧卖点清晰有创意宜简不宜繁丰富细节商品的大小适中7.1.3制作优质商品主图的技巧卖点清晰有创意宜简不宜繁7.1.4高清播放器主图制作实战下面将设计一款高清播放器的宝贝主图，观察播放器，发现播放器的产品较小，且产品本身的左上角较空，不能占据多半的画面，因此采用几何形填充画面的方法，使画面整体均衡。7.1.4高清播放器主图制作实战下面将设计一1、导入宝贝素材2、绘制装饰形状7.1.4高清播放器主图制作实战1、导入宝贝素材2、绘制装饰形状7.1.4高清播放器主图3、输入播放器信息4、添加项目符号7.1.4高清播放器主图制作实战3、输入播放器信息4、添加项目符号7.1.4高清播放器主5、复制复选标记6、输入价格信息7.1.4高清播放器主图制作实战5、复制复选标记6、输入价格信息7.1.4高清播放器主图7、绘制星形8、设置高斯式模糊7.1.4高清播放器主图制作实战7、绘制星形8、设置高斯式模糊7.1.4高清播放器主图制9、添加闪光效果10、添加免邮文本7.1.4高清播放器主图制作实战9、添加闪光效果10、添加免邮文本7.1.4高清播放器主新手试练苗苗店铺是一家经营茶叶的店铺，由于直接拍摄的图片并不是很美观，为了烘托茶叶的绿意与品茶的惬意，需要对主图进行制作，要求对背景、文本等进行设计和处理，如图7-23所示为店主比较中意的两款茶叶的主图，现要求读者分析主图的卖点、构图方式与配色技巧，总结经验，在此基础上进行淘宝主图的制作。新手试练苗苗店铺是一家经营茶叶的店铺，由于直接7.1制作高点击率的主图内容导航7.2直通车推广图设计扩展阅读——促销广告实施步骤7.3∣智钻图设计高手进阶7.1制作高点击率的主图内容导航7.2直通车推广图设7.2.1认识直通车直通车推广图在页面右侧的位置7.2.1认识直通车直通车推广图在页面右侧的位置7.2.1认识直通车5个“掌柜热卖”的推广位7.2.1认识直通车5个“掌柜热卖”的推广位7.2.1认识直通车单品推广店铺推广即掌柜热卖栏中的图片，其设计规格为商品主图的规格，一般直接从商品主图中选择，侧重于单个产品的信息传递或是销售诉求，因此以销售转化为最终目的。即卖家精选栏的图片，尺寸为210×315像素，大小限制在100KB以内，一般需要卖家自己设计。店铺推广（店家精选）是淘宝（天猫）直通车的一种通用推广方式，该推广方式满足了卖家同时推广多个同类型宝贝、传递店铺独特品牌形象的需求。7.2.1认识直通车单品推广店铺推广即掌柜热卖栏中的图片7.2.2不同时期直通车投放的策略不同时期，直通车投放的策略也有所不同，在直通车开通的前期，最主要目的是提高点击率，提高质量得分，使得排名靠前和推广费用降低，因此要求直通车图创意要十足、视觉冲击力要强，能够引人点击；而直通车开通的中期，最主要目的是精准引流，即直通车图不仅仅是让人点击，引进流量，而且要能促进订单的达成，提高流量的转化率，此时直通车图片要求目标消费者定位要明确，且图片的商品与详情页的描述或者真实的产品匹配度高。7.2.2不同时期直通车投放的策略不同7.2.3直通车的设计原则主题卖点简洁精确构图合理具有吸引力7.2.3直通车的设计原则主题卖点简洁精确7.2.4直通车引流的关键分析消费者心理需求分析图片的差异化使用诱导的概念使用增值服务使用大众好评7.2.4直通车引流的关键分析消费者心理需求7.2.5直通车图制作实战下面将以“国庆促销”为卖点，通过突出的折扣信息占据视觉中心来吸引买家视线，同时为了突出国庆的喜庆和促销的氛围，将选择夺目的红色与黄色进行整体颜色的搭配，并用气球、礼花、金币等国庆节日元素进行烘托，搭配店铺中的某款热卖宝贝，给出优惠价格，吸引消费者进入店铺选购。7.2.5直通车图制作实战下面将以“国庆促7.2.5直通车图制作实战1、制作背景并添加素材2、制作音箱投影7.2.5直通车图制作实战1、制作背景并添加素材2、制作7.2.5直通车图制作实战3、添加素材并输入文本4、添加文本底纹7.2.5直通车图制作实战3、添加素材并输入文本4、添加7.2.5直通车图制作实战5、添加投影6、绘制并描边图形7.2.5直通车图制作实战5、添加投影6、绘制并描边图形7.2.5直通车图制作实战7、添加斜面和浮雕效果8、添加光泽效果7.2.5直通车图制作实战7、添加斜面和浮雕效果8、添加7.2.5直通车图制作实战9、添加投影效果10、查看设置图层样式后的效果7.2.5直通车图制作实战9、添加投影效果10、查看设置7.2.5直通车图制作实战11、删除素材的背景7.2.5直通车图制作实战11、删除素材的背景新手试练某店铺主要经营各式各样的耳机，店主决定对店铺中的一款超小的蓝牙耳机进行直通车推广，先要求读者在分析该款耳机卖点的基础上制作单品推广图，如图所示为淘宝收集的该类型耳机的直通车图推广图效果。试着从文案、构图、背景等方面对直通车图进行分析和制作，要求直通车的主体卖点简洁精确、构图合理、差异化强，能够吸引并打动消费者。新手试练某店铺主要经营各式各样的耳机，店主决7.1制作高点击率的主图内容导航7.2直通车推广图设计扩展阅读——促销广告实施步骤7.3∣智钻图设计高手进阶7.1制作高点击率的主图内容导航7.2直通车推广图设7.3.1智钻位置淘宝首页焦点智钻图7.3.1智钻位置淘宝首页焦点智钻图7.3.1智钻位置淘二焦点智钻图横幅banner智钻图7.3.1智钻位置淘二焦点智钻图横幅banner智钻图7.3.1智钻位置淘宝垂直频道智钻图7.3.1智钻位置淘宝垂直频道智钻图7.3.2智钻设计标准主图突出目标明确形式美观7.3.2智钻设计标准7.3.3智钻图的排版方式两栏式三栏式7.3.3智钻图的排版方式两栏式三栏式7.3.3智钻图的排版方式上下式正反三角形构图垂直构图7.3.3智钻图的排版方式上下式正反三角形构图垂直构图7.3.3智钻图的排版方式斜切式渐次式构图放射性构图7.3.3智钻图的排版方式斜切式渐次式构图放射性构图7.3.4新品男士牛仔裤首焦智钻图制作实战本例将使用淘宝首焦智钻位对2016年秋季新品上架的男士牛仔裤进行推广，在构图方式上采用左图右文的排版方式，文本的排列采用了倒三角，规则并富有动感，右下角的牛仔裤起到平衡画面的作用。7.3.4新品男士牛仔裤首焦智钻图制作实战7.3.4新品男士牛仔裤首焦智钻图制作实战1、制作背景并添加素材2、输入文本7.3.4新品男士牛仔裤首焦智钻图制作实战1、制作背景并7.3.4新品男士牛仔裤首焦智钻图制作实战3、绘制形状4、添加文本7.3.4新品男士牛仔裤首焦智钻图制作实战3、绘制形状47.3.4新品男士牛仔裤首焦智钻图制作实战5、添加火纹图样6、设置变形7.3.4新品男士牛仔裤首焦智钻图制作实战5、添加火纹图新手试练某店铺主要经营一些干果类零食，由于国庆即将来临，该店铺决定在淘宝零食频道投放智钻图，从而对店铺进行推广，如图所示为“良品铺子”和“特色中国成都馆”淘宝零食频道的智钻图，从颜色搭配、构图方式、字体应用、主题等方面进行智钻图的分析。新手试练某店铺主要经营一些干果类零食，由于国庆扩展阅读——促销广告实施步骤020103广告策划在整个广告活动中处于指导地位，贯穿于广告活动的各个阶段，涉及广告活动的各个层面。策划既包括企业、消费者或客户的沟通、也包括企业内部人员的沟通，沟通综合策划与沟通的成果，形成广告文案，通过一些元素设计和背景搭配渲染主题氛围，完成促销广告的制作。设计扩展阅读——促销广告实施步骤020103广告策划在整个广告活课后练习（1）新建大小为800×800像素，分辨率为72像素，名为“精华液直通车图.psd”的单品直通车推广图，添加素材利用高斯式模糊、图层透明度、外发光等制作场景效果。课后练习（1）新建大小为800×800像素，分辨率为72像素课后练习（2）新建大小为520×280像素，分辨率为72像素，名为“户外休闲裤智钻图.psd”的智钻图，添加素材，使用两栏构图方式，对文本进行排版设计。课后练习（2）新建大小为520×280像素，分辨率为72像素谢谢观看淘宝推广图设计网店美工全能一本通——配色、抠图、装修、无线店铺（全彩版）谢谢观看淘宝推广图设计网店美工全能一本通——配色、抠图、装修第7章淘宝推广图设计淘宝天猫网店美工全能一本通——配色、抠图、装修、无线店铺（视频指导版）第7章淘宝推广图设计淘宝天猫网店美工全能一本通——配色、7.1制作高点击率的主图内容导航7.2直通车推广图设计扩展阅读——促销广告实施步骤7.3∣智钻图设计高手进阶7.1制作高点击率的主图内容导航7.2直通车推广图设7.1.1商品图片的规范淘宝商品主图的标准尺寸是310像素×310像素。由于京东、当当等主图规格都是800像素，为了方便在其他平台发布商品时不重新制作主图，因此一般统一主图的制作大小为800×800像素。7.1.1商品图片的规范淘宝商品主图的标准7.1.2商品图片的背景搭配背景的搭配影响着主图的质量。灵活搭配背景色与商品，可以让主图更具亲和力和感染力。7.1.2商品图片的背景搭配背景的搭配影响着7.1.3制作优质商品主图的技巧卖点清晰有创意宜简不宜繁丰富细节商品的大小适中7.1.3制作优质商品主图的技巧卖点清晰有创意宜简不宜繁7.1.4高清播放器主图制作实战下面将设计一款高清播放器的宝贝主图，观察播放器，发现播放器的产品较小，且产品本身的左上角较空，不能占据多半的画面，因此采用几何形填充画面的方法，使画面整体均衡。7.1.4高清播放器主图制作实战下面将设计一1、导入宝贝素材2、绘制装饰形状7.1.4高清播放器主图制作实战1、导入宝贝素材2、绘制装饰形状7.1.4高清播放器主图3、输入播放器信息4、添加项目符号7.1.4高清播放器主图制作实战3、输入播放器信息4、添加项目符号7.1.4高清播放器主5、复制复选标记6、输入价格信息7.1.4高清播放器主图制作实战5、复制复选标记6、输入价格信息7.1.4高清播放器主图7、绘制星形8、设置高斯式模糊7.1.4高清播放器主图制作实战7、绘制星形8、设置高斯式模糊7.1.4高清播放器主图制9、添加闪光效果10、添加免邮文本7.1.4高清播放器主图制作实战9、添加闪光效果10、添加免邮文本7.1.4高清播放器主新手试练苗苗店铺是一家经营茶叶的店铺，由于直接拍摄的图片并不是很美观，为了烘托茶叶的绿意与品茶的惬意，需要对主图进行制作，要求对背景、文本等进行设计和处理，如图7-23所示为店主比较中意的两款茶叶的主图，现要求读者分析主图的卖点、构图方式与配色技巧，总结经验，在此基础上进行淘宝主图的制作。新手试练苗苗店铺是一家经营茶叶的店铺，由于直接7.1制作高点击率的主图内容导航7.2直通车推广图设计扩展阅读——促销广告实施步骤7.3∣智钻图设计高手进阶7.1制作高点击率的主图内容导航7.2直通车推广图设7.2.1认识直通车直通车推广图在页面右侧的位置7.2.1认识直通车直通车推广图在页面右侧的位置7.2.1认识直通车5个“掌柜热卖”的推广位7.2.1认识直通车5个“掌柜热卖”的推广位7.2.1认识直通车单品推广店铺推广即掌柜热卖栏中的图片，其设计规格为商品主图的规格，一般直接从商品主图中选择，侧重于单个产品的信息传递或是销售诉求，因此以销售转化为最终目的。即卖家精选栏的图片，尺寸为210×315像素，大小限制在100KB以内，一般需要卖家自己设计。店铺推广（店家精选）是淘宝（天猫）直通车的一种通用推广方式，该推广方式满足了卖家同时推广多个同类型宝贝、传递店铺独特品牌形象的需求。7.2.1认识直通车单品推广店铺推广即掌柜热卖栏中的图片7.2.2不同时期直通车投放的策略不同时期，直通车投放的策略也有所不同，在直通车开通的前期，最主要目的是提高点击率，提高质量得分，使得排名靠前和推广费用降低，因此要求直通车图创意要十足、视觉冲击力要强，能够引人点击；而直通车开通的中期，最主要目的是精准引流，即直通车图不仅仅是让人点击，引进流量，而且要能促进订单的达成，提高流量的转化率，此时直通车图片要求目标消费者定位要明确，且图片的商品与详情页的描述或者真实的产品匹配度高。7.2.2不同时期直通车投放的策略不同7.2.3直通车的设计原则主题卖点简洁精确构图合理具有吸引力7.2.3直通车的设计原则主题卖点简洁精确7.2.4直通车引流的关键分析消费者心理需求分析图片的差异化使用诱导的概念使用增值服务使用大众好评7.2.4直通车引流的关键分析消费者心理需求7.2.5直通车图制作实战下面将以“国庆促销”为卖点，通过突出的折扣信息占据视觉中心来吸引买家视线，同时为了突出国庆的喜庆和促销的氛围，将选择夺目的红色与黄色进行整体颜色的搭配，并用气球、礼花、金币等国庆节日元素进行烘托，搭配店铺中的某款热卖宝贝，给出优惠价格，吸引消费者进入店铺选购。7.2.5直通车图制作实战下面将以“国庆促7.2.5直通车图制作实战1、制作背景并添加素材2、制作音箱投影7.2.5直通车图制作实战1、制作背景并添加素材2、制作7.2.5直通车图制作实战3、添加素材并输入文本4、添加文本底纹7.2.5直通车图制作实战3、添加素材并输入文本4、添加7.2.5直通车图制作实战5、添加投影6、绘制并描边图形7.2.5直通车图制作实战5、添加投影6、绘制并描边图形7.2.5直通车图制作实战7、添加斜面和浮雕效果8、添加光泽效果7.2.5直通车图制作实战7、添加斜面和浮雕效果8、添加7.2.5直通车图制作实战9、添加投影效果10、查看设置图层样式后的效果7.2.5直通车图制作实战9、添加投影效果10、查看设置7.2.5直通车图制作实战11、删除素材的背景7.2.5直通车图制作实战11、删除素材的背景新手试练某店铺主要经营各式各样的耳机，店主决定对店铺中的一款超小的蓝牙耳机进行直通车推广，先要求读者在分析该款耳机卖点的基础上制作单品推广图，如图所示为淘宝收集的该类型耳机的直通车图推广图效果。试着从文案、构图、背景等方面对直通车图进行分析和制作，要求直通车的主体卖点简洁精确、构图合理、差异化强，能够吸引并打动消费者。新手试练某店铺主要经营各式各样的耳机，店主决7.1制作高点击率的主图内容导航7.2直通车推广图设计扩展阅读——促销广告实施步骤7.3∣智钻图设计高手进阶7.1制作高点击率的主图内容导航7.2直通车推广图设7.3.1智钻位置淘宝首页焦点智钻图7.3.1智钻位置淘宝首页焦点智钻图7.3.1智钻位置淘二焦点智钻图横幅banner智钻图7.3.1智钻位置淘二焦点智钻图横幅banner智钻图7.3.1智钻位置淘宝垂直频道智钻图7.3.1智钻位置淘宝垂直频道智钻图7.3.2智钻设计标准主图突出目标明确形式美观7.3.2智钻设计标准7.3.3智钻图的排版方式两栏式三栏式7.3.3智钻图的排版方式两栏式三栏式7.3.3智钻图的排版方式上下式正反三角形构图垂直构图7.3.3智钻图的排版方式上下式正反三角形构图垂直构图7.3.3智钻图的排版方式斜切式渐次式构图放射性构图7.3.3智钻图的排版方式斜切式渐次式构图放射性构图7.3.4新品男士牛仔裤首焦智钻图制作实战本例将使用淘宝首焦智钻位对2016年秋季新品上架的男士牛仔裤进行推广，在构图方式上采用左图右文的排版方式，文本的排列采用了倒三角，规则并富有动感，右下角的牛仔裤起到平衡画面的作用。7.3.4新品男士牛仔裤首焦智钻图制作实战7.3.4新品男士牛仔裤