电子商务视觉营销全套完整教学课件

了解视觉营销电子商务视觉营销全套可编辑PPT幻灯片课件（共8章）项目一CONTENTS目录视觉营销基础任务一视觉营销设计要素提炼视觉创意任务二任务三任务目标Taskobjectives视觉营销是将商品卖点、商品主要信息、品牌信息，通过文字、图片或视频等视觉元素传达给消费者，增加商品点击率、转化率，并提升品牌形象的整个过程。本任务将对视觉营销的基本概念、视觉营销的信息传达、视觉营销的定位等知识进行介绍。（一）什么是视觉营销视觉营销是现代商业随着消费需求从基本温饱层面向精神层面发展应运而生的营销学科，旨在通过增强消费者的视觉感受促进销售。在视觉营销中，视觉是手段，营销才是目的，视觉以营销为出发点，营销则通过视觉得以实现。因此，两者是相辅相成的关系。传统线下商品具有直接触摸的优势，可以带给消费者真实的购物体验电商商品商家通过视觉展示商品，消费者通过视觉了解商品。（一）什么是视觉营销如果对视觉营销的文字进行拆解，则“视”可以理解为眼睛看到的一切，“觉”可以理解为消费者接收的信息，“营”可以理解为营造氛围，“销”可以理解为促成商品或服务的销售。下面的商品图片，从视觉营销的角度进行分析，可发现商家从不同的方面向消费者传达了商品的信息。（二）视觉营销的信息传达视觉营销的信息传达是指通过视觉的展现传达营销的信息，引起消费者共鸣，进而促成营销，其主要是通过店铺的定位、店铺的商品风格、商品价格和促销活动的力度来体现的。1234店铺的定位促销活动的力度店铺的商品风格商品价格（三）视觉营销的定位1．品牌型视觉定位品牌型视觉定位需要突出品牌优势，如爱马仕至今还沿用一驾马车的Logo，就是想通过Logo告诉消费者自己的品牌定位，体现品牌的传承优势。一般品牌型视觉定位的商品价格要高于同类商品，因此，在视觉营销的过程中要体现出品牌优势，弱化价格。（三）视觉营销的定位2．营销型视觉定位营销型视觉定位需要凸显商品价格优势，利用价格优势销售更多的商品。一般来说，营销型视觉定位的店铺，其商品价格要低于同类型商品，因此在视觉营销的过程中，需要开展足够的促销活动，以吸引消费者，从而促进商品销售。任务实训Tasktraining结合本任务所学知识，对该海报进行分析，确认其视觉营销定位。任务实训Tasktraining实训目标掌握视觉营销的定位。实训要求从“视”“觉”“营”“销”4个角度分析该电饭煲海报在视觉营销方面的体现。实训思路1、在“视”“觉”的环节。这张海报的视觉设计以做饭场景为主，整个场景色彩明快，温馨、美观。海报右下侧为图片视觉表现的主体——电饭煲，与左上侧文案相搭配，占据着视觉中心位置。海报通过场景展示将消费者带入电饭煲的使用氛围中，从而激发消费者对商品的购买欲望。2、在“营”“销”的环节。该海报不仅成功营造出商品的高品质氛围，巧妙借助色彩搭配抓住消费者的视觉，同时利用“做顿好饭给妈妈”文案直接营造出“温情”的氛围，文案和商品使用图激发了消费者对商品的好奇心和购买欲，为最终的商品销售做好了铺垫。任务考核Taskassessment观察右侧的商品海报，填写表格并上交。任务考核Taskassessment序号考核内容分值（100分）说明1简述该海报是如何体现视觉营销的30分2简述该海报是如何进行视觉的传递的30分3分析该海报采用了哪种视觉营销定位，是如何进行体现的40分CONTENTS目录视觉营销基础任务一视觉营销设计要素提炼视觉创意任务二任务三任务目标Taskobjectives认识视觉设计要素是进行视觉设计的关键，本任务将分别对视觉设计要素中的视觉色彩、视觉文字和视觉构图等知识进行介绍，让读者对视觉设计要素有一定的了解。（一）视觉色彩1．色彩的构成要素在色彩的视觉搭配中，色相、明度、纯度是色彩的三个要素，是人眼能够正常感知色彩的基本条件，熟悉并灵活应用三要素是进行视觉设计的基础。色相明度纯度（一）视觉色彩1．色彩的构成要素色彩的不同是由光的波长的长短差别所决定的，而色相是指这些不同波长的色彩情况。商品海报，从色相的角度进行分析，商品色彩以红、黄为主，属于暖色调，给人一种温暖、热情的感觉，搭配深红色的背景色彩，营造出一种浓厚热烈的氛围，与商品本身所代表的喜庆、幸福等寓意相融合，给人一种非常强烈的婚姻幸福感。色相（一）视觉色彩1．色彩的构成要素明度可以简单理解为色彩的亮度，不同的色彩具有不同的明度，上图背景采用深浅不一的蓝色，给人一种干净、纯粹的感觉，下图画面的整体色彩明度较低，以黑色为主，紫色、深蓝色为点缀色，但由于点缀色的明度高，因此整个画面会显得较暗，反而具有科技感。明度（一）视觉色彩1．色彩的构成要素纯度（也叫饱和度，下文统称为饱和度）是指色彩的纯净或者鲜艳程度。饱和度越高，色彩越鲜艳，视觉冲击力越强。下图为饱和度较高的海报，通过高饱和度的色彩对比，整个海报具有强烈的视觉冲击力。纯度（一）视觉色彩2．色彩的搭配原理原色。原色是指不能通过其他色彩的混合调配而得到的色彩，又称“基本色”，是人眼在光的照射下所能感受到的基本色彩。色光三原色颜料三原色（一）视觉色彩2．色彩的搭配原理间色。间色也称“二次色”，由三原色中的某两种色彩混合而成。复色。复色也称“三次色”，是指由任何两个间色或3个原色混合而成的色彩。原色、间色与复色示意图（一）视觉色彩2．色彩的搭配原理将这些色彩按照光谱在自然中出现的顺序来进行排列，形成首尾相接的圆形光谱，一共12种色彩，叫作12色相环。色环上色彩与色彩之间离得越近，对比度就越小；离得越远，对比度就越大。（一）视觉色彩3．色彩的搭配技巧色彩搭配是一门技术，灵活运用色彩搭配技巧能增加图片的视觉美观度。白色被称为全光色。在视觉营销中，白色能带给人高级和科技的感觉，纯白色会带给人寒冷、严峻的感觉，所以在使用纯白色时，都会掺一些其他的色彩，从而形成象牙白、米白、乳白、苹果白等。（一）视觉色彩3．色彩的搭配技巧在视觉搭配中，黑色能给人高贵、稳重、科技的感觉，许多科技类商品，如电视、摄影机、音箱大多采用黑色。（一）视觉色彩3．色彩的搭配技巧绿色本身会营造出与健康相关的感觉，所以也经常用于与健康相关的设计中。当绿色和白色搭配使用时，可以给人自然清新的感觉。（一）视觉色彩3．色彩的搭配技巧高饱和度的蓝色会营造出一种整洁、轻快的感觉，低饱和度的蓝色会给人一种都市化的现代派感觉。蓝色和绿色、白色的搭配在日常生活中也是随处可见的，蓝色的应用范围很广泛。（一）视觉色彩3．色彩的搭配技巧红色是强有力、喜庆的色彩，给人热情、有活力的感觉。高明度的红色与灰色、黑色等色彩搭配使用，可以给人一种现代且激进的感觉。低明度的红色给人一种冷静沉着的感觉，适合营造古典的氛围。（二）视觉文字1．字体的类型不同的字体类型可以带给人不同的视觉感受，传统的字体类型可分为楷、草、隶、篆、行5种，从视觉感观与应用的角度来讲，还可以把字体类型分为宋体类、黑体类、书法体类和艺术体类4种。（二）视觉文字1．字体的类型宋体是比较传统的字体，其字形较方正、纤细，结构严谨，笔画横平竖直，末尾有装饰，整体给人一种秀气端庄的感觉，在保持极强笔画韵律性的同时，能够给人一种舒适醒目的感觉。（二）视觉文字1．字体的类型黑体又称方体或等线体，没有衬线装饰，字形端庄，笔画横平竖直，笔迹粗细几乎完全一致。黑体的商业气息浓厚，其“粗”的特点能够满足消费者对于文案“大”的要求，常表现阳刚、气势、端正等含义，可用于科技、数码、运动等商品海报或商品详情页等大面积使用文字的页面中。（二）视觉文字1．字体的类型书法体是指具有书法风格的字体，主要包括隶书、行书、草书、篆书和楷书等类型的字体。书法体能赋予商品较强的文化底蕴，字形自由多变、顿挫有力，力量中掺杂着文化气息，常带给人一种古典文化的美好意境。（二）视觉文字1．字体的类型艺术体是指一些非常规的特殊印刷字体，一般是为美化版面而采用的。其笔画和结构大都进行了一些形象化处理，常用于商品海报制作或模板设计的标题部分，可提升艺术品位。（二）视觉文字2．文字组合形式当确定画面中运用的字体后，还需要对文字进行组合排版，让画面的展现效果更加充实、美观。文字的可读性根据风格选择字体字体的搭配（三）视觉构图平衡式构图法在视觉设计中，平衡感是很重要的，一般情况下，为保证视觉平衡，会使用左图右文、左文右图、上文下图、中心构图等构图方式。（三）视觉构图韵律式构图法除了平衡感外，视觉整体的韵律感也是非常重要的。与音乐中的韵律相似，视觉设计也需要节拍、节奏以及各种元素的组合，形成统一、连贯、舒适的整体页面。（三）视觉构图切割构图法适当的画面切割能够增强页面的动感与节奏感，加入几根线条、几个块面就能使页面起到意想不到的效果。设计时需要注意，素材不宜太过复杂和花哨，一般以纯色大块搭配渐变。（三）视觉构图流程构图法流程构图法类似树杈结构，以流程图的方式展示商品。这种构图方式能够将各步骤、各个节点以及整体流向展示清楚，配合图片展示将一个枯燥的流程瞬间变得个性十足，让消费者浏览起来更轻松，并且充满趣味性。（三）视觉构图放射构图法放射构图法是指以主体物为核心，将核心作为构图的中心点并向四周扩散的一种构图方式。任务实训Tasktraining结合本任务所学知识，赏析佰草集旗舰店首页，通过对其色彩、构图、文字等进行分析，学习其色彩搭配和版式布局的方法。任务实训Tasktraining实训目标（1）掌握首页的色彩搭配和布局方法。（2）掌握文字的表现方式。实训要求根据实训目标，需要先了解佰草集旗舰店首页中包含的信息和内容，再分析其中的色彩搭配和布局方法。实训思路1、打开佰草集旗舰店的首页，经观察，该店铺首页采用明度较高的绿色，属于较鲜亮的色彩。2、文字字体以宋体为主，画面简洁、大方。由于页面中的板块和文案具有促销效果，如“抢爆款买1送1”，可单击此板块链接进入相应的活动页面。3、页面布局采用平衡式构图法。页头为促销信息展示，页中为活动商品展示，页尾则为店铺信息的总结。整个页面布局板块清晰，视觉平衡，给人一种整洁、大方的感觉。任务考核Taskassessment观察右侧的商品海报，填写表格并上交。任务考核Taskassessment序号考核内容分值（100分）说明1分析海报中的色彩布局方式30分2分析海报中的文字展现形式30分3分析海报中的结构布局方式40分CONTENTS目录视觉营销基础任务一视觉营销设计要素提炼视觉创意任务二任务三任务目标Taskobjectives对消费者的购买情况进行分析发现，只有引起消费者注意，才能激发其购买欲望，最终形成商品的成交。而创意就是吸引消费者注意力的有效途径，在视觉营销的过程中，可通过商品和活动两个途径来提炼创意，本任务将从视觉创意的角度分析如何通过商品视觉创意和活动视觉创意来提升消费者的购买兴趣。（一）商品视觉创意到位且有创意的广告或商品描述能提升商品被认知的程度，而一个创意效果图要从众多效果图中脱颖而出，就必须有独特的视觉创意。因此，一个新颖的视觉创意表达，会让商品“跳入”消费者的视线中，从而刺激消费者购买。（二）活动视觉创意1．活动的分类活动的分类促销活动热门主题活动（二）活动视觉创意2．活动方案的规划确认卖点确认消费者群体确认促销策略确认推广方案确认预算（二）活动视觉创意3．活动视觉设计思考活动方案01确定设计思路02确定设计风格03设计活动页面04设计活动推广图片05任务实训Tasktraining“双12”是一种促销购物活动，活动的目的是吸引消费者到店进行消费，因此，规划“双12”活动海报是设计的重要准备工作。下图为某女装店铺的“双12”活动海报参考效果，分析该海报的视觉表现并借鉴进行设计。任务实训Tasktraining实训目标掌握活动海报的视觉表现方式，以及构思活动海报的方案。实训要求根据实训目标，对双12”活动海报进行分析，然后借鉴其手法自行规划“双12”活动海报方案，海报方案要体现出活动目的、卖点、促销策略和活动视觉设计要点等信息。实训思路1、活动目的规划。“双12”活动的主要目的是迎合淘宝网年终“双12”活动，并提高店铺销量，因此海报中应着重体现“双12”主题。2、卖点和促销策略规划。活动的目的是提高商品销量，因此促销信息是活动海报的主要卖点，也是消费者最为关注的利益点。3、活动视觉设计规划。活动视觉设计主要是根据店铺的整体风格进行定位，以商品的场景展现或是模特展现为视觉设计背景，让商品能够更加直观地展现在消费者眼前，并通过促销文字，使视觉设计元素和营销信息融合起来。任务考核Taskassessment观察3张中秋活动海报，填写表格并上交。任务考核Taskassessment序号考核内容分值（100分）说明1简述3张中秋活动海报的视觉创意点30分2图中第1张图与第2张图的视觉体现方式相同吗？是怎么进行视觉体现的？40分3分析3张图片的活动视觉设计要点30分拓展延伸（一）视觉营销的误区有哪些盲目展示无风格的定位页面失衡拓展延伸（二）色彩的搭配方法有哪些对比色调搭配方法暖色调搭配方法冷色调搭配方法（1）假设某定位为舒适、自由的女鞋店铺要上新一款小白鞋，讨论：如何对小白鞋促销海报进行视觉设计？如何在海报中体现营销信息？如何制定视觉营销方案？（2）一家男士皮鞋旗舰店要参加“6·18”促销活动，此时需要对店铺首页的整体视觉效果进行规划和设计，在设计中主题色彩该怎么选择？文字的选择有哪些注意事项？实战与提升祝：学有所成！电子商务视觉营销视觉营销的体现与布局电子商务视觉营销项目二CONTENTS目录视觉营销设计体现任务一店铺的视觉营销商品的视觉营销任务二任务三广告的视觉营销任务四任务目标Taskobjectives店铺、商品、广告是体现视觉营销的重点，下面将分别对这些重点进行介绍，帮助读者熟悉视觉营销设计中不同部分的表现形式与设计要点。（一）店铺视觉营销体现店铺视觉营销主要体现在店铺首页上。在淘宝店铺中，店铺首页的整体效果直接影响着消费者对店铺的好感度。店铺首页是店铺中非常重要的一个流量页面，当消费者进入店铺查找所需商品时，大部分都会选择跳转至店铺首页。（二）商品视觉体现主图的视觉体现。主图是引导消费者进入店铺的图片，主要起到引流的作用，是店铺视觉营销中非常重要的部分。主图的视觉效果主要通过商品背景、品牌、卖点得以体现。（二）商品视觉体现详情页的视觉体现。详情页的视觉效果与商品转化率直接相关，当消费者由主图进入商品详情页后，美观的详情页设计可以第一时间留住消费者，反之则不能打动消费者。（三）广告视觉体现广告的目的是传达信息，引导购买。其视觉体现主要表现在视觉效果的美观度和不同的营销方式上。以淘宝网为例，店铺中的广告视觉效果主要通过不同的推广图来体现，如钻展图和直通车推广图等。任务实训Tasktraining结合本任务所学知识，分析某旅行箱店铺首页的视觉营销体现方式。任务实训Tasktraining实训目标掌握店铺视觉营销的具体体现方式。实训要求根据图中店铺首页的视觉效果分析店铺定位，如品牌理念、风格、目标消费者等内容。实训思路1、从店铺首页所展示的商品图片中可看出该店铺定位为时尚、简约，并通过不同旅行箱的使用场景展示及其不同组合使整个店铺首页与店铺的定位相符。2、在布局上采用左右布局的方式，让整个页面变得对称，在文字的排版上通过促销内容的展现，让简约、时尚的设计风格在店铺首页中得到体现。任务考核Taskassessment观察左侧的商品详情页，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1简述该商品详情页的视觉体现方式50分2如何在商品详情页中展现商品，并吸引消费者购买50分CONTENTS目录视觉营销设计体现任务一店铺的视觉营销商品的视觉营销任务二任务三广告的视觉营销任务四任务目标Taskobjectives店铺视觉营销的目的是提升店铺商品的销量，而好的店铺视觉展现方式可突出和强化视觉效果，加深消费者对店铺的认同感。本任务将先讲解首页的布局方法，再对首页的视觉营销要点进行介绍，帮助商家了解店铺视觉营销的基础知识。（一）首页的布局店铺首页是店铺展现商品的主要页面，有提升店铺形象、促进商品销售的作用。在首页中合理的装修风格和布局能够带给消费者很好的购物体验，给消费者留下良好的印象。0102首页的第一屏整体时尚、美观首页下半部分整洁、统一、有层次感（二）首页的视觉营销1．店招与导航栏店招即店铺的招牌，位于店铺首页顶端。店招不仅代表着店铺的第一视觉印象，而且兼有宣传店铺的作用，而导航栏则处于店招的下方，主要对店铺商品的类别进行显示，起到分类展现的作用。（二）首页的视觉营销2．首屏轮播图首屏轮播图一般位于首页的导航栏下方，或首页的第一屏。轮播图相当于轮播海报，一般会展现出店铺当前活动的主题、主推的商品或具体利益点等。（二）首页的视觉营销3．店铺优惠区店铺优惠区是首页重要的功能区，主要展示店铺当前优惠活动，如优惠券、满减、打折等，一般为多个活动点并列存在。（二）首页的视觉营销4．商品分类区商品分类区一般位于店铺优惠区的下方。在设计分类时，为了更好地发挥商品分类区的作用，需要从店铺的装修风格、分类图像的大小和分类方式等方面入手。（二）首页的视觉营销5．商品促销展示区商品促销展示区是店铺首页的主要区域之一，占据了店铺首页的大部分版面。商品促销展示区各模块的分布非常讲究，如各模块的尺寸如何选择、以何种色块区分、如何保持整体格局、如何定义重点突出内容等。（二）首页的视觉营销6．店铺底部应用页面底部即页尾，通常位于店铺首页的底端，主要用于展现店铺相关服务类承诺，如服务时间、发货时间等，目的在于提高消费者对店铺的信任度。任务实训Tasktraining结合本任务所学知识，赏析衣途女装店铺首页，分析各个板块的设计方法。任务实训Tasktraining实训目标掌握店铺首页的视觉营销要点。实训要求打开衣途女装店铺首页，从轮播图、优惠券、商品分类区、商品展示区等方面进行分析，掌握店铺的视觉要点。实训思路1、轮播图。轮播图的背景采用实景的拍摄，在设计上要体现店铺的优雅、精致，与店铺整体的表达风格要相匹配。2、优惠券。主要通过矩形框让优惠信息得到展现，在设计时不仅要将促销内容展现完整，其整个效果也不要过于复杂。3、商品分类区。主要对商品进行分类，在设计时可进行简单的商品分类，也可对促销内容进行分类，这样可让消费者目标更加明确。4、商品展示区。主要对单个商品的展现，在设计时可将商品的亮点体现出来，注意要与整体风格匹配。任务考核Taskassessment观察首页效果，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1分析店铺首页中的视觉展现要点50分2分析店铺首页是怎么进行视觉营销的50分CONTENTS目录视觉营销设计体现任务一店铺的视觉营销商品的视觉营销任务二任务三广告的视觉营销任务四任务目标Taskobjectives主图是商品展示的门面，也是商品视觉营销的重点，好的主图不但能提升商品的点击率，还能直接影响商品的成交量。而商品详情页则是商品的详细说明，通过详情页可以很好地将商品展现出来，打消消费者的顾虑。下面将对主图和详情页的视觉营销方法进行介绍。（一）主图的视觉营销每款商品一般有5个主图位置用于展示商品，设计人员要利用好这些主图展示位，让每张主图都言之有物，进一步吸引消费者了解商品详情信息，从而达到视觉营销的目的。主图卖点展现的逻辑在寻找卖点时要有逻辑，要从商品的特征中寻找卖点，挖掘消费者重点关注的问题，并展现到主图中，这样即可达到吸引消费者眼球的目的。（一）主图的视觉营销主图素材选择的逻辑在选择主图商品图片时，要选择能够完整展示商品功能、特点或优势的商品图片，以保证通过商品形象让消费者感受到商品要表达的卖点。（一）主图的视觉营销主图展示顺序的逻辑不同品类的商品，消费者关注的重点不同，设计人员要根据商品特性，调整主图展示的卖点及顺序。商品主图的常用卖点展示顺序为整体形象、材质细节、色彩和款式、包装、用法、配件、赠品等。（二）详情页的视觉营销商品详情页是影响店铺转化率的重要因素之一，按照一定的逻辑推荐商品，会使消费者更好地了解商品，从而提升消费者的购买欲望，因此规划并设计具有视觉营销效果的商品详情页是非常重要的。焦点图商品信息展示图功能展示图包装展示图关联营销图促销活动图搭配展示图商品细节图商品卖点图证书保证图商品快递与售后图任务实训Tasktraining结合本任务所学知识，分析3张主图的卖点展现和素材选择。任务实训Tasktraining实训目标掌握主图的视觉营销展现方式。实训要求根据实训目标，对3张商品图片的卖点和主图素材进行分析，总结主图的优劣，并对其展现方式进行介绍。实训思路1、第1张图。该图以沙滩为背景，将防晒霜放于沙滩上，整个效果在视觉上不仅美观，而且体现出防晒霜“防晒”的卖点，再通过简单的描述文字将卖点展现在消费者的眼前，从而达到营销的目的。2、第2张图。该图以黄色为背景，将红色的防晒霜放于黄色背景上，不但将防晒霜凸显出来，还通过夏日打伞的投影，体现防晒的主题，再通过促销性的文字将卖点展现在消费者的眼前。3、第3张图。该图虽然可以显示商品的整个轮廓效果，但背景过于单调，没有太多亮点。任务考核Taskassessment观察商品详情页，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1简述本任务中的商家是如何利用商品详情页进行视觉营销的50分2分析本任务中的商品详情页由哪些板块组成，是怎么展现的50分CONTENTS目录视觉营销设计体现任务一店铺的视觉营销商品的视觉营销任务二任务三广告的视觉营销任务四任务目标Taskobjectives广告视觉化是指将各种表现手段、表现形式、表现符号与商品信息相融合并将其转化成视觉化广告的过程。而广告视觉营销则是针对广告视觉化的效果，进行商品的营销。本任务将先讲解广告视觉化的重要性，再对广告怎么强调视觉效果和怎么传达品牌信息分别进行介绍，让读者对广告视觉营销有更深入的了解。（一）广告视觉化的重要性1．传递价值理念广告在传递商品信息的同时，兼顾传递商品价值、消费方式等内容，并常常以品牌标志、代言、表达商品特殊功能的象征性文字和图案等形式，将商品展现在消费者面前。这些视觉信息的传递，不但能增强营销效果，还能提升消费者对商品的接受程度。（一）广告视觉化的重要性2．传递情感因素现代广告诉求已从原来的单一功能诉求转向情感诉求，广告更关注消费者的情感需要，其营销内容以打动消费者内心为目的，使消费者从内心接受商品。（二）广告品牌信息的传达店铺的形象和品牌决定了店铺和商品在消费者心中的地位，这一地位通常靠店铺的实力和广告战略来获取和维护。在针对实体店铺的营销中，报纸广告和杂志广告由于受众广、发行量大、可信度高而具有很强的品牌塑造能力。而针对网络店铺的营销，除了可通过实体店铺宣传外，还可通过组织不同的活动，提高品牌的认知度，从而达到宣传品牌信息的目的。任务实训Tasktraining结合本任务所学知识，分析下图所示的广告视觉要点。任务实训Tasktraining实训目标掌握广告在店铺中的视觉表现方法。实训要求根据实训目标，先分析海报如何传递价值理念，再对广告品牌信息的宣传进行介绍。实训思路1、本店铺采用代言的形式传递商品价值，并在海报中通过“3件8折/2件9折”文字的形式，将广告的促销信息展现出来。2、店铺的品牌决定了店铺和商品在消费者心中的地位，这里通过“OPENINGSEASON”文字将广告品牌信息传递出来，并将文字放大显示，提高品牌的认知度。任务考核Taskassessment观察如图所示的海报，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1简述本任务中的广告营销的替换方式50分2分析本任务中的海报是如何进行广告的传递的50分拓展延伸（一）广告视觉性的要求有哪些强调视觉化——扩大版面视觉快感效应——明星效应寻求差异化表现——吸引注意力拓展延伸（二）商品品类主要通过哪些方式进行排序从畅销商品着手根据库存调整排序根据品类进行排序（1）小雨巴巴高档童装是一家针对0～6岁儿童的童装店铺，其店铺宗旨是“呵护孩童健康分享孩童成长好时光”，下面请对该店铺做视觉营销设计，并对店铺的整体风格、色彩和商品视觉体现等进行思考与设计。（2）对“小雨巴巴高档童装”店铺做广告，要求实体店铺与网上店铺同时进行。实战与提升祝：学有所成！电子商务视觉营销海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务商品图片的拍摄与处理电子商务视觉营销项目三CONTENTS目录商品的拍摄任务一商品图片的基本处理商品图片色彩的调整任务二任务三抠取商品图片内容任务四任务目标Taskobjectives商品拍摄是传播商品信息、促进商品成交的重要手段，也是处理与美化商品图片的前提。本任务将对拍摄商品图片前的准备工作和拍摄商品图片的方法进行介绍，让读者更加熟练地掌握商品拍摄技巧。（一）拍摄前的准备工作1．全面了解商品拍摄商品图片前，需要全面了解商品的各种信息，如商品外观与外包装、商品特性与使用方法。在商品外观与外包装上，要对所拍摄商品的材质、做工、造型、颜色及外包装进行认真观察与分析，以便在拍摄时选择合适的背景与拍摄角度。在商品特性与使用方法上，要仔细阅读说明书熟悉商品的功能、特性、清洗方法、保管方法和使用方法等，这样才能准确传达出商品的亮点和卖点信息。（一）拍摄前的准备工作2．确定拍摄风格拍摄商品图片前，需要根据所拍摄的商品的特点，并以同类商品的图片作为参考来确定整体拍摄风格。例如，服装商品有唯美、小清新、复古、文艺等风格，一般情况下，需要根据商品自身的特点来分析拍摄的风格效果，然后与策划或运营等人员商定，最后再通过布景、后期处理等进行展现。（一）拍摄前的准备工作3．制订拍摄方案进行商品分类确定拍摄顺序AB（一）拍摄前的准备工作4．准备拍摄器材（一）拍摄前的准备工作5．制作拍摄规划表（一）拍摄前的准备工作6．明确拍摄步骤多角度拍摄商品拍摄防伪标识组合拍摄多件商品多角度拍摄商品包装拍摄商品使用步骤（一）拍摄前的准备工作7．拍摄后期处理与交付完成所有的拍摄工作后，需要将拍摄的图片传入计算机，然后通过Photoshop等图像处理软件对拍摄照片不足的地方进行修改和完善，如修复污点、修正曝光、调整偏色、调整饱和度、调整图片清晰度等。（二）拍摄商品图片1．拍摄吸光类商品全吸光类商品。拍摄时可用稍硬的光照明，布光要以侧光、侧逆光为主，照射角度宜低。半吸光类商品。拍摄此类商品，灯光的照射角度不宜太高，这样才能拍摄出具有视觉层次和色彩表现的图片。（二）拍摄商品图片2．拍摄反光类商品在拍摄时，可以将一些灰色或深黑色的反光板或吸光板放于被拍摄商品的旁边，让商品反射出这些光板的色块，以增加商品的厚实感。在拍摄该类商品时，灯光也很重要，主要采用较柔和的散射光进行照明，这样不但能使色彩更加丰富，还能增加商品的质感。（二）拍摄商品图片3．拍摄透明类商品拍摄透明类商品要表现其玲珑剔透的质感，因此，在选择布光方式时，常以侧光、侧逆光和底部光等为主。任务实训Tasktraining结合本任务所学知识，拍摄一组护肤品商品图片。任务实训Tasktraining实训目标掌握护肤品的拍摄方法。实训要求（1）在拍摄过程中体现出商品的整体效果，并对侧面进行展现。（2）展示商品的使用效果，吸引消费者购买商品。实训思路（1）在静物台上铺满白纸，并使用日光灯斜射护肤品，在护肤品的前方放置三脚架，使用三脚架架上相机，将护肤品放在静物台上，将相机向下压，保持安静，避免出现噪声，拍摄护肤品正面效果。（2）在平台上铺满白色绸缎和装饰用的素材，将护肤品倾斜摆放，拍摄护肤品倾斜效果。（3）使用近距离的拍摄方法，拍摄模特使用护肤品的场景，提升消费者的信任度。任务考核Taskassessment观察上方的3张商品图片，填写表格并上交。任务考核Taskassessment序号考核内容分值（100分）说明1简述3张商品图片的拍摄方式40分2第1张图与第2张图的拍摄光有什么不同之处30分3第3张图的拍摄效果能否满足使用需求？原因是什么30分CONTENTS目录商品的拍摄任务一商品图片的基本处理商品图片色彩的调整任务二任务三抠取商品图片内容任务四任务目标Taskobjectives本任务将先讲解裁剪商品图片的方法，再对修复商品图片的方法进行讲解，包括修复污点、瑕疵等，提高读者熟练处理图片的能力。（一）裁剪商品图片123（二）修复商品图片1234（二）修复商品图片5678（二）修复商品图片9101112任务实训一Tasktraining结合本任务所学知识，裁剪芒果细节图片。裁剪前后的效果如左图所示任务实训一Tasktraining实训目标（1）掌握使用“裁剪工具”裁剪商品图片的方法。（2）掌握细节部分的裁剪方法。实训要求使用“裁剪工具”裁剪芒果，要求体现出芒果的果肉细节。实训思路1、打开素材文件，利用裁剪工具，设置“裁剪模式”为“不受约束”，拖动控制点确认裁剪区域。2、确认裁剪操作。3、保存文件。任务实训二Tasktraining结合本任务所学知识，修复图片中蔬菜上的污点，使其更加美观。任务实训二Tasktraining实训目标掌握“污点修复画笔工具”“修补工具”“套索工具”的使用方法。实训要求使用“污点修复画笔工具”和“修补工具”对污点进行修复，使图片中的蔬菜看上去更加清爽、美观。实训思路1、打开素材文件，利用污点修复画笔工具处理其中的污点。2、利用修补工具对桌子上的孔洞进行修复。3、利用套索工具框选图片中需要的位置，填充前景色。4、设置图层混合模式为柔光，然后保存文件。任务考核Taskassessment观察左侧的茄子处理流程图，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1简述如何快速裁剪商品20分2在对商品图片的处理中，如何对污点进行处理30分3可以通过哪些工具去除商品图片中的木条50分CONTENTS目录商品的拍摄任务一商品图片的基本处理商品图片色彩的调整任务二任务三抠取商品图片内容任务四任务目标Taskobjectives拍摄的商品图片可能会因为自然因素等存在太暗、模糊、有色差等问题，需要依次对这些问题进行处理，保证图片更加接近真实效果。本任务将以调整偏色的商品图片、调整曝光不足的商品图片、调整曝光过度的商品图片为例，具体讲解商品图片色彩的调整方法。（一）调整偏色的商品图片1234（一）调整偏色的商品图片5678（二）调整曝光不足的商品图片123456（三）调整曝光过度的商品图片1234（三）调整曝光过度的商品图片567任务实训Tasktraining结合本任务所学知识，通过锐化和增加对比度的方法将毛绒公仔的质感体现出来。素材文件和完成后的参考效果如左图所示。任务实训Tasktraining实训目标（1）掌握增加对比度的方法。（2）掌握色彩的调整方法。实训要求通过增强毛绒公仔的明暗对比，体现毛绒公仔的质感。实训思路1、利用钢笔工具为公仔区域创建选区。2、利用USM锐化命令处理创建的公仔区域。3、利用高反差保留命令处理图层1副本图层，并设置图层混合模式。4、利用色阶命令调整图像色阶。5、为图像添加提供的文字素材，完成操作。任务考核Taskassessment观察商品图片修图前后的对比效果，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1怎么提升整个效果的清晰度30分2怎么将啤酒的通透感体现出来30分3怎么让玻璃杯与背景对比明显40分CONTENTS目录商品的拍摄任务一商品图片的基本处理商品图片色彩的调整任务二任务三抠取商品图片内容任务四任务目标Taskobjectives单色背景的商品图片往往只能用作详情页中的实物展示，要想体现出商品的吸引力还需要将商品图片中的商品抠取出来，并将其应用到具有展示性和促销性的背景中，这样的展现才更加具有视觉营销效果。本任务将以商品抠取方法为出发点，对单色背景商品、精细商品和半透明商品的抠取方法进行介绍。（一）单色背景商品的抠取123（二）精细商品的抠取124653（三）半透明商品的抠取12453（三）半透明商品的抠取67任务实训一Tasktraining结合本任务所学知识，打开冰箱素材，将其中的冰箱图像抠取出来，并应用到海报中。任务实训一Tasktraining实训目标掌握“钢笔工具”的使用方法。实训要求通过“钢笔工具”抠取冰箱素材，并将其应用到背景中，使整个海报效果大气、美观。实训思路1、利用钢笔工具沿着冰箱轮廓绘制路径，通过建立选区命令为冰箱创建选区。2、利用移动工具将冰箱选区拖动到“冰箱背景”素材文件中，调整大小和位置即可。任务实训二Tasktraining结合本任务所学知识，打开有机蔬菜素材，将其中的有机蔬菜抠取出来，并应用到海报中。任务实训二Tasktraining实训目标掌握“魔棒工具”的使用方法。实训要求利用“魔棒工具”抠取素材中的有机蔬菜，并将其应用到背景中，注意细节的抠取和投影部分的抠取，要求展现的有机蔬菜完整且美观。实训思路1、利用魔棒工具在空白区域创建选区，并利用反选选区命令为蔬菜创建选区。2、利用移动工具将蔬菜选区拖动到“有机蔬菜背景”素材文件中，调整大小和位置即可。任务考核Taskassessment观察如图所示的素材和完成后的效果，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1使用哪种抠取方法能更快地对商品进行抠取50分2抠取后怎样才能使素材与背景融合50分拓展延伸（一）店铺对图片的尺寸要求是什么拓展延伸（二）商品图片处理时主要有哪些注意事项商品图片的真实性商品图片色彩的搭配商品图片创意与主题的契合度拓展延伸（三）哪一类商品图片需要调色一般来说，光线、拍摄器材等客观原因造成商品图片与实际商品存在色差时，需要对商品图片颜色进行调整，还原商品图片本身的颜色，使商品图片更具真实性。一般来说，在布光合理的环境中拍摄出来的商品图片基本都不需要调色，但有时可根据主图背景、详情页风格等进行调色处理，使其与店铺风格相契合。（1）处理一张曝光不足、色彩暗淡的饭盒袋商品图片，处理后色泽鲜艳、美观，参考效果如图所。实战与提升（2）打开“月饼.jpg”素材文件，对月饼的颜色进行调整，并抠图、更换背景，处理后的月饼海报融入了月亮、祥云和桂花等场景效果，不仅美观，而且更具有中秋氛围。实战与提升祝：学有所成！电子商务视觉营销海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务店铺首页的视觉营销设计电子商务视觉营销项目四CONTENTS目录认识店铺首页任务一店招与导航栏的视觉营销设计全屏海报的视觉一些设计任务二任务三优惠活动区域的视觉一些设计任务四任务目标Taskobjectives店铺首页可以让消费者对店铺有更加直观的了解，从而促进商品销售。项目二已经介绍了首页的常用功能区模块，本任务将对店铺首页的主要功能以及布局要点进行介绍。（一）店铺首页的主要功能展示商品展示促销信息、优惠活动树立品牌形象引流店铺首页的视觉效果会直接影响店铺的流量，因此为了设计出具有吸引力的店铺首页，需要设计人员对店铺首页的主要功能进行了解，这样才能有针对性地设计出满足消费者需求的店铺首页。（二）店铺首页的布局要点店铺首页的布局并不是要将所有的模块都堆积在一起，而是各模块之间要进行合理的组合排列。导航栏模块间的布局活动海报店铺首页布局店铺风格要考虑店铺风格、商品特点、目标消费人群等因素，以保证店铺风格与商品的一致性。在排列商品时要根据商品的实际销售情况和点击率进行布局。活动海报的设计要清晰、醒目，要让消费者一眼就能够看到活动的内容、时间等主要信息。各结构模块之间的布局要详略得当、清晰明了。各商品类目要清晰明了，方便消费者快速找到他们需要的商品。任务实训Tasktraining结合本任务所学知识，赏析九阳官方旗舰店店铺首页，并分析其主要功能有哪些，运用了哪些布局要点。任务实训Tasktraining实训目标掌握店铺首页的模块布局与布局要点。实训要求从视觉设计的角度出发，分析首页中各模块的主要功能，其布局要点是什么，并说明其有什么作用。实训思路（1）本首页主要通过展示各种商品来体现店铺活动，分析首页的模块布局，分析这些模块对视觉营销有什么作用。（2）分析店铺首页布局的哪些要点可以刺激消费者点击、浏览和购买商品。任务考核Taskassessment观察施华洛世奇旗舰店店铺首页，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1分析首页中的模块布局50分2分析首页中的布局要点是怎样体现的50分CONTENTS目录认识店铺首页任务一店招与导航栏的视觉营销设计全屏海报的视觉营销设计任务二任务三优惠活动区域的视觉营销设计任务四任务目标Taskobjectives店招与导航栏一般位于网店页面的顶部，主要用于展示店铺名称、活动内容、商品分类等需要让消费者第一眼就能够看到的信息。本任务先对店招与导航栏的视觉设计风格和设计要点进行介绍，再对店招与导航栏的设计与制作方法进行介绍。（一）店招与导航栏的视觉设计风格店招的风格引导着整个店铺的风格，而店铺的风格大多取决于店铺的商品。一般来说，店铺中的店招、导航栏、商品风格应与店铺的整体风格一致。下图所示为“花西子”的店招与导航栏效果，“花西子”是一个主打自然护肤的彩妆品牌，因此，店招的整体色调为大自然的绿色，然后与金色搭配，店招的整体效果显得非常精致。（一）店招与导航栏的视觉设计风格不同类型的店铺因为面向的消费人群不同，其店招的风格也不相同，下图一所示为一家经营男士护肤品的店铺，因此，店招则主要以黑色为背景，展示了男性深沉、严肃的性格特征。而下图二所示为一家专营女性化妆品的店铺，在店招的整体用色上采用了女性比较喜欢的蓝色调，凸显出该商品水润清透的特点。（二）店招与导航栏的视觉设计要点店招的设计要点主要体现在Logo设计、促销商品、收藏和关注、优惠券等能够直接吸引消费者的模块上，结合这些模块信息可以直接展现店铺营销活动，吸引消费者，提升其购物体验。Logo设计收藏和关注促销商品优惠券（三）店招与导航栏的设计与制作1234（三）店招与导航栏的设计与制作56任务实训一Tasktraining结合本任务所学知识，利用相关素材以及各种工具完成童装店店招的制作。任务实训一Tasktraining实训目标掌握在店招与导航栏的制作中加入优惠券的设计方法。实训要求通过对各种工具的使用使店招风格更符合“童装”店铺的要求，体现出儿童活力感。实训思路1、新建“童装店招”文件，将提供的素材文件拖动到“童装店招”文件中。2、利用矩形工具在Logo下方绘制矩形，并添加图层样式。3、继续绘制店招的优惠券与收藏店铺信息。4、利用矩形工具和横排文字工具制作导航栏。任务实训二Tasktraining结合本任务所学知识，运用提供的背景素材完成古典家居店铺店招的制作。任务实训二Tasktraining实训目标掌握制作不同样式店招的方法。实训要求通过素材的搭配以及导航栏的设计，制作一个家居店铺店招，要求展现出该店铺的古典风格。实训思路1、新建“家居店铺店招”文件，将提供的素材文件拖动到该文件中。2、利用矩形工具绘制矩形并添加图层样式，并在矩形中输入店铺名称和宣传语。3、利用圆角矩形工具绘制圆角矩形，利用文字工具输入需要的文字。4、利用矩形工具、自定形状工具和横排文字工具绘制搜索框并输入文字。任务考核Taskassessment观察美的官方旗舰店店招与导航栏，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1简述该店招与导航栏的设计风格30分2简述该店招与导航栏的设计要点30分3分析该店招与导航栏是怎么进行制作的，需要注意哪些问题40分CONTENTS目录认识店铺首页任务一店招与导航栏的视觉营销设计全屏海报的视觉营销设计任务二任务三优惠活动区域的视觉营销设计任务四任务目标Taskobjectives全屏海报是店铺首页设计中的亮点，全屏海报不仅能给消费者带来视觉上的美好感受，还能使消费者快速了解店铺的促销内容与活动信息。本任务将先讲解海报的视觉组成与画面构图，再对海报的设计与制作进行介绍。（一）海报的视觉组成要让全屏海报更加美观、吸引消费者视线，体现出店铺的活动主题，就要从海报的背景、商品、文案等视觉组成方面进行综合考虑。背景商品文案（二）海报的画面构图构图左右构图上下构图底面构图左中右构图倾斜构图15432（三）海报的设计与制作12345任务实训一Tasktraining根据提供的素材制作洗衣机的全屏海报。完成后的参考效果如上图所示。任务实训一Tasktraining实训目标掌握全屏海报的设计与制作方法与左右构图布局方式。实训要求要求整体效果与背景融合，主题突出，并且使用左右构图方式进行布局。实训思路1、新建文件，将提供的素材文件拖动该新建文件中。2、为需要的图层设置投影图层样式。3、利用横排文字工具输入主题文字和描述性文字。4、利用矩形工具和圆角矩形工具绘制装饰。任务实训一Tasktraining根据提供的素材制作水果店铺的全屏海报。完成后的参考效果如上图所示。任务实训一Tasktraining实训目标掌握全屏海报的设计与制作方法与左中右构图布局方式。实训要求通过背景与文字的描述体现海报的主题，并使用左中右构图方式进行海报的设计与制作。实训思路1、新建文件，将提供的素材文件拖动该新建文件中。2、利用横排文字工具在图像中间输入文字并为其添加阴影图层样式。3、利用矩形工具和横排文字工具制作“立即尝鲜”内容。4、利用自定形状工具和横排文字工具制作折扣信息。任务考核Taskassessment观察指甲油全屏海报，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1分析海报的视觉组成与画面构图方式50分2分析全屏海报的设计与制作方法，并思考有哪些注意事项50分CONTENTS目录认识店铺首页任务一店招与导航栏的视觉营销设计全屏海报的视觉营销设计任务二任务三优惠活动区域的视觉营销设计任务四任务目标Taskobjectives优惠活动区域主要由优惠券、商品分类和活动专区3部分组成，在实际设计过程中可根据店铺的实际情况进行删减。本任务将先介绍优惠券视觉设计、商品分类视觉设计、活动专区视觉设计等知识，再对优惠活动区域的设计与制作进行介绍。（一）优惠券视觉设计1．优惠券设计要点优惠券是商家常用的一种营销方式。一般来说，一张优惠券上最醒目的信息通常是优惠面额。除此之外，设计优惠券时还需要对其他的必要信息进行完善。使用范围使用条件使用周期限制使用张数限制ABCD（一）优惠券视觉设计2．制作优惠券123456（二）商品分类视觉设计1．商品分类视觉设计要点商品分类区一般位于优惠券的下方，它是引导消费者购买的重要板块，为了更好地发挥商品分类板块的作用，需要从商品属性、分类方式等方面入手。充分考虑店铺商品属性和消费者的浏览习惯要展示重点商品分类不是越多越好不要出现重复包含的分类（二）商品分类视觉设计2．制作商品分类1234（二）商品分类视觉设计2．制作商品分类56（二）商品分类视觉设计2．制作商品分类7（三）活动专区视觉设计1．活动专区视觉设计要点在制作活动专区时，通常配合商品、文案、价格等信息来展示活动内容，为了对商品活动专区的功能进行优化。活动专区中每一个商品的名称定义要全面、准确，不能过于复杂或过于简单，应尽量体现出商品名字和特点。活动专区中的每一个商品图片都是吸引消费者点击的重要图片。（三）活动专区视觉设计2．制作活动专区1234（三）活动专区视觉设计2．制作活动专区5任务实训一Tasktraining运用提供的素材制作家居店铺的优惠券。任务实训一Tasktraining实训目标掌握优惠券的制作方法。实训要求要求优惠券风格与店铺简约风格一致，优惠信息符合家居的定价金额。实训思路1、新建文件，并将提供的素材文件拖动到新建文件夹中。2、利用矩形工具和横排文字工具制作优惠券信息板块。3、利用椭圆工具和横排文字工具制作领取按钮。4、复制制作好的优惠券，修改其中的文字内容。任务实训二Tasktraining运用提供的素材制作家居店铺的商品分类，完成后的效果如左图所示。任务实训二Tasktraining实训目标掌握商品分类的制作方法。实训要求要求根据家具的类型进行分类。实训思路1、新建文件，将提供的素材文件拖动到新建文件中。2、利用横排文字工具在图像上方输入页面名称和宣传语，利用矩形工具制作各个分类板块。3、置入素材文件。4、利用矩形工具和横排文字工具在各个分类板块下方制作描述性信息。任务实训三Tasktraining运用提供的素材制作家居店铺的活动专区，完成后的效果如左图所示。任务实训二Tasktraining实训目标掌握活动专区的制作方法。实训要求要求展示出店铺的活动商品与新品推荐，整体效果简约、美观。实训思路1、新建文件，利用矩形工具制作横幅海报与单个商品展示区。2、置入素材文件。3、利用矩形工具和横排文字工具制作价格描述信息。任务考核Taskassessment观察如图所示的女装店铺首页，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1简述优惠券、商品分类与活动专区有哪些设计要点50分2分析优惠活动区域的设计与制作方法，并思考设计时应注意哪些问题50分拓展延伸（一）怎么确定店铺的风格定位在确定店铺的风格定位时，首先要确定店铺的风格和销售商品的类型，再确定面向的消费者和当前市场的流行风格，最后进行店铺风格定位。（二）淘宝网店铺首页的设计技巧有哪些在设计淘宝网店铺首页时，商家应转换角度，将自己当作消费者，设身处地地进行思考。消费者在浏览一个店铺时，精致的画面更容易引起其注意，从而对商品产生购买欲望。此外，店铺首页中的掌柜推荐、商品热卖和左侧分类等栏目，都需要充分地利用起来，以创造最大的展示价值。本练习将制作婚纱店铺的店铺首页，要求制作的店铺首页能够体现新娘穿婚纱的幸福感和婚纱样式的美观。提示：制作店招、海报、商品分类、活动专区等内容时整体风格要保持一致。实战与提升祝：学有所成！电子商务视觉营销海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务商品详情页的视觉营销设计电子商务视觉营销项目五CONTENTS目录认识商品详情页任务一商品详情页的视觉设计任务二任务目标Taskobjectives商品详情页作为决定店铺中商品成交的重要因素，其设计效果好坏直接与商品销量的多少相关。本任务将先对商品详情页设计前的准备工作进行介绍，让视觉设计人员对商品详情页有简单的认识，再对商品详情页视觉设计要点进行介绍，让视觉设计人员对商品详情页的设计方法有具体的了解。（一）商品详情页设计准备商品详情页是提高商品转化率的重要因素，好的商品详情页不但能激发消费者的消费欲望，增强消费者对店铺的信任感，还能打消消费者的顾虑，促使消费者下单。那么在设计商品详情页前，需要做好哪些准备工作呢？设计商品详情页的目的商品的市场定位准备设计元素充分的市场调查商品卖点的挖掘（二）商品详情页视觉设计要点1．颜值诱惑焦点图是商品详情页的第一屏海报，主要用于展现商品的亮点或是促销信息。主要有人群定调法（图一）和卖点展现法（图二）2种。12（二）商品详情页视觉设计要点2．情感催化使用情感引导消费者进入感性状态，使其感同身受，才会激起消费者的购买欲望。可以分为直击内心的卖点图（图一）和身临其境的场景图（图二）2种。12（二）商品详情页视觉设计要点3．引起共鸣的品牌故事品牌对店铺具有重大意义，因此任何有助于提升品牌形象、加深品牌记忆的事情，都是需要考虑去做的。（二）商品详情页视觉设计要点4．细节征服细节展示几乎是商品详情页中必不可少的部分，商品和服务的细节是影响消费者购买商品的重要因素，因此在商品详情页的设计上，商家要多揣摩消费者的心思，通过细节让消费者更信赖商品。分为功能说明图（图一）、公艺细节图（图二）和服务说明图（图三）3种。123任务实训Tasktraining结合本任务所学知识，分析方太厨具商品详情页的设计要点。任务实训Tasktraining实训目标掌握商品详情页的设计要点。实训要求分析方太厨具商品详情页，掌握在商品视觉营销时，图片、文字、版式的设计要点。实训思路（1）分析整体设计。从每一屏的画面、内容分布上进行分析。（2）分析商品表现力。从商品背景、商品视觉位置上进行分析。（3）分析排版。从图片、文字的比例和版式上进行分析。（4）分析细节。从图片质量、细节呈现方式和效果上进行分析。任务考核Taskassessment观察商品详情页，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1分析本任务中的商品详情页的设计要点50分2分析本任务中的商品详情页是如何进行视觉营销的50分CONTENTS目录认识商品详情页任务一商品详情页的视觉设计任务二任务目标Taskobjectives商品详情页是商品展示的重要页面，商品详情页中的内容不仅要告诉消费者该商品如何使用，而且要说明该商品在什么情况下使用会产生什么样的效果。本任务将对商品详情页的制作方法进行介绍。（一）焦点图视觉设计12345（一）焦点图视觉设计7698（二）卖点图视觉设计12345（二）卖点图视觉设计67891011（二）卖点图视觉设计12131415（三）商品信息展示图视觉设计1234（三）商品信息展示图视觉设计56（四）细节图视觉设计123465（四）细节图视觉设计78任务实训Tasktraining结合本任务所学知识，制作棉袜的商品详情页，要求根据提供的素材制作商品详情页。商品详情页中要包括焦点图、卖点图、细节图、尾页，商品详情页不但要体现出商品的详细信息，还要体现出促销效果来。任务实训Tasktraining实训目标（1）掌握商品详情页的视觉展现方法。（2）掌握商品详情页各个板块的制作方法。实训要求制作棉袜的商品详情页时，要以体现商品温暖的特征作为首要条件。它要求商品详情页真实、清晰、完整地展示商品的特征，描述文字突出商品的卖点和亮点，达到最大化吸引消费者的目的。实训思路1、制作焦点图。2、制作卖点图。3、制作细节图。任务考核Taskassessment分析女包的商品详情页，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1分析女包的卖点有哪些，制作时应该怎么表现20分2在制作商品详情页时，如何展现商品参数20分3怎么在商品详情页中制作女包的焦点图、卖点图和细节图60分拓展延伸（一）如何抓住详情页设计的重点新品详情页设计重点热卖单品详情页设计重点促销商品详情页设计重点常规商品详情页设计重点拓展延伸（二）怎么确定浏览的消费者属于潜在消费者随便看看潜在需求感兴趣并有需求本练习将利用搜集的素材制作4件套商品详情页，在制作时要体现出4件套的细节，其效果要给人一种温馨的感觉。在制作的商品详情页中要体现出商品信息、细节等内容。实战与提升祝：学有所成！电子商务视觉营销海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务促销图与短视频的视觉营销设计电子商务视觉营销项目六CONTENTS目录促销图的视觉营销设计任务一短视频的视觉营销设计任务二任务目标Taskobjectives直通车和钻展是淘宝网为商家精准推广商品而量身制订的推广方式，是商家进行宣传与推广的主要手段，不仅可以提高商品的曝光率，还能有效增加店铺的流量，吸引更多消费者。因此，制作具有视觉吸引力的直通车图和钻展图是商品推广的关键，本任务将先对直通车图与钻展图的基础知识进行讲解，再对制作方法进行介绍。（一）直通车图与钻展图视觉设计要点1．直通车图的设计要点对于很多商品来讲，由于本身属性的不同，商品体现的特征也不相同。而消费者对于不同商品特征也会有不同的关注点。在进行视觉设计时，就需要明确不同商品需要展现哪些特征来打消消费者对于该商品的顾虑，从而让商品更具有吸引力。主题卖点简洁精确构图合理具有吸引力（一）直通车图与钻展图视觉设计要点2．钻展图的设计要点钻展图的位置和尺寸虽然丰富，但设计的标准都是一致的，下面对其进行详细介绍。主体突出目标明确形式美观（二）直通车图的制作12345（二）直通车图的制作6789（二）直通车图的制作101112（三）钻展图的制作1．制作520像素×280像素钻展图1234（三）钻展图的制作1．制作520像素×280像素钻展图5678（三）钻展图的制作1．制作520像素×280像素钻展图9101112（三）钻展图的制作2．制作170像素×200像素钻展图123456（三）钻展图的制作2．制作170像素×200像素钻展图789101112（三）钻展图的制作2．制作170像素×200像素钻展图1614131517（三）钻展图的制作2．制作170像素×200像素钻展图201819任务实训一Tasktraining结合本任务所学知识，要求根据提供的素材制作儿童水杯直通车图。在制作时以儿童春季出游为主题，采用儿童画的形式，将春天的场景展现出来，再加上儿童水杯商品图片和促销性的文字，让直通车图更加吸引消费者。任务实训一Tasktraining实训目标（1）掌握直通车图的制作方法。（2）掌握直通车图的设计要点。实训要求根据实训目标，需要先制作直通车图的背景，再添加儿童水杯素材和说明性文字，使整个直通车图不仅视觉美观，而且具有促销效果。实训思路（1）在素材文件中输入文字并设置图层样式。（2）利用钢笔工具和横排文字工具制作“低至5.8折优惠”板块。（3）置入素材文件，然后制作领券板块。（4）制作价格板块。任务实训二Tasktraining结合本任务所学知识，要求根据提供的素材制作520像素×280像素的护肤品钻展图。其主色为红色，要展现护肤品的“大牌”感。任务实训二Tasktraining实训目标（1）掌握钻展图的制作方法。（2）掌握钻展图的设计要点。实训要求根据实训目标，需要先制作钻展图的背景，再添加护肤品图片素材和说明性文字，以突出的文字和图片吸引消费者浏览。实训思路（1）新建文件，利用钢笔工具绘制路径并填充选区。（2）利用钢笔工具和矩形工具绘制四边形和矩形。（3）利用横排文字工具输入需要的文字。（4）设置相应的图层样式。任务考核Taskassessment根据提供的素材，分析两张钻展图的设计要点，填写表格。任务考核Taskassessment序号考核内容分值（100分）说明1分析两张钻展图的设计要点50分2分析本任务中的钻展图是如何制作的50分CONTENTS目录促销图的视觉营销设计任务一短视频的视觉营销设计任务二任务目标Taskobjectives在进行主图短视频制作时，要先明确制作方向。一般来说，主图短视频的制作方向主要有提升品牌价值、体现设计理念、加深消费者记忆和展现商品功能等方面，设计人员要根据营销目标来选择有效的制作方向。本任务将先带读者认识主图短视频，再对主图短视频的拍摄与编辑方法进行介绍。（一）认识主图短视频主图短视频就是消费者打开商品详情页后，第一时间出现在主图位置的视频。一个好的主图短视频对商品转化率的作用不容小觑，在新的淘宝风向标的指标中，转化能力指的就是主图短视频的能力。（一）认识主图短视频在进行淘宝网主图短视频的制作前需要先了解主图短视频的制作规范，主要包括以下几点。制作规范时长格式宽高大小背景内容（二）主图短视频的拍摄与编辑主图短视频在拍摄时要注意，主题要突出，要注重整体效果的简单、美观，且保证商品始终完整地出现在主图短视频的画面中，不能出现歪斜、抖动、频闪和失真等情况。淘宝网为商家提供了“淘拍”短视频拍摄与编辑软件，可直接进行视频的拍摄和编辑，帮助商家快速完成主图短视频的制作。任务实训Tasktraining结合本任务所学知识，使用“淘拍”拍摄与编辑女包短视频，不同拍摄角度的参考效果如上图所示。任务实训Tasktraining实训目标掌握使用“淘拍”拍摄视频与编辑视频的方法。实训要求根据实训目标，需要先拍摄模特展示效果，再对细节部分进行拍摄，完成后直接使用“淘拍”进行编辑，将视频裁剪到60秒内，再在其中添加音乐。实训思路1、打开“淘拍”拍摄页面，选择自由拍摄模式，拍摄女包的搭配效果。2、将女包依次放入吧台上方，近距离拍摄女包细节，包括内部细节、女包上的五金零件等。3、完成拍摄后，将进入编辑页面，选择“裁剪”选项卡，在其中将短视频裁剪到60秒内，然后选择“音乐”选项卡，点击“添加音乐”按钮，进入音乐库，选择合适的音乐后，即可完成视频的拍摄与编辑任务考核Taskassessment序号考核内容分值（100分）说明1分析电饭煲短视频应该展现哪些内容50分2在电饭煲短视频的制作中，如何插入字幕和背景音乐50分根据前面所学设计与制作电饭煲短视频，填写表格。拓展延伸（一）怎样在促销图中体现消费者最在意的问题浏览商品评价，在评价中了解消费者需求和购买后遇到的问题。从这些问题中找出商品的不足，从而有针对性地进行解决。当问题解决后，下次制作促销图时，可将其以亮点的形式体现在其中，这样不但能更好地抓住消费者的心，还能让促销图更具有真实性。拓展延伸（二）视频拍摄的技巧有哪些拍摄视频前观察环境从多个角度进行拍摄捕捉事件的高潮细节的刻画围绕主体拍摄（1）制作一个以“促销活动”为主题的直通车图，注重对促销信息的描述，要在直通车图中尽量表现促销活动的吸引力，体现促销活动的主题、时间等信息。（2）利用“淘拍”软件，制作一个商品信息展示的主图短视频。以不粘炒锅为例，可通过展示商品的材质、外观等细节，并辅以商品的使用过程来进行动态展示，帮助消费者更直观地了解商品。实战与提升祝：学有所成！电子商务视觉营销海量图书方便查询免费申请样书下载配套资源优惠购书成为作者更多样书申请和资源下载需求，请登录人邮教育社区（)囊括各大品类，您想要的应有尽有教师免费申请样书，我们将安排快递迅速送达教学视频、PPT课件、教学案例、习题答案、模拟试卷等丰富资源免费下载教师可以申请最低折扣学生直接优惠购买图书欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务移动端店铺的视觉营销设计电子商务视觉营销项目七CONTENTS目录移动端店铺的视觉设计要点任务一移动端店铺首页与商品详情页的制作任务二任务目标Taskobjectives移动端店铺成交量的好坏和移动端店铺首页